From a65a0e2a1eab5544fadee9935f2ead1ef6111561 Mon Sep 17 00:00:00 2001 From: Florian Dendorfer Date: Wed, 6 Feb 2019 16:30:12 +0100 Subject: [PATCH 1/3] Performance ups --- Pages/Shared/_Layout.cshtml | 27 +++-- Startup.cs | 20 +++- TimeManager.csproj | 9 ++ bundleconfig.json | 26 +++++ wwwroot/css/materialize.min.css | 12 +++ wwwroot/css/site.min.css | 1 + wwwroot/js/after.js | 158 +++++++++++++++++++++++++++++ wwwroot/js/after.min.js | 11 ++ wwwroot/js/{site.js => before.js} | 160 ------------------------------ wwwroot/js/before.min.js | 6 ++ 10 files changed, 257 insertions(+), 173 deletions(-) create mode 100644 bundleconfig.json create mode 100644 wwwroot/css/materialize.min.css create mode 100644 wwwroot/css/site.min.css create mode 100644 wwwroot/js/after.js create mode 100644 wwwroot/js/after.min.js rename wwwroot/js/{site.js => before.js} (52%) create mode 100644 wwwroot/js/before.min.js diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml index 1de7141..1b513a1 100644 --- a/Pages/Shared/_Layout.cshtml +++ b/Pages/Shared/_Layout.cshtml @@ -1,26 +1,33 @@  - + + @ViewData["Title"] - TimeManager - + - + - + - + + + @* + + + + *@ - + - + - + @@ -77,7 +84,7 @@ ONAX AG - it solutions - - + + diff --git a/Startup.cs b/Startup.cs index 681f2d0..405667a 100644 --- a/Startup.cs +++ b/Startup.cs @@ -1,11 +1,14 @@ -using Microsoft.AspNetCore.Authentication.Cookies; +using System.Linq; +using Microsoft.AspNetCore.Authentication.Cookies; using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Builder; using Microsoft.AspNetCore.Hosting; using Microsoft.AspNetCore.Mvc; +using Microsoft.AspNetCore.ResponseCompression; using Microsoft.EntityFrameworkCore; using Microsoft.Extensions.Configuration; using Microsoft.Extensions.DependencyInjection; +using NPOI.SS.Formula.Atp; using TimeManager.Database; namespace TimeManager @@ -23,6 +26,11 @@ public Startup(IConfiguration configuration) // This method gets called by the runtime. Use this method to add services to the container. public void ConfigureServices(IServiceCollection services) { + // Adds Accept-Compression Header to HTTP requests / Adds compression for brotli, gzip and all needed mime types by default + services.AddResponseCompression(options => { + options.EnableForHttps = true; + }); + services.AddMvc().AddRazorPagesOptions(options => { // Set all permissions for the pages @@ -77,8 +85,14 @@ public void Configure(IApplicationBuilder app, IHostingEnvironment env) app.UseHsts(); // Forces HTTPS } - app.UseHttpsRedirection(); - app.UseStaticFiles(); + app.UseResponseCompression(); + app.UseStaticFiles(new StaticFileOptions + { + OnPrepareResponse = ctx => + { + ctx.Context.Response.Headers.Add("cache-control", "public, max-age=31536000"); + } + }); var cookieOptions = new CookieAuthenticationOptions(); cookieOptions.Cookie.HttpOnly = false; diff --git a/TimeManager.csproj b/TimeManager.csproj index 3ed8b8e..55e31c8 100644 --- a/TimeManager.csproj +++ b/TimeManager.csproj @@ -3,6 +3,15 @@ netcoreapp2.2 3.1 + + false + + + + + + + diff --git a/bundleconfig.json b/bundleconfig.json new file mode 100644 index 0000000..2b6c223 --- /dev/null +++ b/bundleconfig.json @@ -0,0 +1,26 @@ +[ + { + "outputFileName": "wwwroot/css/site.min.css", + "inputFiles": [ + "wwwroot/css/site.css" + ] + }, + { + "outputFileName": "wwwroot/css/materialize.min.css", + "inputFiles": [ + "wwwroot/css/materialize.css" + ] + }, + { + "outputFileName": "wwwroot/js/after.min.js", + "inputFiles": [ + "wwwroot/js/after.js" + ] + }, + { + "outputFileName": "wwwroot/js/before.min.js", + "inputFiles": [ + "wwwroot/js/before.js" + ] + } +] diff --git a/wwwroot/css/materialize.min.css b/wwwroot/css/materialize.min.css new file mode 100644 index 0000000..05604fb --- /dev/null +++ b/wwwroot/css/materialize.min.css @@ -0,0 +1,12 @@ +@charset "UTF-8";.onax.cmyk{background-color:40% 0% 80% 0% !important}.onax-text.text-cmyk{color:40% 0% 80% 0% !important}.onax.cmyk_hex{background-color:#9f3 !important}.onax-text.text-cmyk_hex{color:#9f3 !important}.onax.rgb{background-color:#afcd53 !important}.onax-text.text-rgb{color:#afcd53 !important}.onax.rgb_hex{background-color:#afcd53 !important}.onax-text.text-rgb_hex{color:#afcd53 !important}.onax.pantone{background-color:375 U !important}.onax-text.text-pantone{color:375 U !important}.onax.pantone_hex{background-color:#73c92d !important}.onax-text.text-pantone_hex{color:#73c92d !important}.onax.pantone_alt{background-color:375 UP !important}.onax-text.text-pantone_alt{color:375 UP !important}.onax.pantone_alt_hex{background-color:#9fc36e !important}.onax-text.text-pantone_alt_hex{color:#9fc36e !important}.onax.web{background-color:#aecc53 !important}.onax-text.text-web{color:#aecc53 !important}.onax.dark{background-color:#333 !important}.onax-text.text-dark{color:#333 !important}.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#f44336 !important}.red-text{color:#f44336 !important}.red.lighten-5{background-color:#ffebee !important}.red-text.text-lighten-5{color:#ffebee !important}.red.lighten-4{background-color:#ffcdd2 !important}.red-text.text-lighten-4{color:#ffcdd2 !important}.red.lighten-3{background-color:#ef9a9a !important}.red-text.text-lighten-3{color:#ef9a9a !important}.red.lighten-2{background-color:#e57373 !important}.red-text.text-lighten-2{color:#e57373 !important}.red.lighten-1{background-color:#ef5350 !important}.red-text.text-lighten-1{color:#ef5350 !important}.red.darken-1{background-color:#e53935 !important}.red-text.text-darken-1{color:#e53935 !important}.red.darken-2{background-color:#d32f2f !important}.red-text.text-darken-2{color:#d32f2f !important}.red.darken-3{background-color:#c62828 !important}.red-text.text-darken-3{color:#c62828 !important}.red.darken-4{background-color:#b71c1c !important}.red-text.text-darken-4{color:#b71c1c !important}.red.accent-1{background-color:#ff8a80 !important}.red-text.text-accent-1{color:#ff8a80 !important}.red.accent-2{background-color:#ff5252 !important}.red-text.text-accent-2{color:#ff5252 !important}.red.accent-3{background-color:#ff1744 !important}.red-text.text-accent-3{color:#ff1744 !important}.red.accent-4{background-color:#d50000 !important}.red-text.text-accent-4{color:#d50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196f3 !important}.blue-text{color:#2196f3 !important}.blue.lighten-5{background-color:#e3f2fd !important}.blue-text.text-lighten-5{color:#e3f2fd !important}.blue.lighten-4{background-color:#bbdefb !important}.blue-text.text-lighten-4{color:#bbdefb !important}.blue.lighten-3{background-color:#90caf9 !important}.blue-text.text-lighten-3{color:#90caf9 !important}.blue.lighten-2{background-color:#64b5f6 !important}.blue-text.text-lighten-2{color:#64b5f6 !important}.blue.lighten-1{background-color:#42a5f5 !important}.blue-text.text-lighten-1{color:#42a5f5 !important}.blue.darken-1{background-color:#1e88e5 !important}.blue-text.text-darken-1{color:#1e88e5 !important}.blue.darken-2{background-color:#1976d2 !important}.blue-text.text-darken-2{color:#1976d2 !important}.blue.darken-3{background-color:#1565c0 !important}.blue-text.text-darken-3{color:#1565c0 !important}.blue.darken-4{background-color:#0d47a1 !important}.blue-text.text-darken-4{color:#0d47a1 !important}.blue.accent-1{background-color:#82b1ff !important}.blue-text.text-accent-1{color:#82b1ff !important}.blue.accent-2{background-color:#448aff !important}.blue-text.text-accent-2{color:#448aff !important}.blue.accent-3{background-color:#2979ff !important}.blue-text.text-accent-3{color:#2979ff !important}.blue.accent-4{background-color:#2962ff !important}.blue-text.text-accent-4{color:#2962ff !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4caf50 !important}.green-text{color:#4caf50 !important}.green.lighten-5{background-color:#e8f5e9 !important}.green-text.text-lighten-5{color:#e8f5e9 !important}.green.lighten-4{background-color:#c8e6c9 !important}.green-text.text-lighten-4{color:#c8e6c9 !important}.green.lighten-3{background-color:#a5d6a7 !important}.green-text.text-lighten-3{color:#a5d6a7 !important}.green.lighten-2{background-color:#81c784 !important}.green-text.text-lighten-2{color:#81c784 !important}.green.lighten-1{background-color:#66bb6a !important}.green-text.text-lighten-1{color:#66bb6a !important}.green.darken-1{background-color:#43a047 !important}.green-text.text-darken-1{color:#43a047 !important}.green.darken-2{background-color:#388e3c !important}.green-text.text-darken-2{color:#388e3c !important}.green.darken-3{background-color:#2e7d32 !important}.green-text.text-darken-3{color:#2e7d32 !important}.green.darken-4{background-color:#1b5e20 !important}.green-text.text-darken-4{color:#1b5e20 !important}.green.accent-1{background-color:#b9f6ca !important}.green-text.text-accent-1{color:#b9f6ca !important}.green.accent-2{background-color:#69f0ae !important}.green-text.text-accent-2{color:#69f0ae !important}.green.accent-3{background-color:#00e676 !important}.green-text.text-accent-3{color:#00e676 !important}.green.accent-4{background-color:#00c853 !important}.green-text.text-accent-4{color:#00c853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:transparent !important}.transparent-text{color:transparent !important} +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ +html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:flex;align-items:center}.clearfix{clear:both}.z-depth-0{box-shadow:none !important}.z-depth-1,.sidenav,.collapsible,.dropdown-content,.btn-floating,.btn,.btn-small,.btn-large,.toast,.card,.card-panel,nav{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.z-depth-1-half,.btn-floating:hover,.btn:hover,.btn-small:hover,.btn-large:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.z-depth-4{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.z-depth-5,.modal{box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}.hoverable{transition:box-shadow .25s}.hoverable:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #aecc53}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#aecc53}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width:992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,.7)}.breadcrumb i,.breadcrumb [class^=mdi-],.breadcrumb [class*=mdi-],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:"";color:rgba(255,255,255,.7);vertical-align:top;display:inline-block;font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;transform:translate3d(0,0,0);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;transform-origin:0 50%}@media only screen and (max-width:600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width:992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width:601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width:600px) and (max-width:992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width:993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width:1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width:1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width:993px){.show-on-large{display:block !important}}@media only screen and (min-width:600px) and (max-width:992px){.show-on-medium{display:block !important}}@media only screen and (max-width:600px){.show-on-small{display:block !important}}@media only screen and (min-width:601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width:992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width:600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#aecc53}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:rgba(255,255,255,.8);background-color:rgba(51,51,51,.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(255,255,255,.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width:992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:" "}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:" "}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(255,255,255,.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#aecc53;color:#fff}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;transition:.25s;color:#aecc53}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#aecc53}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#f8fbf0;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#aecc53;transition:width .3s linear}.progress .indeterminate{background-color:#aecc53}.progress .indeterminate:before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.progress .indeterminate:after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;box-sizing:border-box}span.badge.new{font-weight:300;font-size:.8rem;color:#fff;background-color:#aecc53;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;font-feature-settings:"liga"}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*=push-],.row .col[class*=pull-]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width:601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width:993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width:1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#aecc53;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^=mdi-],nav [class*=mdi-],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width:993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;transform:translateX(-50%)}@media only screen and (max-width:992px){nav .brand-logo{left:50%;transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;transform:none}nav .brand-logo.left{left:.5rem}nav .brand-logo.right{right:.5rem;left:auto}}nav .brand-logo.right{right:.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^=mdi-],nav .brand-logo [class*=mdi-],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,.1)}nav ul a{transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,.7);transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width:601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:rgba(0,0,0,.87)}@media only screen and (min-width:0){html{font-size:14px}}@media only screen and (min-width:992px){html{font-size:14.5px}}@media only screen and (min-width:1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:.25em 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width:360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width:390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width:420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width:450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width:480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width:510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width:540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width:570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width:600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width:630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width:660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width:690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width:720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width:750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width:780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width:810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width:840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width:870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width:900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width:930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width:960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width:360px){.flow-text{font-size:1.2rem}}.scale-transition{transition:transform .3s cubic-bezier(.53,.01,.36,1.63) !important}.scale-transition.scale-out{transform:scale(0);transition:transform .2s !important}.scale-transition.scale-in{transform:scale(1)}.card-panel{transition:box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;transition:box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:flex;flex-direction:column;flex:1;position:relative}.card.horizontal .card-stacked .card-content{flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,.2);position:relative;padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width:600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width:601px) and (max-width:992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width:993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width:600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:flex}.tabs.tabs-fixed-width .tab{flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(174,204,83,.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;transition:color .28s ease,background-color .28s ease}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:rgba(202,221,142,.2);outline:none}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#aecc53}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(174,204,83,.4);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#cadd8e;will-change:left,right}@media only screen and (max-width:992px){.tabs{display:flex}.tabs .tab{flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;transform-origin:50% 0%;visibility:hidden}.btn,.btn-small,.btn-large,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#dfdfdf !important;box-shadow:none;color:#9f9f9f !important;cursor:default}.btn.disabled:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#dfdfdf !important;color:#9f9f9f !important}.btn,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:14px;outline:0}.btn i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-small:focus,.btn-large:focus,.btn-floating:focus{background-color:#96b636}.btn,.btn-small,.btn-large{text-decoration:none;color:#000;background-color:#aecc53;text-align:center;letter-spacing:.5px;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-small:hover,.btn-large:hover{background-color:#b7d267}.btn-floating{display:inline-block;color:#000;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#aecc53;border-radius:50%;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#aecc53}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#000;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:flex;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{flex:1;display:inline-block;margin:0;height:100%;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#aecc53;border-radius:50%;transform:scale(0)}.btn-flat{box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,.1)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent !important;color:#b3b3b3 !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#aecc53;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.input-field.col .dropdown-content [type=checkbox]+label{top:1px;left:0;height:18px;transform:none}.dropdown-trigger{cursor:pointer} +/*! + * Waves v0.6.0 + * http://fian.my.id/Waves + * + * Copyright 2014 Alfiana E. Sibuea and other contributors + * Released under the MIT license + * https://github.com/fians/Waves/blob/master/LICENSE + */ +.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,.2);transition:all .7s ease-out;transition-property:transform,opacity;transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{transition:none !important}.waves-circle{transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,black 100%)}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}.modal:focus{outline:none}@media only screen and (max-width:992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 24px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:#eee}.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem}.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;box-shadow:none}.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0}.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,.05)}.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;box-shadow:none}.collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);margin:0 24px;transition:margin .35s cubic-bezier(.25,.46,.45,.94)}.collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:#26a69a;color:#fff}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .input{background:none;border:0;color:rgba(0,0,0,.6);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix~.chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty~label{font-size:.8rem;transform:translateY(-140%)}.materialboxed{display:block;cursor:zoom-in;position:relative;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #fff}button:focus{outline:none;background-color:#b5d163}label{font-size:.8rem;color:#9e9e9e}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:#fff;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:calc(100% - 10px - 10px);font-size:16px;margin:0 0 8px 0;padding:0 10px 0 10px;box-shadow:none;box-sizing:content-box;transition:box-shadow .3s,border .3s}input:not([type]):disabled,input:not([type])[readonly=readonly],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly=readonly],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly=readonly],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly=readonly],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly=readonly],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly=readonly],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly=readonly],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly=readonly],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly=readonly],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly=readonly],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly=readonly],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly=readonly],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly=readonly]{color:rgba(0,0,0,.42);border-bottom:1px dotted rgba(0,0,0,.42)}input:not([type]):disabled+label,input:not([type])[readonly=readonly]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly=readonly]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly=readonly]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly=readonly]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly=readonly]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly=readonly]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly=readonly]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly=readonly]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly=readonly]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly=readonly]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly=readonly]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly=readonly]+label{color:rgba(0,0,0,.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #aecc53;box-shadow:0 1px 0 0 #aecc53}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#aecc53}input:not([type]):focus.valid~label,input[type=text]:not(.browser-default):focus.valid~label,input[type=password]:not(.browser-default):focus.valid~label,input[type=email]:not(.browser-default):focus.valid~label,input[type=url]:not(.browser-default):focus.valid~label,input[type=time]:not(.browser-default):focus.valid~label,input[type=date]:not(.browser-default):focus.valid~label,input[type=datetime]:not(.browser-default):focus.valid~label,input[type=datetime-local]:not(.browser-default):focus.valid~label,input[type=tel]:not(.browser-default):focus.valid~label,input[type=number]:not(.browser-default):focus.valid~label,input[type=search]:not(.browser-default):focus.valid~label,textarea.materialize-textarea:focus.valid~label{color:#4caf50}input:not([type]):focus.invalid~label,input[type=text]:not(.browser-default):focus.invalid~label,input[type=password]:not(.browser-default):focus.invalid~label,input[type=email]:not(.browser-default):focus.invalid~label,input[type=url]:not(.browser-default):focus.invalid~label,input[type=time]:not(.browser-default):focus.invalid~label,input[type=date]:not(.browser-default):focus.invalid~label,input[type=datetime]:not(.browser-default):focus.invalid~label,input[type=datetime-local]:not(.browser-default):focus.invalid~label,input[type=tel]:not(.browser-default):focus.invalid~label,input[type=number]:not(.browser-default):focus.invalid~label,input[type=search]:not(.browser-default):focus.invalid~label,textarea.materialize-textarea:focus.invalid~label{color:#f44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}.select-wrapper.valid>input.select-dropdown,input:not([type]).valid,input:not([type]):focus.valid,input[type=text]:not(.browser-default).valid,input[type=text]:not(.browser-default):focus.valid,input[type=password]:not(.browser-default).valid,input[type=password]:not(.browser-default):focus.valid,input[type=email]:not(.browser-default).valid,input[type=email]:not(.browser-default):focus.valid,input[type=url]:not(.browser-default).valid,input[type=url]:not(.browser-default):focus.valid,input[type=time]:not(.browser-default).valid,input[type=time]:not(.browser-default):focus.valid,input[type=date]:not(.browser-default).valid,input[type=date]:not(.browser-default):focus.valid,input[type=datetime]:not(.browser-default).valid,input[type=datetime]:not(.browser-default):focus.valid,input[type=datetime-local]:not(.browser-default).valid,input[type=datetime-local]:not(.browser-default):focus.valid,input[type=tel]:not(.browser-default).valid,input[type=tel]:not(.browser-default):focus.valid,input[type=number]:not(.browser-default).valid,input[type=number]:not(.browser-default):focus.valid,input[type=search]:not(.browser-default).valid,input[type=search]:not(.browser-default):focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4caf50;box-shadow:0 1px 0 0 #4caf50}.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus,input:not([type]).invalid,input:not([type]):focus.invalid,input[type=text]:not(.browser-default).invalid,input[type=text]:not(.browser-default):focus.invalid,input[type=password]:not(.browser-default).invalid,input[type=password]:not(.browser-default):focus.invalid,input[type=email]:not(.browser-default).invalid,input[type=email]:not(.browser-default):focus.invalid,input[type=url]:not(.browser-default).invalid,input[type=url]:not(.browser-default):focus.invalid,input[type=time]:not(.browser-default).invalid,input[type=time]:not(.browser-default):focus.invalid,input[type=date]:not(.browser-default).invalid,input[type=date]:not(.browser-default):focus.invalid,input[type=datetime]:not(.browser-default).invalid,input[type=datetime]:not(.browser-default):focus.invalid,input[type=datetime-local]:not(.browser-default).invalid,input[type=datetime-local]:not(.browser-default):focus.invalid,input[type=tel]:not(.browser-default).invalid,input[type=tel]:not(.browser-default):focus.invalid,input[type=number]:not(.browser-default).invalid,input[type=number]:not(.browser-default):focus.invalid,input[type=search]:not(.browser-default).invalid,input[type=search]:not(.browser-default):focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #f44336;box-shadow:0 1px 0 0 #f44336}.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid~.helper-text[data-error],input:not([type]).valid~.helper-text[data-success],input:not([type]):focus.valid~.helper-text[data-success],input:not([type]).invalid~.helper-text[data-error],input:not([type]):focus.invalid~.helper-text[data-error],input[type=text]:not(.browser-default).valid~.helper-text[data-success],input[type=text]:not(.browser-default).invalid~.helper-text[data-error],input[type=password]:not(.browser-default).valid~.helper-text[data-success],input[type=password]:not(.browser-default).invalid~.helper-text[data-error],input[type=email]:not(.browser-default).valid~.helper-text[data-success],input[type=email]:not(.browser-default).invalid~.helper-text[data-error],input[type=url]:not(.browser-default).valid~.helper-text[data-success],input[type=url]:not(.browser-default).invalid~.helper-text[data-error],input[type=time]:not(.browser-default).valid~.helper-text[data-success],input[type=time]:not(.browser-default).invalid~.helper-text[data-error],input[type=date]:not(.browser-default).valid~.helper-text[data-success],input[type=date]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error],input[type=tel]:not(.browser-default).valid~.helper-text[data-success],input[type=tel]:not(.browser-default).invalid~.helper-text[data-error],input[type=number]:not(.browser-default).valid~.helper-text[data-success],input[type=number]:not(.browser-default).invalid~.helper-text[data-error],input[type=search]:not(.browser-default).valid~.helper-text[data-success],input[type=search]:not(.browser-default).invalid~.helper-text[data-error],textarea.materialize-textarea.valid~.helper-text[data-success],textarea.materialize-textarea:focus.valid~.helper-text[data-success],textarea.materialize-textarea.invalid~.helper-text[data-error],textarea.materialize-textarea:focus.invalid~.helper-text[data-error]{color:transparent;user-select:none;pointer-events:none}.select-wrapper.valid~.helper-text:after,input:not([type]).valid~.helper-text:after,input:not([type]):focus.valid~.helper-text:after,input[type=text]:not(.browser-default).valid~.helper-text:after,input[type=text]:not(.browser-default):focus.valid~.helper-text:after,input[type=password]:not(.browser-default).valid~.helper-text:after,input[type=password]:not(.browser-default):focus.valid~.helper-text:after,input[type=email]:not(.browser-default).valid~.helper-text:after,input[type=email]:not(.browser-default):focus.valid~.helper-text:after,input[type=url]:not(.browser-default).valid~.helper-text:after,input[type=url]:not(.browser-default):focus.valid~.helper-text:after,input[type=time]:not(.browser-default).valid~.helper-text:after,input[type=time]:not(.browser-default):focus.valid~.helper-text:after,input[type=date]:not(.browser-default).valid~.helper-text:after,input[type=date]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime]:not(.browser-default).valid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime-local]:not(.browser-default).valid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after,input[type=tel]:not(.browser-default).valid~.helper-text:after,input[type=tel]:not(.browser-default):focus.valid~.helper-text:after,input[type=number]:not(.browser-default).valid~.helper-text:after,input[type=number]:not(.browser-default):focus.valid~.helper-text:after,input[type=search]:not(.browser-default).valid~.helper-text:after,input[type=search]:not(.browser-default):focus.valid~.helper-text:after,textarea.materialize-textarea.valid~.helper-text:after,textarea.materialize-textarea:focus.valid~.helper-text:after{content:attr(data-success);color:#4caf50}.select-wrapper.invalid~.helper-text:after,input:not([type]).invalid~.helper-text:after,input:not([type]):focus.invalid~.helper-text:after,input[type=text]:not(.browser-default).invalid~.helper-text:after,input[type=text]:not(.browser-default):focus.invalid~.helper-text:after,input[type=password]:not(.browser-default).invalid~.helper-text:after,input[type=password]:not(.browser-default):focus.invalid~.helper-text:after,input[type=email]:not(.browser-default).invalid~.helper-text:after,input[type=email]:not(.browser-default):focus.invalid~.helper-text:after,input[type=url]:not(.browser-default).invalid~.helper-text:after,input[type=url]:not(.browser-default):focus.invalid~.helper-text:after,input[type=time]:not(.browser-default).invalid~.helper-text:after,input[type=time]:not(.browser-default):focus.invalid~.helper-text:after,input[type=date]:not(.browser-default).invalid~.helper-text:after,input[type=date]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime]:not(.browser-default).invalid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after,input[type=tel]:not(.browser-default).invalid~.helper-text:after,input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after,input[type=number]:not(.browser-default).invalid~.helper-text:after,input[type=number]:not(.browser-default):focus.invalid~.helper-text:after,input[type=search]:not(.browser-default).invalid~.helper-text:after,input[type=search]:not(.browser-default):focus.invalid~.helper-text:after,textarea.materialize-textarea.invalid~.helper-text:after,textarea.materialize-textarea:focus.invalid~.helper-text:after{content:attr(data-error);color:#f44336}.select-wrapper+label:after,input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;transition:.2s opacity ease-out,.2s color ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix~label,.input-field.col .prefix~.validate~label{width:calc(100% - 3rem - 1.5rem)}.input-field>label{color:#9e9e9e;position:absolute;top:0;left:0;font-size:1rem;cursor:text;transition:transform .2s ease-out,color .2s ease-out;transform-origin:0% 100%;text-align:initial;transform:translateY(12px)}.input-field>label:not(.label-icon).active{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label,.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,.54)}.input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#aecc53}.input-field .prefix~input,.input-field .prefix~textarea,.input-field .prefix~label,.input-field .prefix~.validate~label,.input-field .prefix~.helper-text,.input-field .prefix~.autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix~label{margin-left:3rem}@media only screen and (max-width:992px){.input-field .prefix~input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width:600px){.input-field .prefix~input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;transition:.3s background-color}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default)~.material-icons{color:#444}.input-field input[type=search]+.label-icon{transform:none;left:1rem}.input-field input[type=search]~.mdi-navigation-close,.input-field input[type=search]~.material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type=radio]:not(:checked),[type=radio]:checked{position:absolute;opacity:0;pointer-events:none}[type=radio]:not(:checked)+span,[type=radio]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;transition:.28s ease;user-select:none}[type=radio]+span:before,[type=radio]+span:after{content:"";position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;transition:.28s ease}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after,[type=radio]:checked+span:before,[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border-radius:50%}[type=radio]:not(:checked)+span:before,[type=radio]:not(:checked)+span:after{border:2px solid #5a5a5a}[type=radio]:not(:checked)+span:after{transform:scale(0)}[type=radio]:checked+span:before{border:2px solid transparent}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio].with-gap:checked+span:after{border:2px solid #aecc53}[type=radio]:checked+span:after,[type=radio].with-gap:checked+span:after{background-color:#aecc53}[type=radio]:checked+span:after{transform:scale(1.02)}[type=radio].with-gap:checked+span:after{transform:scale(.5)}[type=radio].tabbed:focus+span:before{box-shadow:0 0 0 10px rgba(0,0,0,.1)}[type=radio].with-gap:disabled:checked+span:before{border:2px solid rgba(0,0,0,.42)}[type=radio].with-gap:disabled:checked+span:after{border:none;background-color:rgba(0,0,0,.42)}[type=radio]:disabled:not(:checked)+span:before,[type=radio]:disabled:checked+span:before{background-color:transparent;border-color:rgba(0,0,0,.42)}[type=radio]:disabled+span{color:rgba(0,0,0,.42)}[type=radio]:disabled:not(:checked)+span:before{border-color:rgba(0,0,0,.42)}[type=radio]:disabled:checked+span:after{background-color:rgba(0,0,0,.42);border-color:#949494}[type=checkbox]:not(:checked),[type=checkbox]:checked{position:absolute;opacity:0;pointer-events:none}[type=checkbox]~span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;width:100%;line-height:25px;font-size:1rem;user-select:none}[type=checkbox]~span:not(.lever):before,[type=checkbox]:not(.filled-in)~span:not(.lever):after{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;transition:.2s}[type=checkbox]:not(.filled-in)~span:not(.lever):after{border:0;transform:scale(0)}[type=checkbox]:not(:checked):disabled~span:not(.lever):before{border:none;background-color:rgba(0,0,0,.42)}[type=checkbox].tabbed:focus~span:not(.lever):after{transform:scale(1);border:0;border-radius:50%;box-shadow:0 0 0 10px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}[type=checkbox]:checked~span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #aecc53;border-bottom:2px solid #aecc53;transform:rotate(40deg);backface-visibility:hidden;transform-origin:100% 100%}[type=checkbox]:checked:disabled~span:before{border-right:2px solid rgba(0,0,0,.42);border-bottom:2px solid rgba(0,0,0,.42)}[type=checkbox]:indeterminate~span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #aecc53;border-bottom:none;transform:rotate(90deg);backface-visibility:hidden;transform-origin:100% 100%}[type=checkbox]:indeterminate:disabled~span:not(.lever):before{border-right:2px solid rgba(0,0,0,.42);background-color:transparent}[type=checkbox].filled-in~span:not(.lever):after{border-radius:2px}[type=checkbox].filled-in~span:not(.lever):before,[type=checkbox].filled-in~span:not(.lever):after{content:"";left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)~span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;transform:rotateZ(37deg);transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)~span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0;z-index:0}[type=checkbox].filled-in:checked~span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotateZ(37deg);transform-origin:100% 100%}[type=checkbox].filled-in:checked~span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #aecc53;background-color:#aecc53;z-index:0}[type=checkbox].filled-in.tabbed:focus~span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,.1)}[type=checkbox].filled-in.tabbed:checked:focus~span:not(.lever):after{border-radius:2px;background-color:#aecc53;border-color:#aecc53}[type=checkbox].filled-in:disabled:not(:checked)~span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type=checkbox].filled-in:disabled:not(:checked)~span:not(.lever):after{border-color:transparent;background-color:#949494}[type=checkbox].filled-in:disabled:checked~span:not(.lever):before{background-color:transparent}[type=checkbox].filled-in:disabled:checked~span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#d6ddc1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#aecc53}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,.38);border-radius:15px;margin-right:10px;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease}.switch label .lever:before{background-color:rgba(174,204,83,.15)}.switch label .lever:after{background-color:#f1f1f1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}input[type=checkbox]:checked:not(:disabled)~.lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before{transform:scale(2.4);background-color:rgba(174,204,83,.15)}input[type=checkbox]:not(:disabled)~.lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before{transform:scale(2.4);background-color:rgba(0,0,0,.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,.9);width:calc(100% - 10px - 10px);padding:0 10px 0 10px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative;width:calc(100% - 10px - 10px)}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:rgba(255,255,255,.9);border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0 10px 0 10px;display:block;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #aecc53}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,.42)}.select-wrapper.disabled+label{color:rgba(0,0,0,.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,.42);cursor:default;user-select:none}.select-wrapper i{color:rgba(0,0,0,.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,.3);background-color:transparent}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,.08)}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,.03)}.prefix~.select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix~label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,.4)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#aecc53;margin-left:7px;transform-origin:50% 50%;transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#aecc53;font-size:0;transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#aecc53;transition:box-shadow .3s;-webkit-appearance:none;background-color:#aecc53;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(174,204,83,.26)}input[type=range]{border:1px solid #fff}input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#aecc53;transition:box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(174,204,83,.26)}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#aecc53;transition:box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(174,204,83,.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #aecc53}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #aecc53}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;backface-visibility:hidden;transform:translateX(-105%)}.sidenav.right-aligned{right:0;transform:translateX(105%);left:auto;transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,.05)}.sidenav li>a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,.05)}.sidenav li>a.btn,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#000}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#b7d267}.sidenav li>a.btn-floating:hover{background-color:#aecc53}.sidenav li>a>i,.sidenav li>a>[class^=mdi-],.sidenav li>a li>a>[class*=mdi-],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width:992px){.sidenav.sidenav-fixed{transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#aecc53}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#aecc53}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4caf50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;perspective:500px;transform-style:preserve-3d;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,.5);transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;transition:visibility 0s}.tap-target-wrapper.open .tap-target{transform:scale(1);opacity:.95;transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1)}.tap-target-wrapper.open .tap-target-wave::before{transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;animation:pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;transition:opacity .3s,transform .3s,visibility 0s 1s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#aecc53;box-shadow:0 20px 20px 0 rgba(0,0,0,.14),0 10px 50px 0 rgba(0,0,0,.12),0 30px 10px -20px rgba(0,0,0,.2);width:100%;height:100%;opacity:0;transform:scale(0);transition:transform .3s cubic-bezier(.42,0,.58,1),opacity .3s cubic-bezier(.42,0,.58,1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff}.tap-target-wave::before{transform:scale(0);transition:transform .3s}.tap-target-wave::after{visibility:hidden;transition:opacity .3s,transform .3s,visibility 0s;z-index:-1}.tap-target-origin{top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width:600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;transition:opacity .3s,transform .3s;animation:pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;z-index:-1}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{display:flex;flex-direction:column;padding:0}.datepicker-controls{display:flex;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:flex}.datepicker-controls .select-wrapper input{width:100% !important;border-bottom:none;text-align:center;margin:0;padding:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:70px}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:transparent;border:none}.datepicker-date-display{flex:1 auto;background-color:#aecc53;color:#fff;padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,.7)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:#999}.datepicker-table td{border-radius:50%;padding:0}.datepicker-table td.is-today{color:#aecc53}.datepicker-table td.is-selected{background-color:#aecc53;color:#fff}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:rgba(255,255,255,.5);pointer-events:none}.datepicker-day-button{background-color:transparent;border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:focus{background-color:rgba(171,198,89,.25)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:flex;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:#aecc53;padding:0 1rem}.datepicker-clear{color:#f44336}@media only screen and (min-width:601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{flex-direction:row}.datepicker-date-display{flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{display:flex;flex-direction:column;padding:0}.text-primary{color:#fff}.timepicker-digital-display{flex:1 auto;background-color:#aecc53;padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,.6);font-weight:400;position:relative;user-select:none}.timepicker-span-hours,.timepicker-span-minutes,.timepicker-span-am-pm div{cursor:pointer}.timepicker-span-hours{margin-right:3px}.timepicker-span-minutes{margin-left:3px}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{flex:2.5 auto}.timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:rgba(0,0,0,.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:rgba(174,204,83,.25)}.timepicker-dial{transition:transform 350ms,opacity 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{transform:scale(1.1,1.1)}.timepicker-dial-out.timepicker-minutes{transform:scale(.8,.8)}.timepicker-canvas{transition:opacity 175ms}.timepicker-canvas line{stroke:#aecc53;stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:.25}.timepicker-canvas-bearing{stroke:none;fill:#aecc53}.timepicker-canvas-bg{stroke:none;fill:#aecc53}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:flex;justify-content:space-between}.timepicker-clear{color:#f44336}.timepicker-close{color:#aecc53}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width:601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}} \ No newline at end of file diff --git a/wwwroot/css/site.min.css b/wwwroot/css/site.min.css new file mode 100644 index 0000000..82a942e --- /dev/null +++ b/wwwroot/css/site.min.css @@ -0,0 +1 @@ +html{font-family:'Roboto',sans-serif;color:#fff;background-color:#000;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.modal,.modal .modal-footer{background-color:#333}body{position:relative;min-height:100%;padding-bottom:4em}.page-container{height:auto;min-height:80vh;width:90%;background:#333;border-radius:2em;padding:2em;margin:2em auto 0 auto}body>footer{height:3em;width:90%;border-radius:2em 2em 0 0;background:#333;padding:.75em 2em;position:absolute;bottom:0;left:5vw}.table-container table{width:100%}.table-container tbody{display:block;height:var(--height);overflow:auto}.table-container thead,.table-container tbody tr{display:table;width:100%;table-layout:fixed}.modal.modal-fixed-footer .modal-footer{border:0}h1,h2,h3,h4,h5,h6{color:#aecc53}nav,nav ul a,nav *{color:#000;font-size:1.05em}.datepicker-modal{max-width:fit-content !important}.datepicker-modal .datepicker-date-display{display:none}#Index input{max-width:700px !important}#Users h1{word-break:break-all} \ No newline at end of file diff --git a/wwwroot/js/after.js b/wwwroot/js/after.js new file mode 100644 index 0000000..8f77fbb --- /dev/null +++ b/wwwroot/js/after.js @@ -0,0 +1,158 @@ +// This prevents the forms from submitting normally, because it would reload the whole page, even when there were errors on the page +$('#absenceForm, #overtimeForm, #userForm').on('submit', e => { + e.preventDefault(); + $.ajax({ + url: $(e.target).attr('action'), // This gets the full called url with the handler + type: 'POST', + data: $(e.target).serialize(), + success: (data, textStatus, jqXHR) => { + // If ModelState is valid then a the specified HTTP state 202 is returned + if (jqXHR.status === 202) + location.reload(); + + let errorSpansOld = $('.red-text'); + let errorSpansNew = $(data).find('.red-text'); + // Replace all the old error spans with the new content + for (var i = 0; i < errorSpansNew.length; i++) { + errorSpansOld[i].outerHTML = errorSpansNew[i].outerHTML; + } + }, + error: () => { + alert('Fehler bei der Verarbeitung des Formulars. Überprüfen sie, ob ihre Aktion durchgeführt wurde und versuchen Sie es allenfalls erneut.'); + location.reload(); + } + }); +}); + +// * OwnTimes +// Checkbox and Select listener to filter tables +$('#OwnTimes #filter, #OwnTimes select').change(function (e) { + let last30days = $('#OwnTimes #filter').prop('checked'); + let selectedUser = $('#OwnTimes select').val(); + writeOwnTimesTables(last30days, selectedUser); +}); + +function writeOwnTimesTables(last30days, selectedUser) { + // Remove old rows + $('#OwnTimes tbody tr').remove(); + + // Call OnGet() to get json with all data filtered + $.ajax({ + url: `/OwnTimes?last30days=${last30days}&selectedUser=${selectedUser}`, + success: (data) => { + // Table selectors + let absenceTable = document.querySelectorAll('#OwnTimes tbody')[0]; + let overtimeTable = document.querySelectorAll('#OwnTimes tbody')[1]; + // Fill first table with data from json + data[0].forEach(e => { + // New row + let row = absenceTable.insertRow(absenceTable.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.reason)); + // Checkbox + let checkbox = $(``); + if (e.approved) + checkbox = $(``); + row.insertCell(++i).appendChild(checkbox[0]); + // Edit and delete buttons + let buttons = $(`
+
`); + row.insertCell(++i).appendChild(buttons[0]); + }); + + // Fill second table with data from json + data[1].forEach(e => { + // New row + let row = overtimeTable.insertRow(overtimeTable.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(new Date(e.o.date).toLocaleDateString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.o.customer)); + row.insertCell(++i).appendChild(document.createTextNode(e.o.hours)); + row.insertCell(++i).appendChild(document.createTextNode(e.od.rate)); + // Edit and delete buttons + let buttons = $(`
+
`); + row.insertCell(++i).appendChild(buttons[0]); + }); + } + }); +} + +// * Controlling +// Checkbox click listener to filter table +$('#Controlling #filter').click(() => { + let uncheckedOnly = $('#Controlling #filter').prop('checked'); + writeControllingTable(uncheckedOnly); +}); + +function writeControllingTable(uncheckedOnly) { + // Remove old rows + $('#Controlling tbody tr').remove(); + + // Call OnGet() to get json with all users filtered + $.ajax({ + url: '/Controlling?uncheckedOnly=' + uncheckedOnly, + success: (data) => { + // Table selector + let table = document.querySelector('#Controlling tbody'); + // For each line in json + data.forEach(e => { + // New row + let row = table.insertRow(table.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(e.name)); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.reason)); + let checkbox = $(``); + if (e.approved) + checkbox = $(``); + row.insertCell(++i).appendChild(checkbox[0]); + }); + } + }); +} + +$('#Controlling #ferienliste').click(() => { + window.open('/Controlling?handler=Ferienliste', '_blank'); +}); + +$('#Controlling #überzeitkontrolle').click(() => { + window.open('/Controlling?handler=Überzeitkontrolle', '_blank'); +}); + +// An advanced user can approve the absences in /Controlling with the checkboxes +$('#Controlling').on('change', 'input[name="isIO"]', e => { + let idAbsence = $(e.target).attr('data-id-absence'); + $.ajax({ + url: `/Controlling?idAbsence=${idAbsence}&value=${e.currentTarget.checked}`, + type: 'POST', + beforeSend: xhr => { + xhr.setRequestHeader('XSRF-TOKEN', $('input:hidden[name="__RequestVerificationToken"]').val()); + }, + success: () => { + location.reload(); + } + }); +}); + + +// * Users +// Checkbox click listener to filter table +$('#Users #filter').click(() => { + let activeFilter = $('#Users #filter').prop('checked'); + writeUsersTable(activeFilter); +}); diff --git a/wwwroot/js/after.min.js b/wwwroot/js/after.min.js new file mode 100644 index 0000000..7c3e92a --- /dev/null +++ b/wwwroot/js/after.min.js @@ -0,0 +1,11 @@ +function writeOwnTimesTables(n,t){$("#OwnTimes tbody tr").remove();$.ajax({url:`/OwnTimes?last30days=${n}&selectedUser=${t}`,success:n=>{let t=document.querySelectorAll("#OwnTimes tbody")[0],i=document.querySelectorAll("#OwnTimes tbody")[1];n[0].forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0]);let f=$(`
+
`);i.insertCell(++r).appendChild(f[0])});n[1].forEach(n=>{let t=i.insertRow(i.rows.length),r=0;t.insertCell(r).appendChild(document.createTextNode(new Date(n.o.date).toLocaleDateString("de-CH")));t.insertCell(++r).appendChild(document.createTextNode(n.o.customer));t.insertCell(++r).appendChild(document.createTextNode(n.o.hours));t.insertCell(++r).appendChild(document.createTextNode(n.od.rate));let u=$(`
+
`);t.insertCell(++r).appendChild(u[0])})}})}function writeControllingTable(n){$("#Controlling tbody tr").remove();$.ajax({url:"/Controlling?uncheckedOnly="+n,success:n=>{let t=document.querySelector("#Controlling tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.name));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0])})}})}$("#absenceForm, #overtimeForm, #userForm").on("submit",n=>{n.preventDefault(),$.ajax({url:$(n.target).attr("action"),type:"POST",data:$(n.target).serialize(),success:(n,t,i)=>{i.status===202&&location.reload();let f=$(".red-text"),u=$(n).find(".red-text");for(var r=0;r{alert("Fehler bei der Verarbeitung des Formulars. Überprüfen sie, ob ihre Aktion durchgeführt wurde und versuchen Sie es allenfalls erneut."),location.reload()}})});$("#OwnTimes #filter, #OwnTimes select").change(function(){let n=$("#OwnTimes #filter").prop("checked"),t=$("#OwnTimes select").val();writeOwnTimesTables(n,t)});$("#Controlling #filter").click(()=>{let n=$("#Controlling #filter").prop("checked");writeControllingTable(n)});$("#Controlling #ferienliste").click(()=>{window.open("/Controlling?handler=Ferienliste","_blank")});$("#Controlling #überzeitkontrolle").click(()=>{window.open("/Controlling?handler=Überzeitkontrolle","_blank")});$("#Controlling").on("change",'input[name="isIO"]',n=>{let t=$(n.target).attr("data-id-absence");$.ajax({url:`/Controlling?idAbsence=${t}&value=${n.currentTarget.checked}`,type:"POST",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})});$("#Users #filter").click(()=>{let n=$("#Users #filter").prop("checked");writeUsersTable(n)}); \ No newline at end of file diff --git a/wwwroot/js/site.js b/wwwroot/js/before.js similarity index 52% rename from wwwroot/js/site.js rename to wwwroot/js/before.js index d4e6bd0..0695fa6 100644 --- a/wwwroot/js/site.js +++ b/wwwroot/js/before.js @@ -97,98 +97,6 @@ function materializeBuilder(component, elements, options) { }); } -// This prevents the forms from submitting normally, because it would reload the whole page, even when there were errors on the page -$('#absenceForm, #overtimeForm, #userForm').on('submit', e => { - e.preventDefault(); - $.ajax({ - url: $(e.target).attr('action'), // This gets the full called url with the handler - type: 'POST', - data: $(e.target).serialize(), - success: (data, textStatus, jqXHR) => { - // If ModelState is valid then a the specified HTTP state 202 is returned - if (jqXHR.status === 202) - location.reload(); - - let errorSpansOld = $('.red-text'); - let errorSpansNew = $(data).find('.red-text'); - // Replace all the old error spans with the new content - for (var i = 0; i < errorSpansNew.length; i++) { - errorSpansOld[i].outerHTML = errorSpansNew[i].outerHTML; - } - }, - error: () => { - alert('Fehler bei der Verarbeitung des Formulars. Überprüfen sie, ob ihre Aktion durchgeführt wurde und versuchen Sie es allenfalls erneut.'); - location.reload(); - } - }); -}); - -// * OwnTimes -// Checkbox and Select listener to filter tables -$('#OwnTimes #filter, #OwnTimes select').change(function (e) { - let last30days = $('#OwnTimes #filter').prop('checked'); - let selectedUser = $('#OwnTimes select').val(); - writeOwnTimesTables(last30days, selectedUser); -}); - -function writeOwnTimesTables(last30days, selectedUser) { - // Remove old rows - $('#OwnTimes tbody tr').remove(); - - // Call OnGet() to get json with all data filtered - $.ajax({ - url: `/OwnTimes?last30days=${last30days}&selectedUser=${selectedUser}`, - success: (data) => { - // Table selectors - let absenceTable = document.querySelectorAll('#OwnTimes tbody')[0]; - let overtimeTable = document.querySelectorAll('#OwnTimes tbody')[1]; - // Fill first table with data from json - data[0].forEach(e => { - // New row - let row = absenceTable.insertRow(absenceTable.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.reason)); - // Checkbox - let checkbox = $(``); - if (e.approved) - checkbox = $(``); - row.insertCell(++i).appendChild(checkbox[0]); - // Edit and delete buttons - let buttons = $(`
-
`); - row.insertCell(++i).appendChild(buttons[0]); - }); - - // Fill second table with data from json - data[1].forEach(e => { - // New row - let row = overtimeTable.insertRow(overtimeTable.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(new Date(e.o.date).toLocaleDateString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.o.customer)); - row.insertCell(++i).appendChild(document.createTextNode(e.o.hours)); - row.insertCell(++i).appendChild(document.createTextNode(e.od.rate)); - // Edit and delete buttons - let buttons = $(`
-
`); - row.insertCell(++i).appendChild(buttons[0]); - }); - } - }); -} - // Fills absencePartial, when opened for editing function absenceEdit(id) { $.ajax({ @@ -266,74 +174,6 @@ function overtimeDelete(id) { }); } - -// * Controlling -// Checkbox click listener to filter table -$('#Controlling #filter').click(() => { - let uncheckedOnly = $('#Controlling #filter').prop('checked'); - writeControllingTable(uncheckedOnly); -}); - -function writeControllingTable(uncheckedOnly) { - // Remove old rows - $('#Controlling tbody tr').remove(); - - // Call OnGet() to get json with all users filtered - $.ajax({ - url: '/Controlling?uncheckedOnly=' + uncheckedOnly, - success: (data) => { - // Table selector - let table = document.querySelector('#Controlling tbody'); - // For each line in json - data.forEach(e => { - // New row - let row = table.insertRow(table.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(e.name)); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.reason)); - let checkbox = $(``); - if (e.approved) - checkbox = $(``); - row.insertCell(++i).appendChild(checkbox[0]); - }); - } - }); -} - -$('#Controlling #ferienliste').click(() => { - window.open('/Controlling?handler=Ferienliste', '_blank'); -}); - -$('#Controlling #überzeitkontrolle').click(() => { - window.open('/Controlling?handler=Überzeitkontrolle', '_blank'); -}); - -// An advanced user can approve the absences in /Controlling with the checkboxes -$('#Controlling').on('change', 'input[name="isIO"]', e => { - let idAbsence = $(e.target).attr('data-id-absence'); - $.ajax({ - url: `/Controlling?idAbsence=${idAbsence}&value=${e.currentTarget.checked}`, - type: 'POST', - beforeSend: xhr => { - xhr.setRequestHeader('XSRF-TOKEN', $('input:hidden[name="__RequestVerificationToken"]').val()); - }, - success: () => { - location.reload(); - } - }); -}); - - -// * Users -// Checkbox click listener to filter table -$('#Users #filter').click(() => { - let activeFilter = $('#Users #filter').prop('checked'); - writeUsersTable(activeFilter); -}); - function writeUsersTable(activeFilter) { // Remove old rows $('#Users tbody tr').remove(); diff --git a/wwwroot/js/before.min.js b/wwwroot/js/before.min.js new file mode 100644 index 0000000..cb7ac59 --- /dev/null +++ b/wwwroot/js/before.min.js @@ -0,0 +1,6 @@ +function materializeStuff(){let n=document.querySelectorAll("#absenceWindow, #overtimeWindow, #userWindow");$(n).addClass("no-autoinit");let t=document.querySelectorAll("#absenceWindow #dateFrom, #absenceWindow #dateTo, #overtimeWindow #date");$(t).addClass("no-autoinit");let i=document.querySelectorAll("#absenceWindow #timeFrom, #absenceWindow #timeTo");$(i).addClass("no-autoinit");materializeBuilder(M.Modal,n,{onCloseStart:n=>{n.querySelector("form").reset(),document.querySelectorAll(".field-validation-error").forEach(n=>{n.innerHTML=""})}});materializeBuilder(M.Datepicker,t,{format:"dd.mm.yyyy",firstDay:1,showDaysInNextAndPreviousMonths:!0,container:"body",i18n:{cancel:"Abbrechen",done:"Ok",months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan","Feb","Mar","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],weekdays:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],weekdaysShort:["So","Mo","Di","Mi","Do","Fr","Sa"],weekdaysAbbrev:["S","M","D","M","D","F","S"]}});materializeBuilder(M.Timepicker,i,{container:"body",i18n:{cancel:"Abbrechen",done:"Ok"},twelveHour:!1});M.AutoInit()}function materializeBuilder(n,t,i){t.forEach(t=>{n.init(t,i)})}function absenceEdit(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,success:n=>{let t=$("#absenceWindow input"),i=$.parseJSON(n);$(t[0]).val(i.AbsenceDateFrom);$(t[1]).val(i.AbsenceDateTo);$(t[2]).prop("checked",i.FullDay);$(t[3]).val(i.AbsenceTimeFrom);$(t[4]).val(i.AbsenceTimeTo);$(t[5]).prop("checked",i.Negative);let r=$(t).filter(`[value='${i.OtherReason}']`);r.length>0?$(r[0]).prop("checked",!0):($(t[11]).prop("checked",!0),$(t[12]).val(i.OtherReason));$(t[13]).prop("checked",i.Approved);$(t[14]).val(i.ID);$("#absenceWindow").modal("open")}})}function overtimeEdit(n){$("#overtimeWindow").modal("open");$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,success:n=>{let i=$("#overtimeWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Date);$(i[1]).val(t.Hours);$(i[2]).val(t.Customer);$("#overtimeWindow select").find(`option[value="${t.IdOvertimeDetail.toUpperCase()}"]`).prop("selected",!0);$("#overtimeWindow select").formSelect();$(i[4]).val(t.ID)}})}function absenceDelete(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function overtimeDelete(n){$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function writeUsersTable(n){$("#Users tbody tr").remove();$.ajax({url:"/Users?onlyActive="+n,success:n=>{let t=document.querySelector("#Users tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.username));i.insertCell(++r).appendChild(document.createTextNode(n.firstname));i.insertCell(++r).appendChild(document.createTextNode(n.lastname));i.insertCell(++r).appendChild(document.createTextNode(n.department));let u=$(`
+
`);i.insertCell(++r).appendChild(u[0])})},error:()=>{alert("An error has occured")}})}function userEdit(n){$("#userWindow").modal("open");$.ajax({url:"/Users?id="+n,success:n=>{let i=$("#userWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Username);$(i[2]).val(t.Firstname);$(i[3]).val(t.Lastname);$("#userWindow select:eq(0)").find(`option[value="${t.Department}"]`).prop("selected",!0);$("#userWindow select:eq(0)").formSelect();$(i[5]).val(t.Holidays);$(i[6]).prop("checked",t.Deactivated);$("#userWindow select:eq(1)").find(`option[value="${t.IdPermission.toUpperCase()}"]`).prop("selected",!0);$("#userWindow select:eq(1)").formSelect();$(i[8]).val(t.ID)}})}function userDelete(n){$.ajax({url:"/Users?id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}$(document).ready(()=>{materializeStuff()}); \ No newline at end of file From 4f252a297f7238b03518d6257efa2dee5c748e37 Mon Sep 17 00:00:00 2001 From: Florian Dendorfer Date: Fri, 8 Feb 2019 16:28:59 +0100 Subject: [PATCH 2/3] Improvements after session with RB MA --- Database/Initial.sql | 4 +- Extensions/ExcelHandler.cs | 31 ++++-- Model/Absence.cs | 5 +- Model/AbsenceValidation.cs | 10 +- Model/Overtime.cs | 3 +- Model/OvertimeValidation.cs | 2 + Pages/Controlling.cshtml | 3 +- Pages/OwnTimes.cshtml | 46 ++++---- Pages/OwnTimes.cshtml.cs | 69 +++++++++--- Pages/OwnTimes/_AbsencePartial.cshtml | 51 +++++---- Pages/OwnTimes/_OvertimePartial.cshtml | 14 +++ Pages/Shared/_Layout.cshtml | 22 ++-- Startup.cs | 10 +- wwwroot/css/site.css | 5 + wwwroot/css/site.min.css | 2 +- wwwroot/js/after.js | 88 --------------- wwwroot/js/after.min.js | 12 +- wwwroot/js/before.js | 148 +++++++++++++++++++++---- wwwroot/js/before.min.js | 12 +- 19 files changed, 311 insertions(+), 226 deletions(-) diff --git a/Database/Initial.sql b/Database/Initial.sql index 181e7a4..8b6b116 100644 --- a/Database/Initial.sql +++ b/Database/Initial.sql @@ -85,8 +85,8 @@ GO -- ************************************************** INSERT INTO [Permission] ([Level], [Description], [DescriptionLong]) VALUES (1, 'Normal', 'Users, who can only see their own times'), - (2, 'Advanced', 'Can approve absences of Normal users'), - (3, 'High', 'Can make changes to Details and Users') + (2, 'Manager', 'Can approve absences of Normal users'), + (3, 'Admin', 'Can make changes to Details and Users') GO -- ************************************************** diff --git a/Extensions/ExcelHandler.cs b/Extensions/ExcelHandler.cs index 7faf4a4..6e1563e 100644 --- a/Extensions/ExcelHandler.cs +++ b/Extensions/ExcelHandler.cs @@ -110,23 +110,25 @@ orderby u.Username row.CreateCell(colNum).SetCellFormula(formula); } - // Calendar week rows + // Row 5+ // columnPerUsers stores all users of current year and adds a string with a number of each holiday for a person, where the poition in the string is the week - var columnPerUser = new Dictionary(); + var columnPerUser = new Dictionary(); foreach (var user in usersThisYear) { - columnPerUser.Add(user.Username, new string('0', totalWeeks)); + columnPerUser.Add(user.Username, new Decimal[totalWeeks]); var absences = db.Absence.Where(a => (a.IdUser == user.ID) && (a.AbsentFrom.Year == year) && (user.Deactivated == false)).ToList(); - var daysInWeeks = new int[totalWeeks]; + var daysInWeeks = columnPerUser.GetValueOrDefault(user.Username); foreach (var a in absences) { + // Almost identical to Post Overtime OwnTimes.cshtml // https://stackoverflow.com/questions/13440595/get-list-of-dates-from-startdate-to-enddate - //Counts days between a.AbsentFrom and a.AbsentTo - IEnumerable daysToAdd = Enumerable.Range(0, (a.AbsentTo - a.AbsentFrom).Days + 1).ToList().ConvertAll(d => (double)d); - IEnumerable ListOfDates = daysToAdd.Select(a.AbsentFrom.AddDays).ToList(); + // Creates a List with each number from 0 to the count of days between AbsentFrom and AbsentTo + List daysToAdd = Enumerable.Range(0, (a.AbsentTo - a.AbsentFrom).Days + 1).ToList().ConvertAll(d => (double)d); + // Creates a List with every date between and including AbsentFrom and AbsentTo + List ListOfDates = daysToAdd.Select(a.AbsentFrom.AddDays).ToList(); foreach (var date in ListOfDates) { @@ -141,8 +143,16 @@ orderby u.Username } } } + + // Subtract or add, depending on a.Negative, half a day from AbsentFrom, if FromAfternoon is true and AbsentFrom is not on a weekend + if (a.FromAfternoon && a.AbsentFrom.DayOfWeek != DayOfWeek.Saturday && a.AbsentFrom.DayOfWeek != DayOfWeek.Sunday) + daysInWeeks[GetWeek(a.AbsentFrom) - 1] = a.Negative ? daysInWeeks[GetWeek(a.AbsentFrom) - 1] + (Decimal)0.5 : daysInWeeks[GetWeek(a.AbsentFrom) - 1] - (Decimal)0.5; + + // Subtract or add, depending on a.Negative, half a day from AbsentTo, if ToAfternoon is true and AbsentTo is not on a weekend + if (!a.ToAfternoon && a.AbsentTo.DayOfWeek != DayOfWeek.Saturday && a.AbsentTo.DayOfWeek != DayOfWeek.Sunday) + daysInWeeks[GetWeek(a.AbsentTo) - 1] = a.Negative ? daysInWeeks[GetWeek(a.AbsentTo) - 1] + (Decimal)0.5 : daysInWeeks[GetWeek(a.AbsentTo) - 1] - (Decimal)0.5; } - columnPerUser[user.Username] = string.Join("", daysInWeeks); + columnPerUser[user.Username] = daysInWeeks; } // Writes all holidays from all weeks into rows @@ -153,7 +163,7 @@ orderby u.Username row.CreateCell(colNum).SetCellValue("KW" + (i + 1).ToString("D2")); //ToString("D2") for 2 digits like 01 foreach (var user in columnPerUser) { - row.CreateCell(++colNum).SetCellValue(Int32.Parse(user.Value[i].ToString())); + row.CreateCell(++colNum).SetCellValue(Double.Parse(user.Value[i].ToString())); } } @@ -336,13 +346,14 @@ orderby o.Date colNum = 0; row.CreateCell(colNum).SetCellValue(overtime.Date.ToShortDateString()); row.CreateCell(++colNum).SetCellValue(overtime.Customer); - row.CreateCell(++colNum).SetCellValue(""); + row.CreateCell(++colNum).SetCellValue(overtime.Approved ? "ok" : ""); row.CreateCell(++colNum).SetCellValue(overtime.Hours.ToString()); var rate = db.OvertimeDetail.Where(od => od.ID == overtime.IdOvertimeDetail).Select(s => s.Rate); row.CreateCell(++colNum).SetCellValue(Convert.ToDouble(rate.Single())); row.CreateCell(++colNum).SetCellFormula($"IF(C{rowNum + 1}=\"ok\",D{rowNum + 1}*E{rowNum + 1},0)"); } + // FD : THIS NEEDS TO GO TO TOP ROW ---------------------------------------------------------------------------------------------------------------------------- // Last row rowNum = 49; // Is row 50 in excel row = sh.CreateRow(rowNum); diff --git a/Model/Absence.cs b/Model/Absence.cs index d1ac7f9..0e11afd 100644 --- a/Model/Absence.cs +++ b/Model/Absence.cs @@ -9,9 +9,12 @@ public class AbsenceModel public Guid IdAbsenceDetail { get; set; } public DateTime AbsentFrom { get; set; } public DateTime AbsentTo { get; set; } + public bool FromAfternoon { get; set; } + public bool ToAfternoon { get; set; } + public Decimal TotalDays { get; set; } public bool Negative { get; set; } public string Reason { get; set; } public bool Approved { get; set; } - public DateTime CreatedOn { get; set; } + public DateTime LastChanged { get; set; } } } \ No newline at end of file diff --git a/Model/AbsenceValidation.cs b/Model/AbsenceValidation.cs index c109009..cbdf190 100644 --- a/Model/AbsenceValidation.cs +++ b/Model/AbsenceValidation.cs @@ -17,15 +17,9 @@ public class AbsenceValidation [RequiredIf(relatedProperty = "AbsenceDateFrom", propertyRelation = RequiredIfAttribute.Result.dateDiffPositive, ErrorMessage = "'Abwesend bis' darf nicht vor Abwesend von sein")] public string AbsenceDateTo { get; set; } - public bool FullDay { get; set; } + public bool FromAfternoon { get; set; } - [RequiredIf(relatedProperty = "FullDay", propertyRelation = RequiredIfAttribute.Result.mustBeTrue, ErrorMessage = "'Zeit von' darf nicht leer sein")] - [RegularExpression(@"^(\d{2})\:(\d{2})$", ErrorMessage = "Die Eingabe muss in folgendem Format sein: HH:mm")] - public string AbsenceTimeFrom { get; set; } - - [RequiredIf(relatedProperty = "FullDay", propertyRelation = RequiredIfAttribute.Result.mustBeTrue, ErrorMessage = "'Zeit bis' darf nicht leer sein")] - [RegularExpression(@"^(\d{2})\:(\d{2})$", ErrorMessage = "Die Eingabe muss in folgendem Format sein: HH:mm")] - public string AbsenceTimeTo { get; set; } + public bool ToAfternoon { get; set; } public bool Negative { get; set; } diff --git a/Model/Overtime.cs b/Model/Overtime.cs index 01608e2..2481f42 100644 --- a/Model/Overtime.cs +++ b/Model/Overtime.cs @@ -10,6 +10,7 @@ public class OvertimeModel public string Customer { get; set; } public DateTime Date { get; set; } public decimal Hours { get; set; } - public DateTime CreatedOn { get; set; } + public bool Approved { get; set; } + public DateTime LastChanged { get; set; } } } \ No newline at end of file diff --git a/Model/OvertimeValidation.cs b/Model/OvertimeValidation.cs index 8990545..6764b96 100644 --- a/Model/OvertimeValidation.cs +++ b/Model/OvertimeValidation.cs @@ -19,5 +19,7 @@ public class OvertimeValidation [Required(ErrorMessage = "Kunde darf nicht leer sein")] public string Customer { get; set; } + public bool Approved { get; set; } + } } \ No newline at end of file diff --git a/Pages/Controlling.cshtml b/Pages/Controlling.cshtml index 0e52a98..c02b6b5 100644 --- a/Pages/Controlling.cshtml +++ b/Pages/Controlling.cshtml @@ -1,5 +1,4 @@ @page -@using System.Linq @model ControllingPageModel @{ ViewData["Title"] = "Controlling"; } @{ @@ -36,7 +35,7 @@ Ist I.O. - + diff --git a/Pages/OwnTimes.cshtml b/Pages/OwnTimes.cshtml index a8bd7e8..4cd11c2 100644 --- a/Pages/OwnTimes.cshtml +++ b/Pages/OwnTimes.cshtml @@ -2,7 +2,10 @@ @model OwnTimesPageModel @{ ViewData["Title"] = "Eigene Zeiten"; }

Eigene Zeiten

@@ -10,26 +13,15 @@ Neue Abwesenheit Neue Überzeit @{ - if (User.IsInRole("Advanced") || User.IsInRole("High")) + UserModel user = Model._db.User.Where(u => u.ID.ToString() == User.FindFirst(ClaimTypes.NameIdentifier).Value).SingleOrDefault(); + if (User.IsInRole("Manager") || User.IsInRole("Admin")) { - + } } + @@ -39,8 +31,14 @@ -

Abwesenheiten

-
+
+

Abwesenheiten

+
+ +  Tage verfügbare Abwesenheit bis 31.12.2019 +
+
+
@@ -57,8 +55,14 @@
-

Überzeiten

-
+
+

Überzeiten

+
+ + h Überzeit seit 1.1.2019 +
+
+
diff --git a/Pages/OwnTimes.cshtml.cs b/Pages/OwnTimes.cshtml.cs index e69f16f..9842648 100644 --- a/Pages/OwnTimes.cshtml.cs +++ b/Pages/OwnTimes.cshtml.cs @@ -21,7 +21,7 @@ public class OwnTimesPageModel : PageModel // Local variables public readonly DatabaseContext _db; public string[] reasons; - public UserModel[] userList; + public List userList; public List rates; public List absences; public List overtimes; @@ -34,7 +34,7 @@ public class OwnTimesPageModel : PageModel public OwnTimesPageModel(DatabaseContext db) { _db = db; - userList = _db.User.ToArray(); + userList = (from u in _db.User select new SelectListItem(u.Username, u.ID.ToString())).ToList(); } // This returns eighter the page normally or a json array of lists containing the absences and overtimes for a specific user eighter created in the last 30 days or all @@ -43,16 +43,19 @@ public IActionResult OnGet([FromQuery] string last30days, [FromQuery] string sel if (last30days == null && selectedUser == null) return Page(); - dynamic[] result = new dynamic[2]; + // This array has always 4 values, 0 with filtered absences, 1 with filtered overtimes, 2 with remaining and total Holidays and 3 with total overtimes from this year + dynamic[] result = new dynamic[4]; + // Absences absences = (from a in _db.Absence where (a.IdUser == new Guid(selectedUser)) orderby a.AbsentFrom select a).ToList(); if (last30days == "true") - absences = absences.Where(a => (DateTime.Now - a.CreatedOn).TotalDays < 30).ToList(); + absences = absences.Where(a => (DateTime.Now - a.LastChanged).TotalDays < 30).ToList(); result[0] = absences; + // Overtimes overtimes = (from o in _db.Overtime join od in _db.OvertimeDetail on o.IdOvertimeDetail equals od.ID where (o.IdUser == new Guid(selectedUser)) @@ -63,6 +66,22 @@ orderby o.Date result[1] = overtimes; + // Remaining Holidays + var absenceTotal = (from a in _db.Absence + where (a.AbsentFrom.Year == DateTime.Now.Year) || (a.AbsentTo.Year == DateTime.Now.Year) + where a.IdUser == new Guid(selectedUser) + select a.TotalDays).ToArray().Sum(); + + result[2] = new dynamic[] { absenceTotal, _db.User.Where(u => u.ID.ToString() == selectedUser).SingleOrDefault().Holidays }; + + // Done overtimes + result[3] = (from o in _db.Overtime + join od in _db.OvertimeDetail on o.IdOvertimeDetail equals od.ID + where o.Date.Year == DateTime.Now.Year + where o.IdUser == new Guid(selectedUser) + let r = o.Hours * od.Rate + select Decimal.Round(r, 2)).ToArray().Sum(); + return new JsonResult(result); } @@ -79,14 +98,8 @@ public async Task OnGetAbsence([FromQuery] string id) Absence.ID = absence.ID.ToString(); Absence.AbsenceDateFrom = absence.AbsentFrom.ToShortDateString(); Absence.AbsenceDateTo = absence.AbsentTo.ToShortDateString(); - if (absence.AbsentFrom.ToShortTimeString() == DateTime.MinValue.ToShortTimeString()) - { - Absence.FullDay = true; - } else - { - Absence.AbsenceTimeFrom = absence.AbsentFrom.ToShortTimeString(); - Absence.AbsenceTimeTo = absence.AbsentTo.ToShortTimeString(); - } + Absence.FromAfternoon = absence.FromAfternoon; + Absence.ToAfternoon = absence.ToAfternoon; Absence.Negative = absence.Negative; Absence.OtherReason = absence.Reason; Absence.Approved = absence.Approved; @@ -109,6 +122,7 @@ public async Task OnGetOvertime([FromQuery] string id) Overtime.IdOvertimeDetail = overtime.IdOvertimeDetail.ToString(); Overtime.Date = overtime.Date.ToShortDateString(); Overtime.Hours = overtime.Hours; + Overtime.Approved = overtime.Approved; Overtime.Customer = overtime.Customer; return new JsonResult(JsonConvert.SerializeObject(Overtime)); @@ -133,9 +147,28 @@ public IActionResult OnPostAbsence() if (isValid) { - var dateTimeFrom = DateTime.Parse(Absence.AbsenceDateFrom + " " + Absence.AbsenceTimeFrom, new CultureInfo("de-CH")); - var dateTimeTo = DateTime.Parse(Absence.AbsenceDateTo + " " + Absence.AbsenceTimeTo, new CultureInfo("de-CH")); var userID = new Guid(User.FindFirst(ClaimTypes.NameIdentifier).Value); + var dateTimeFrom = DateTime.Parse(Absence.AbsenceDateFrom, new CultureInfo("de-CH")); + var dateTimeTo = DateTime.Parse(Absence.AbsenceDateTo, new CultureInfo("de-CH")); + var absenceTotal = (Decimal)0; + // https://stackoverflow.com/questions/13440595/get-list-of-dates-from-startdate-to-enddate + // Creates a List with each number from 0 to the count of days between AbsentFrom and AbsentTo + List daysToAdd = Enumerable.Range(0, (dateTimeTo - dateTimeFrom).Days + 1).ToList().ConvertAll(d => (double)d); + // Creates a List with every date between and including AbsentFrom and AbsentTo + List ListOfDates = daysToAdd.Select(dateTimeFrom.AddDays).ToList(); + foreach (var date in ListOfDates) + if (date.DayOfWeek != DayOfWeek.Saturday && date.DayOfWeek != DayOfWeek.Sunday) + if (Absence.Negative) + absenceTotal -= 1; + else + absenceTotal += 1; + + // Subtract or add, depending on a.Negative, half a day from AbsentFrom, if FromAfternoon is true and AbsentFrom is not on a weekend + if (Absence.FromAfternoon && dateTimeFrom.DayOfWeek != DayOfWeek.Saturday && dateTimeFrom.DayOfWeek != DayOfWeek.Sunday) + absenceTotal = Absence.Negative ? absenceTotal + (Decimal)0.5 : absenceTotal - (Decimal)0.5; + // Subtract or add, depending on a.Negative, half a day from AbsentTo, if ToAfternoon is true and AbsentTo is not on a weekend + if (!Absence.ToAfternoon && dateTimeTo.DayOfWeek != DayOfWeek.Saturday && dateTimeTo.DayOfWeek != DayOfWeek.Sunday) + absenceTotal = Absence.Negative ? absenceTotal + (Decimal)0.5 : absenceTotal - (Decimal)0.5; var absence = new AbsenceModel() { @@ -144,10 +177,13 @@ public IActionResult OnPostAbsence() IdAbsenceDetail = _db.AbsenceDetail.Where(a => a.Reason == Absence.Reason).Select(a => a.ID).FirstOrDefault(), AbsentFrom = dateTimeFrom, AbsentTo = dateTimeTo, + FromAfternoon = Absence.FromAfternoon, + ToAfternoon = Absence.ToAfternoon, + TotalDays = absenceTotal, Negative = Absence.Negative, Reason = Absence.OtherReason ?? Absence.Reason, Approved = Absence.Approved, - CreatedOn = DateTime.Now + LastChanged = DateTime.Now }; var record = _db.Absence.AsNoTracking().SingleOrDefault(a => a.ID == absence.ID); @@ -183,7 +219,8 @@ public IActionResult OnPostOvertime() Customer = Overtime.Customer, Date = DateTime.Parse(Overtime.Date, new CultureInfo("de-CH")), Hours = Overtime.Hours, - CreatedOn = DateTime.Now + Approved = Overtime.Approved, + LastChanged = DateTime.Now }; var record = _db.Overtime.AsNoTracking().SingleOrDefault(o => o.ID == overtime.ID); diff --git a/Pages/OwnTimes/_AbsencePartial.cshtml b/Pages/OwnTimes/_AbsencePartial.cshtml index 46e407b..d53ec84 100644 --- a/Pages/OwnTimes/_AbsencePartial.cshtml +++ b/Pages/OwnTimes/_AbsencePartial.cshtml @@ -8,35 +8,40 @@

Abwesenheit erfassen oder ändern

-
Abwesend von:
-
+ Abwesend von: + +
+ + +
-
Abwesend bis:
-
- - -
+ Abwesend bis: -
Ganzer Tag
-
- + +
+ - Zeit von: - - Zeit bis: - -
- - + + +
-
Negative Tage
+ Negative Tage
-
Grund:
+ Grund:
@foreach (var item in Model.reasons) @@ -64,11 +69,11 @@
-
Ist i.O.:
+ Ist i.O.:
diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml index 1b513a1..65a89a2 100644 --- a/Pages/Shared/_Layout.cshtml +++ b/Pages/Shared/_Layout.cshtml @@ -14,20 +14,14 @@ - - - @* - - - - *@ + - + - + - + @@ -42,19 +36,19 @@ Index } - @if (User.IsInRole("Normal") || User.IsInRole("Advanced") || User.IsInRole("High")) + @if (User.IsInRole("Normal") || User.IsInRole("Manager") || User.IsInRole("Admin")) {
  • OwnTimes
    • } - @if (User.IsInRole("Advanced") || User.IsInRole("High")) + @if (User.IsInRole("Manager") || User.IsInRole("Admin")) {
  • Controlling
    • } - @if (User.IsInRole("High")) + @if (User.IsInRole("Admin")) {
  • Users @@ -85,6 +79,6 @@ - + diff --git a/Startup.cs b/Startup.cs index 405667a..d62784d 100644 --- a/Startup.cs +++ b/Startup.cs @@ -39,9 +39,9 @@ public void ConfigureServices(IServiceCollection services) options.Conventions.AuthorizePage("/OwnTimes", "PermissionNormal"); - options.Conventions.AuthorizePage("/Controlling", "PermissionAdvanced"); + options.Conventions.AuthorizePage("/Controlling", "PermissionManager"); - options.Conventions.AuthorizePage("/Users", "PermissionHigh"); + options.Conventions.AuthorizePage("/Users", "PermissionAdmin"); }).SetCompatibilityVersion(CompatibilityVersion.Version_2_2); // Cross-site request blocking @@ -59,9 +59,9 @@ public void ConfigureServices(IServiceCollection services) services.AddAuthorization(options => { options.DefaultPolicy = new AuthorizationPolicyBuilder("Cookies").RequireAuthenticatedUser().Build(); - options.AddPolicy("PermissionNormal", policy => policy.RequireRole("Normal", "Advanced", "High")); - options.AddPolicy("PermissionAdvanced", policy => policy.RequireRole("Advanced", "High")); - options.AddPolicy("PermissionHigh", policy => policy.RequireRole("High")); + options.AddPolicy("PermissionNormal", policy => policy.RequireRole("Normal", "Manager", "Admin")); + options.AddPolicy("PermissionManager", policy => policy.RequireRole("Manager", "Admin")); + options.AddPolicy("PermissionAdmin", policy => policy.RequireRole("Admin")); }); // Database service diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css index 07c3416..4bcdd24 100644 --- a/wwwroot/css/site.css +++ b/wwwroot/css/site.css @@ -41,8 +41,13 @@ body > footer { left: 5vw; } +.table-container { + overflow: auto; +} + .table-container table { width: 100%; + min-width: 700px; } .table-container tbody{ diff --git a/wwwroot/css/site.min.css b/wwwroot/css/site.min.css index 82a942e..6bb8560 100644 --- a/wwwroot/css/site.min.css +++ b/wwwroot/css/site.min.css @@ -1 +1 @@ -html{font-family:'Roboto',sans-serif;color:#fff;background-color:#000;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.modal,.modal .modal-footer{background-color:#333}body{position:relative;min-height:100%;padding-bottom:4em}.page-container{height:auto;min-height:80vh;width:90%;background:#333;border-radius:2em;padding:2em;margin:2em auto 0 auto}body>footer{height:3em;width:90%;border-radius:2em 2em 0 0;background:#333;padding:.75em 2em;position:absolute;bottom:0;left:5vw}.table-container table{width:100%}.table-container tbody{display:block;height:var(--height);overflow:auto}.table-container thead,.table-container tbody tr{display:table;width:100%;table-layout:fixed}.modal.modal-fixed-footer .modal-footer{border:0}h1,h2,h3,h4,h5,h6{color:#aecc53}nav,nav ul a,nav *{color:#000;font-size:1.05em}.datepicker-modal{max-width:fit-content !important}.datepicker-modal .datepicker-date-display{display:none}#Index input{max-width:700px !important}#Users h1{word-break:break-all} \ No newline at end of file +html{font-family:'Roboto',sans-serif;color:#fff;background-color:#000;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.modal,.modal .modal-footer{background-color:#333}body{position:relative;min-height:100%;padding-bottom:4em}.page-container{height:auto;min-height:80vh;width:90%;background:#333;border-radius:2em;padding:2em;margin:2em auto 0 auto}body>footer{height:3em;width:90%;border-radius:2em 2em 0 0;background:#333;padding:.75em 2em;position:absolute;bottom:0;left:5vw}.table-container{overflow:auto}.table-container table{width:100%;min-width:700px}.table-container tbody{display:block;height:var(--height);overflow:auto}.table-container thead,.table-container tbody tr{display:table;width:100%;table-layout:fixed}.modal.modal-fixed-footer .modal-footer{border:0}h1,h2,h3,h4,h5,h6{color:#aecc53}nav,nav ul a,nav *{color:#000;font-size:1.05em}.datepicker-modal{max-width:fit-content !important}.datepicker-modal .datepicker-date-display{display:none}#Index input{max-width:700px !important}#Users h1{word-break:break-all} \ No newline at end of file diff --git a/wwwroot/js/after.js b/wwwroot/js/after.js index 8f77fbb..99e367b 100644 --- a/wwwroot/js/after.js +++ b/wwwroot/js/after.js @@ -32,64 +32,6 @@ $('#OwnTimes #filter, #OwnTimes select').change(function (e) { writeOwnTimesTables(last30days, selectedUser); }); -function writeOwnTimesTables(last30days, selectedUser) { - // Remove old rows - $('#OwnTimes tbody tr').remove(); - - // Call OnGet() to get json with all data filtered - $.ajax({ - url: `/OwnTimes?last30days=${last30days}&selectedUser=${selectedUser}`, - success: (data) => { - // Table selectors - let absenceTable = document.querySelectorAll('#OwnTimes tbody')[0]; - let overtimeTable = document.querySelectorAll('#OwnTimes tbody')[1]; - // Fill first table with data from json - data[0].forEach(e => { - // New row - let row = absenceTable.insertRow(absenceTable.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.reason)); - // Checkbox - let checkbox = $(``); - if (e.approved) - checkbox = $(``); - row.insertCell(++i).appendChild(checkbox[0]); - // Edit and delete buttons - let buttons = $(`
    -
    `); - row.insertCell(++i).appendChild(buttons[0]); - }); - - // Fill second table with data from json - data[1].forEach(e => { - // New row - let row = overtimeTable.insertRow(overtimeTable.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(new Date(e.o.date).toLocaleDateString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.o.customer)); - row.insertCell(++i).appendChild(document.createTextNode(e.o.hours)); - row.insertCell(++i).appendChild(document.createTextNode(e.od.rate)); - // Edit and delete buttons - let buttons = $(`
    -
    `); - row.insertCell(++i).appendChild(buttons[0]); - }); - } - }); -} - // * Controlling // Checkbox click listener to filter table $('#Controlling #filter').click(() => { @@ -97,35 +39,6 @@ $('#Controlling #filter').click(() => { writeControllingTable(uncheckedOnly); }); -function writeControllingTable(uncheckedOnly) { - // Remove old rows - $('#Controlling tbody tr').remove(); - - // Call OnGet() to get json with all users filtered - $.ajax({ - url: '/Controlling?uncheckedOnly=' + uncheckedOnly, - success: (data) => { - // Table selector - let table = document.querySelector('#Controlling tbody'); - // For each line in json - data.forEach(e => { - // New row - let row = table.insertRow(table.rows.length); - let i = 0; - // Inserting values from json into table - row.insertCell(i).appendChild(document.createTextNode(e.name)); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); - row.insertCell(++i).appendChild(document.createTextNode(e.reason)); - let checkbox = $(``); - if (e.approved) - checkbox = $(``); - row.insertCell(++i).appendChild(checkbox[0]); - }); - } - }); -} - $('#Controlling #ferienliste').click(() => { window.open('/Controlling?handler=Ferienliste', '_blank'); }); @@ -149,7 +62,6 @@ $('#Controlling').on('change', 'input[name="isIO"]', e => { }); }); - // * Users // Checkbox click listener to filter table $('#Users #filter').click(() => { diff --git a/wwwroot/js/after.min.js b/wwwroot/js/after.min.js index 7c3e92a..216f4e3 100644 --- a/wwwroot/js/after.min.js +++ b/wwwroot/js/after.min.js @@ -1,11 +1 @@ -function writeOwnTimesTables(n,t){$("#OwnTimes tbody tr").remove();$.ajax({url:`/OwnTimes?last30days=${n}&selectedUser=${t}`,success:n=>{let t=document.querySelectorAll("#OwnTimes tbody")[0],i=document.querySelectorAll("#OwnTimes tbody")[1];n[0].forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0]);let f=$(`
    -
    `);i.insertCell(++r).appendChild(f[0])});n[1].forEach(n=>{let t=i.insertRow(i.rows.length),r=0;t.insertCell(r).appendChild(document.createTextNode(new Date(n.o.date).toLocaleDateString("de-CH")));t.insertCell(++r).appendChild(document.createTextNode(n.o.customer));t.insertCell(++r).appendChild(document.createTextNode(n.o.hours));t.insertCell(++r).appendChild(document.createTextNode(n.od.rate));let u=$(`
    -
    `);t.insertCell(++r).appendChild(u[0])})}})}function writeControllingTable(n){$("#Controlling tbody tr").remove();$.ajax({url:"/Controlling?uncheckedOnly="+n,success:n=>{let t=document.querySelector("#Controlling tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.name));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0])})}})}$("#absenceForm, #overtimeForm, #userForm").on("submit",n=>{n.preventDefault(),$.ajax({url:$(n.target).attr("action"),type:"POST",data:$(n.target).serialize(),success:(n,t,i)=>{i.status===202&&location.reload();let f=$(".red-text"),u=$(n).find(".red-text");for(var r=0;r{alert("Fehler bei der Verarbeitung des Formulars. Überprüfen sie, ob ihre Aktion durchgeführt wurde und versuchen Sie es allenfalls erneut."),location.reload()}})});$("#OwnTimes #filter, #OwnTimes select").change(function(){let n=$("#OwnTimes #filter").prop("checked"),t=$("#OwnTimes select").val();writeOwnTimesTables(n,t)});$("#Controlling #filter").click(()=>{let n=$("#Controlling #filter").prop("checked");writeControllingTable(n)});$("#Controlling #ferienliste").click(()=>{window.open("/Controlling?handler=Ferienliste","_blank")});$("#Controlling #überzeitkontrolle").click(()=>{window.open("/Controlling?handler=Überzeitkontrolle","_blank")});$("#Controlling").on("change",'input[name="isIO"]',n=>{let t=$(n.target).attr("data-id-absence");$.ajax({url:`/Controlling?idAbsence=${t}&value=${n.currentTarget.checked}`,type:"POST",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})});$("#Users #filter").click(()=>{let n=$("#Users #filter").prop("checked");writeUsersTable(n)}); \ No newline at end of file +$("#absenceForm, #overtimeForm, #userForm").on("submit",n=>{n.preventDefault(),$.ajax({url:$(n.target).attr("action"),type:"POST",data:$(n.target).serialize(),success:(n,t,i)=>{i.status===202&&location.reload();let f=$(".red-text"),u=$(n).find(".red-text");for(var r=0;r{alert("Fehler bei der Verarbeitung des Formulars. Überprüfen sie, ob ihre Aktion durchgeführt wurde und versuchen Sie es allenfalls erneut."),location.reload()}})});$("#OwnTimes #filter, #OwnTimes select").change(function(){let n=$("#OwnTimes #filter").prop("checked"),t=$("#OwnTimes select").val();writeOwnTimesTables(n,t)});$("#Controlling #filter").click(()=>{let n=$("#Controlling #filter").prop("checked");writeControllingTable(n)});$("#Controlling #ferienliste").click(()=>{window.open("/Controlling?handler=Ferienliste","_blank")});$("#Controlling #überzeitkontrolle").click(()=>{window.open("/Controlling?handler=Überzeitkontrolle","_blank")});$("#Controlling").on("change",'input[name="isIO"]',n=>{let t=$(n.target).attr("data-id-absence");$.ajax({url:`/Controlling?idAbsence=${t}&value=${n.currentTarget.checked}`,type:"POST",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})});$("#Users #filter").click(()=>{let n=$("#Users #filter").prop("checked");writeUsersTable(n)}); \ No newline at end of file diff --git a/wwwroot/js/before.js b/wwwroot/js/before.js index 0695fa6..dffa915 100644 --- a/wwwroot/js/before.js +++ b/wwwroot/js/before.js @@ -74,17 +74,32 @@ function materializeStuff() { ], weekdaysShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'], weekdaysAbbrev: ['S', 'M', 'D', 'M', 'D', 'F', 'S'] + }, + // Sets + onSelect: elem => { + switch (elem.getUTCDay()) { // GetUTCDay according to i18n.weekdays option + case 6: // Sunday + $('#overtimeForm select').val($('#overtimeForm option')[2].value) + break; + case 5: // Saturday + $('#overtimeForm select').val($('#overtimeForm option')[1].value) + break; + default: // Unter the week + $('#overtimeForm select').val($('#overtimeForm option')[0].value) + break; + } + $('#overtimeForm select').formSelect(); } }); // Build Materialize timepickers - materializeBuilder(M.Timepicker, timePickerList, { - container: 'body', - i18n: { - cancel: 'Abbrechen', - done: 'Ok' - }, - twelveHour: false - }); + //materializeBuilder(M.Timepicker, timePickerList, { + // container: 'body', + // i18n: { + // cancel: 'Abbrechen', + // done: 'Ok' + // }, + // twelveHour: false + //}); // Let Materialize search for unitialized components, without class no-autoinit M.AutoInit(); @@ -97,33 +112,122 @@ function materializeBuilder(component, elements, options) { }); } -// Fills absencePartial, when opened for editing +function writeOwnTimesTables(last30days, selectedUser) { + // Remove old rows + $('#OwnTimes tbody tr').remove(); + + // Call OnGet() to get json with all data filtered + $.ajax({ + url: `/OwnTimes?last30days=${last30days}&selectedUser=${selectedUser}`, + success: (data) => { + // Table selectors + let absenceTable = document.querySelectorAll('#OwnTimes tbody')[0]; + let overtimeTable = document.querySelectorAll('#OwnTimes tbody')[1]; + // Fill first table with data from json + data[0].forEach(e => { + // New row + let row = absenceTable.insertRow(absenceTable.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.reason)); + // Checkbox + let checkbox = $(``); + if (e.approved) + checkbox = $(``); + row.insertCell(++i).appendChild(checkbox[0]); + // Edit and delete buttons + let buttons = $(`
    +
    `); + row.insertCell(++i).appendChild(buttons[0]); + }); + + // Fill second table with data from json + data[1].forEach(e => { + // New row + let row = overtimeTable.insertRow(overtimeTable.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(new Date(e.o.date).toLocaleDateString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.o.customer)); + row.insertCell(++i).appendChild(document.createTextNode(e.o.hours)); + row.insertCell(++i).appendChild(document.createTextNode(e.od.rate)); + // Edit and delete buttons + let buttons = $(`
    +
    `); + row.insertCell(++i).appendChild(buttons[0]); + }); + + // Fill remaining absences and done overtimes + $('#absencesRemaining').html(Math.round((data[2][1] - data[2][0] + (data[3] / 8.5)) * 100) / 100); + $('#doneOvertimes').html(data[3]); + } + }); +} + +function writeControllingTable(uncheckedOnly) { + // Remove old rows + $('#Controlling tbody tr').remove(); + + // Call OnGet() to get json with all users filtered + $.ajax({ + url: '/Controlling?uncheckedOnly=' + uncheckedOnly, + success: (data) => { + // Table selector + let table = document.querySelector('#Controlling tbody'); + // For each line in json + data.forEach(e => { + // New row + let row = table.insertRow(table.rows.length); + let i = 0; + // Inserting values from json into table + row.insertCell(i).appendChild(document.createTextNode(e.name)); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentFrom).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(new Date(e.absentTo).toLocaleString('de-CH'))); + row.insertCell(++i).appendChild(document.createTextNode(e.reason)); + let checkbox = $(``); + if (e.approved) + checkbox = $(``); + row.insertCell(++i).appendChild(checkbox[0]); + }); + } + }); +} + function absenceEdit(id) { $.ajax({ url: '/OwnTimes?handler=Absence&id=' + id, success: data => { - // Array of all input fields in absenceWindow - let inputs = $('#absenceWindow input'); // Js object from JSON let json = $.parseJSON(data); // Prefill fields with data from json - $(inputs[0]).val(json.AbsenceDateFrom); - $(inputs[1]).val(json.AbsenceDateTo); - $(inputs[2]).prop('checked', json.FullDay); - $(inputs[3]).val(json.AbsenceTimeFrom); - $(inputs[4]).val(json.AbsenceTimeTo); - $(inputs[5]).prop('checked', json.Negative); + $('#absenceWindow input[name="Absence.AbsenceDateFrom"]').val(json.AbsenceDateFrom); + $('#absenceWindow input[name="Absence.FromAfternoon"]:eq(0)').prop('checked', !json.FromAfternoon); + $('#absenceWindow input[name="Absence.FromAfternoon"]:eq(1)').prop('checked', json.FromAfternoon); + $('#absenceWindow input[name="Absence.AbsenceDateTo"]').val(json.AbsenceDateTo); + $('#absenceWindow input[name="Absence.ToAfternoon"]:eq(0)').prop('checked', !json.ToAfternoon); + $('#absenceWindow input[name="Absence.ToAfternoon"]:eq(1)').prop('checked', json.ToAfternoon); + $('#absenceWindow input[name="Absence.Negative"]').prop('checked', json.Negative); // Radio buttons Reason - let reason = $(inputs).filter(`[value='${json.OtherReason}']`); + let reason = $('#absenceWindow input[name="Absence.Reason"]').filter(`[value='${json.OtherReason}']`); if (reason.length > 0) { $(reason[0]).prop('checked', true); } else { - $(inputs[11]).prop('checked', true); - $(inputs[12]).val(json.OtherReason); + $('#absenceWindow input[name="Absence.Reason"]').last().prop('checked', true); + $('#absenceWindow input[name="Absence.OtherReason"]').val(json.OtherReason); } - $(inputs[13]).prop('checked', json.Approved); - $(inputs[14]).val(json.ID); + $('#absenceWindow input[name="Absence.Approved"]').prop('checked', json.Approved); + $('#absenceWindow input[name="Absence.ID"]').val(json.ID); $('#absenceWindow').modal('open'); } diff --git a/wwwroot/js/before.min.js b/wwwroot/js/before.min.js index cb7ac59..eb9821a 100644 --- a/wwwroot/js/before.min.js +++ b/wwwroot/js/before.min.js @@ -1,4 +1,14 @@ -function materializeStuff(){let n=document.querySelectorAll("#absenceWindow, #overtimeWindow, #userWindow");$(n).addClass("no-autoinit");let t=document.querySelectorAll("#absenceWindow #dateFrom, #absenceWindow #dateTo, #overtimeWindow #date");$(t).addClass("no-autoinit");let i=document.querySelectorAll("#absenceWindow #timeFrom, #absenceWindow #timeTo");$(i).addClass("no-autoinit");materializeBuilder(M.Modal,n,{onCloseStart:n=>{n.querySelector("form").reset(),document.querySelectorAll(".field-validation-error").forEach(n=>{n.innerHTML=""})}});materializeBuilder(M.Datepicker,t,{format:"dd.mm.yyyy",firstDay:1,showDaysInNextAndPreviousMonths:!0,container:"body",i18n:{cancel:"Abbrechen",done:"Ok",months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan","Feb","Mar","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],weekdays:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],weekdaysShort:["So","Mo","Di","Mi","Do","Fr","Sa"],weekdaysAbbrev:["S","M","D","M","D","F","S"]}});materializeBuilder(M.Timepicker,i,{container:"body",i18n:{cancel:"Abbrechen",done:"Ok"},twelveHour:!1});M.AutoInit()}function materializeBuilder(n,t,i){t.forEach(t=>{n.init(t,i)})}function absenceEdit(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,success:n=>{let t=$("#absenceWindow input"),i=$.parseJSON(n);$(t[0]).val(i.AbsenceDateFrom);$(t[1]).val(i.AbsenceDateTo);$(t[2]).prop("checked",i.FullDay);$(t[3]).val(i.AbsenceTimeFrom);$(t[4]).val(i.AbsenceTimeTo);$(t[5]).prop("checked",i.Negative);let r=$(t).filter(`[value='${i.OtherReason}']`);r.length>0?$(r[0]).prop("checked",!0):($(t[11]).prop("checked",!0),$(t[12]).val(i.OtherReason));$(t[13]).prop("checked",i.Approved);$(t[14]).val(i.ID);$("#absenceWindow").modal("open")}})}function overtimeEdit(n){$("#overtimeWindow").modal("open");$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,success:n=>{let i=$("#overtimeWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Date);$(i[1]).val(t.Hours);$(i[2]).val(t.Customer);$("#overtimeWindow select").find(`option[value="${t.IdOvertimeDetail.toUpperCase()}"]`).prop("selected",!0);$("#overtimeWindow select").formSelect();$(i[4]).val(t.ID)}})}function absenceDelete(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function overtimeDelete(n){$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function writeUsersTable(n){$("#Users tbody tr").remove();$.ajax({url:"/Users?onlyActive="+n,success:n=>{let t=document.querySelector("#Users tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.username));i.insertCell(++r).appendChild(document.createTextNode(n.firstname));i.insertCell(++r).appendChild(document.createTextNode(n.lastname));i.insertCell(++r).appendChild(document.createTextNode(n.department));let u=$(`
    +
    `);i.insertCell(++r).appendChild(f[0])});n[1].forEach(n=>{let t=i.insertRow(i.rows.length),r=0;t.insertCell(r).appendChild(document.createTextNode(new Date(n.o.date).toLocaleDateString("de-CH")));t.insertCell(++r).appendChild(document.createTextNode(n.o.customer));t.insertCell(++r).appendChild(document.createTextNode(n.o.hours));t.insertCell(++r).appendChild(document.createTextNode(n.od.rate));let u=$(`
    +
    `);t.insertCell(++r).appendChild(u[0])});$("#absencesRemaining").html(Math.round((n[2][1]-n[2][0]+n[3]/8.5)*100)/100);$("#doneOvertimes").html(n[3])}})}function writeControllingTable(n){$("#Controlling tbody tr").remove();$.ajax({url:"/Controlling?uncheckedOnly="+n,success:n=>{let t=document.querySelector("#Controlling tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.name));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0])})}})}function absenceEdit(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,success:n=>{let t=$.parseJSON(n);$('#absenceWindow input[name="Absence.AbsenceDateFrom"]').val(t.AbsenceDateFrom);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(0)').prop("checked",!t.FromAfternoon);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(1)').prop("checked",t.FromAfternoon);$('#absenceWindow input[name="Absence.AbsenceDateTo"]').val(t.AbsenceDateTo);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(0)').prop("checked",!t.ToAfternoon);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(1)').prop("checked",t.ToAfternoon);$('#absenceWindow input[name="Absence.Negative"]').prop("checked",t.Negative);let i=$('#absenceWindow input[name="Absence.Reason"]').filter(`[value='${t.OtherReason}']`);i.length>0?$(i[0]).prop("checked",!0):($('#absenceWindow input[name="Absence.Reason"]').last().prop("checked",!0),$('#absenceWindow input[name="Absence.OtherReason"]').val(t.OtherReason));$('#absenceWindow input[name="Absence.Approved"]').prop("checked",t.Approved);$('#absenceWindow input[name="Absence.ID"]').val(t.ID);$("#absenceWindow").modal("open")}})}function overtimeEdit(n){$("#overtimeWindow").modal("open");$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,success:n=>{let i=$("#overtimeWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Date);$(i[1]).val(t.Hours);$(i[2]).val(t.Customer);$("#overtimeWindow select").find(`option[value="${t.IdOvertimeDetail.toUpperCase()}"]`).prop("selected",!0);$("#overtimeWindow select").formSelect();$(i[4]).val(t.ID)}})}function absenceDelete(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function overtimeDelete(n){$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function writeUsersTable(n){$("#Users tbody tr").remove();$.ajax({url:"/Users?onlyActive="+n,success:n=>{let t=document.querySelector("#Users tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.username));i.insertCell(++r).appendChild(document.createTextNode(n.firstname));i.insertCell(++r).appendChild(document.createTextNode(n.lastname));i.insertCell(++r).appendChild(document.createTextNode(n.department));let u=$(`
    `);t.insertCell(++r).appendChild(u[0])});$("#absencesRemaining").html(Math.round((n[2][1]-n[2][0]+n[3]/8.5)*100)/100);$("#doneOvertimes").html(n[3])}})}function writeControllingTable(n){$("#Controlling tbody tr").remove();$.ajax({url:"/Controlling?uncheckedOnly="+n,success:n=>{let t=document.querySelector("#Controlling tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.name));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0])})}})}function absenceEdit(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,success:n=>{let t=$.parseJSON(n);$('#absenceWindow input[name="Absence.AbsenceDateFrom"]').val(t.AbsenceDateFrom);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(0)').prop("checked",!t.FromAfternoon);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(1)').prop("checked",t.FromAfternoon);$('#absenceWindow input[name="Absence.AbsenceDateTo"]').val(t.AbsenceDateTo);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(0)').prop("checked",!t.ToAfternoon);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(1)').prop("checked",t.ToAfternoon);$('#absenceWindow input[name="Absence.Negative"]').prop("checked",t.Negative);let i=$('#absenceWindow input[name="Absence.Reason"]').filter(`[value='${t.OtherReason}']`);i.length>0?$(i[0]).prop("checked",!0):($('#absenceWindow input[name="Absence.Reason"]').last().prop("checked",!0),$('#absenceWindow input[name="Absence.OtherReason"]').val(t.OtherReason));$('#absenceWindow input[name="Absence.Approved"]').prop("checked",t.Approved);$('#absenceWindow input[name="Absence.ID"]').val(t.ID);$("#absenceWindow").modal("open")}})}function overtimeEdit(n){$("#overtimeWindow").modal("open");$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,success:n=>{let i=$("#overtimeWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Date);$(i[1]).val(t.Hours);$(i[2]).val(t.Customer);$("#overtimeWindow select").find(`option[value="${t.IdOvertimeDetail.toUpperCase()}"]`).prop("selected",!0);$("#overtimeWindow select").formSelect();$(i[4]).val(t.ID)}})}function absenceDelete(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function overtimeDelete(n){$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function writeUsersTable(n){$("#Users tbody tr").remove();$.ajax({url:"/Users?onlyActive="+n,success:n=>{let t=document.querySelector("#Users tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.username));i.insertCell(++r).appendChild(document.createTextNode(n.firstname));i.insertCell(++r).appendChild(document.createTextNode(n.lastname));i.insertCell(++r).appendChild(document.createTextNode(n.department));let u=$(`
    `);t.insertCell(++r).appendChild(u[0])});$("#absencesRemaining").html(Math.round((n[2][1]-n[2][0]+n[3]/8.5)*100)/100);$("#doneOvertimes").html(n[3])}})}function writeControllingTable(n){$("#Controlling tbody tr").remove();$.ajax({url:"/Controlling?uncheckedOnly="+n,success:n=>{let t=document.querySelector("#Controlling tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.name));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentFrom).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(new Date(n.absentTo).toLocaleString("de-CH")));i.insertCell(++r).appendChild(document.createTextNode(n.reason));let u=$(``);n.approved&&(u=$(``));i.insertCell(++r).appendChild(u[0])})}})}function absenceEdit(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,success:n=>{let t=$.parseJSON(n);$('#absenceWindow input[name="Absence.AbsenceDateFrom"]').val(t.AbsenceDateFrom);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(0)').prop("checked",!t.FromAfternoon);$('#absenceWindow input[name="Absence.FromAfternoon"]:eq(1)').prop("checked",t.FromAfternoon);$('#absenceWindow input[name="Absence.AbsenceDateTo"]').val(t.AbsenceDateTo);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(0)').prop("checked",!t.ToAfternoon);$('#absenceWindow input[name="Absence.ToAfternoon"]:eq(1)').prop("checked",t.ToAfternoon);$('#absenceWindow input[name="Absence.Negative"]').prop("checked",t.Negative);let i=$('#absenceWindow input[name="Absence.Reason"]').filter(`[value='${t.OtherReason}']`);i.length>0?$(i[0]).prop("checked",!0):($('#absenceWindow input[name="Absence.Reason"]').last().prop("checked",!0),$('#absenceWindow input[name="Absence.OtherReason"]').val(t.OtherReason));$('#absenceWindow input[name="Absence.Approved"]').prop("checked",t.Approved);$('#absenceWindow input[name="Absence.ID"]').val(t.ID);$("#absenceWindow").modal("open")}})}function overtimeEdit(n){$("#overtimeWindow").modal("open");$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,success:n=>{let i=$("#overtimeWindow input"),t=$.parseJSON(n);$(i[0]).val(t.Date);$(i[1]).val(t.Hours);$(i[2]).val(t.Customer);$(i[4]).val(t.Approved);$("#overtimeWindow select").find(`option[value="${t.IdOvertimeDetail.toUpperCase()}"]`).prop("selected",!0);$("#overtimeWindow select").formSelect();$(i[5]).val(t.ID)}})}function absenceDelete(n){$.ajax({url:"/OwnTimes?handler=Absence&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function overtimeDelete(n){$.ajax({url:"/OwnTimes?handler=Overtime&id="+n,method:"DELETE",beforeSend:n=>{n.setRequestHeader("XSRF-TOKEN",$('input:hidden[name="__RequestVerificationToken"]').val())},success:()=>{location.reload()}})}function writeUsersTable(n){$("#Users tbody tr").remove();$.ajax({url:"/Users?onlyActive="+n,success:n=>{let t=document.querySelector("#Users tbody");n.forEach(n=>{let i=t.insertRow(t.rows.length),r=0;i.insertCell(r).appendChild(document.createTextNode(n.username));i.insertCell(++r).appendChild(document.createTextNode(n.firstname));i.insertCell(++r).appendChild(document.createTextNode(n.lastname));i.insertCell(++r).appendChild(document.createTextNode(n.department));let u=$(`