reformat and todo

.github/workflows/build.yml

@@ -1,28 +0,0 @@
-# .github/workflows/gradle-build-pr.yml
-name: Run Gradle on pushs
-on:
-  push:
-    branches:
-      - '*'
-  pull_request:
-    branches:
-      - '*'
-jobs:
-  gradle:
-    strategy:
-      matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
-    runs-on: ${{ matrix.os }}
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-java@v1
-        with:
-          java-version: 11
-      - uses: eskatos/gradle-command-action@v1
-        with:
-          gradle-version: rc
-          arguments: build
-      - uses: eskatos/gradle-command-action@v1
-        with:
-          gradle-version: rc
-          arguments: jar

.gitlab-ci.yml

@@ -1,35 +0,0 @@
-# This file is a template, and might need editing before it works on your project.
-# This is the Gradle build system for JVM applications
-# https://gradle.org/
-# https://github.com/gradle/gradle
-image: gradle:latest
-
-# Disable the Gradle daemon for Continuous Integration servers as correctness
-# is usually a priority over speed in CI environments. Using a fresh
-# runtime for each build is more reliable since the runtime is completely
-# isolated from any previous builds.
-variables:
-  GRADLE_OPTS: "-Dorg.gradle.daemon=false"
-
-before_script:
-  - export GRADLE_USER_HOME=`pwd`/.gradle
-
-build:
-  stage: build
-  script: gradle --build-cache assemble
-  cache:
-    key: "$CI_COMMIT_REF_NAME"
-    policy: push
-    paths:
-      - build
-      - .gradle
-
-test:
-  stage: test
-  script: gradle check
-  cache:
-    key: "$CI_COMMIT_REF_NAME"
-    policy: pull
-    paths:
-      - build
-      - .gradle

.travis.yml

@@ -1,28 +0,0 @@
-language: java
-jdk: oraclejdk8
-dist: trusty
-
-# Make the gradle wrapper executable
-# before_install: chmod +x gradlew
-before_install:
-  - wget https://services.gradle.org/distributions/gradle-6.1.1-all.zip
-  - unzip -qq gradle-6.1.1-all.zip
-  - export GRADLE_HOME=$PWD/gradle-6.1.1
-  - export PATH=$GRADLE_HOME/bin:$PATH
-  - gradle -v
-
-script:
-  #- gradle check jacocoTestReport
-  # Also upload test coverage to codecov
-  #- bash <(curl -s https://codecov.io/bash)
-
-before_cache:
-  - rm -f  $HOME/.gradle/caches/modules-2/modules-2.lock
-  - rm -fr $HOME/.gradle/caches/*/plugin-resolution/
-  - rm -f  $HOME/.gradle/caches/*/fileHashes/fileHashes.bin
-  - rm -f  $HOME/.gradle/caches/*/fileHashes/fileHashes.lock
-
-cache:
-  directories:
-    - $HOME/.gradle/caches/
-    - $HOME/.gradle/wrapper/

build.gradle

@@ -2,11 +2,11 @@ import java.text.SimpleDateFormat
 
 plugins {
     id 'java'
-    id 'org.jetbrains.kotlin.jvm' version '1.3.70'
+    id 'org.jetbrains.kotlin.jvm' version '1.3.61'
 }
 
 group 'com.wasteinformationserver'
-version '1.1.1'
+version '0.3.1-Beta'
 
 sourceCompatibility = 1.8
 
@@ -29,7 +29,8 @@ sourceSets {
 dependencies {
     compile group: 'org.eclipse.paho', name: 'org.eclipse.paho.client.mqttv3', version: '1.2.2'
     compile group: 'mysql',name:'mysql-connector-java',version: '8.0.18'
-    compile "org.jetbrains.kotlin:kotlin-stdlib-jdk8"
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8"
+    implementation 'com.google.code.gson:gson:2.8.6'
 }
 
 task run (type: JavaExec){
@@ -40,7 +41,7 @@ task run (type: JavaExec){
 
 task createProperties(dependsOn: processResources) {
     doLast {
-        new File("$projectDir/src/resources/version.prop").withWriter { w ->
+        new File("$projectDir/src/resources/version.properties").withWriter { w ->
             Properties p = new Properties()
             p['version'] = project.version.toString()
             p['buildtime'] = new SimpleDateFormat("dd.MM.yyyy HH:mm:ss").format(new Date())

db.sql

@@ -0,0 +1,156 @@
+-- phpMyAdmin SQL Dump
+-- version 4.9.0.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: localhost
+-- Erstellungszeit: 06. Dez 2019 um 16:11
+-- Server-Version: 10.3.11-MariaDB
+-- PHP-Version: 5.6.40
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+SET AUTOCOMMIT = 0;
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `wasteinformation`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `cities`
+--
+
+CREATE TABLE `cities` (
+  `id` int(11) NOT NULL,
+  `userid` int(11) NOT NULL,
+  `name` varchar(256) NOT NULL,
+  `wastetype` varchar(64) NOT NULL,
+  `zone` int(11) NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+--
+-- Daten für Tabelle `cities`
+--
+
+INSERT INTO `cities` (`id`, `userid`, `name`, `wastetype`, `zone`) VALUES
+(2, 0, 'Steyr', 'Bio', 2),
+(3, 0, 'Steyr', 'Bio', 3),
+(4, 0, 'Steyr', 'Bio', 4),
+(128, 0, 'Steyr', 'Biowaste', 1),
+(130, 0, 'abc', 'Biowaste', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `pickupdates`
+--
+
+CREATE TABLE `pickupdates` (
+  `id` int(11) NOT NULL,
+  `citywastezoneid` int(11) NOT NULL,
+  `pickupdate` date NOT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+--
+-- Daten für Tabelle `pickupdates`
+--
+
+INSERT INTO `pickupdates` (`id`, `citywastezoneid`, `pickupdate`) VALUES
+(6, 4, '2019-12-06'),
+(7, 3, '2019-12-06'),
+(8, 2, '2019-12-06'),
+(9, 130, '2019-12-26');
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `user`
+--
+
+CREATE TABLE `user` (
+  `id` int(11) NOT NULL,
+  `username` varchar(150) NOT NULL,
+  `firstName` varchar(32) NOT NULL,
+  `secondName` varchar(32) NOT NULL,
+  `password` varchar(32) NOT NULL,
+  `permission` int(11) NOT NULL DEFAULT 0,
+  `email` varchar(64) NOT NULL,
+  `logindate` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+--
+-- Daten für Tabelle `user`
+--
+
+INSERT INTO `user` (`id`, `username`, `firstName`, `secondName`, `password`, `permission`, `email`, `logindate`) VALUES
+(2, 'lheilige', 'lukas', 'heiligenbrunner', 'c6e2ddf577e0dfdc4366f788f1b27102', 0, 'lukas.heiligenbrunner@gmail.com', '2019-09-20 12:19:31'),
+(11, 'meindl', 'emil', 'meindl', '81dc9bdb52d04dc20036dbd8313ed055', 0, 'mailmeindl', '2019-09-27 10:23:46'),
+(15, 'horni', 'kk', 'kk', 'c4ca4238a0b923820dcc509a6f75849b', 1, 'kk', '2019-09-27 13:19:09');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `cities`
+--
+ALTER TABLE `cities`
+  ADD PRIMARY KEY (`id`);
+
+--
+-- Indizes für die Tabelle `pickupdates`
+--
+ALTER TABLE `pickupdates`
+  ADD PRIMARY KEY (`id`),
+  ADD KEY `citywastezoneid` (`citywastezoneid`);
+
+--
+-- Indizes für die Tabelle `user`
+--
+ALTER TABLE `user`
+  ADD PRIMARY KEY (`id`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `cities`
+--
+ALTER TABLE `cities`
+  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=131;
+
+--
+-- AUTO_INCREMENT für Tabelle `pickupdates`
+--
+ALTER TABLE `pickupdates`
+  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=10;
+
+--
+-- AUTO_INCREMENT für Tabelle `user`
+--
+ALTER TABLE `user`
+  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=16;
+
+--
+-- Constraints der exportierten Tabellen
+--
+
+--
+-- Constraints der Tabelle `pickupdates`
+--
+ALTER TABLE `pickupdates`
+  ADD CONSTRAINT `pickupdates_ibfk_1` FOREIGN KEY (`citywastezoneid`) REFERENCES `cities` (`id`);
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

src/java/com/wasteinformationserver/Dateget.java

@@ -0,0 +1,105 @@
+/**
+ * dead code...
+ */
+package com.wasteinformationserver;
+
+import com.wasteinformationserver.basicutils.Log;
+
+import java.io.IOException;
+import java.io.InputStreamReader;
+import java.net.MalformedURLException;
+import java.net.URL;
+import java.text.DateFormat;
+import java.util.ArrayList;
+import java.util.GregorianCalendar;
+import java.util.Scanner;
+
+public class Dateget {
+    private int index = 0;
+    ArrayList<String> list = new ArrayList<>();
+    ArrayList<String> listnew = new ArrayList<>();
+    public String nextDate;
+
+
+    public void getdata() {
+
+        GregorianCalendar now = new GregorianCalendar();
+        DateFormat df = DateFormat.getDateInstance(DateFormat.MEDIUM);
+        String datum = df.format(now.getTime());
+
+        URL url = null;
+        try {
+            url = new URL("https://www.steyr.at/system/web/kalender.aspx?vdatum=" + datum + "&bdatum=19.10.2019&typ=&typid=0&typids=225781950&detailonr=0&menuonr=225781812");
+            Scanner scanner = new Scanner(new InputStreamReader(url.openStream()));
+
+            int n = 0;
+            while (scanner.hasNext()) {
+                String temp = scanner.next();
+                addList(temp);
+            }
+
+        } catch (MalformedURLException e) {
+            e.printStackTrace();
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+        Filter();
+    }
+
+    private void addList(String temp) {
+        list.add(index, temp);
+    }
+
+    public void printList() {
+        for (int n = 0; n < list.size(); n++) {
+            Log.Log.debug(list.get(n));
+        }
+    }
+
+    public void printListnew() {
+        for (int n = 0; n < listnew.size(); n++) {
+            Log.Log.debug(listnew.get(n));
+        }
+    }
+
+    private void Filter() {
+        String temp = "href=\"/system/web/kalender.aspx?detailonr=225781954-6&amp;menuonr=225781812\">Hausabfall";
+        int counter = 0;
+
+        for (int n = 0; n < list.size(); n++) {
+            if (list.get(n).equals(temp)) {
+                counter++;
+
+                if (counter == 4) {
+
+                    int zaehler = 0;
+
+                    for (int v = n; v < list.size(); v++) {
+                        listnew.add(zaehler, list.get(v));
+                        zaehler++;
+                    }
+
+                  /*  String string = "004-034556";
+                    String[] parts = string.split("-");
+                    String part1 = parts[0]; // 004
+                    String part2 = parts[1]; // 034556*/
+
+                    splitter();
+
+                }
+            }
+        }
+    }
+
+    private void splitter() {
+        String temp = "</ul><h2>";
+
+        for (int n = 0; n < listnew.size(); n++) {
+
+            if (listnew.get(n).equals(temp)) {
+
+            }
+        }
+    }
+
+}

src/java/com/wasteinformationserver/Main.kt

@@ -1,30 +1,27 @@
 @file:JvmName("Main")
-
 package com.wasteinformationserver
 
 import com.wasteinformationserver.basicutils.Info
 import com.wasteinformationserver.basicutils.Log
-import com.wasteinformationserver.basicutils.Storage
 import com.wasteinformationserver.db.JDBC
 import com.wasteinformationserver.mqtt.MqttService
 import com.wasteinformationserver.website.Webserver
+import java.io.IOException
 
-/**
- * application entry point
- *
- * @author Lukas Heiligenbrunner
- */
 fun main() {
     Log.setLevel(Log.DEBUG)
     Info.init()
-    Storage.getInstance().init()
 
     Log.info("startup of WasteInformationServer")
 
     Runtime.getRuntime().addShutdownHook(Thread(Runnable {
-        // shutdown routine
+        try {
+            Thread.sleep(200)
             Log.warning("Shutting down ...")
-        JDBC.getInstance().disconnect();
+            //shutdown routine
+        } catch (e: InterruptedException) {
+            e.printStackTrace()
+        }
     }))
 
     Log.info("Server version: " + Info.getVersion())
@@ -32,8 +29,12 @@ fun main() {
 
     //initial connect to db
     Log.message("initial login to db")
-    val stor = Storage.getInstance();
-    JDBC.init(stor.dbUser, stor.dbPassword, stor.dbName, stor.dbhost, stor.dbPort)
+    try {
+        JDBC.init("ingproject", "Kb9Dxklumt76ieq6", "ingproject", "db.power4future.at", 3306)
+        //JDBC.init("users", "kOpaIJUjkgb9ur6S", "wasteinformation", "192.168.65.15", 3306);
+    } catch (e: IOException) { //e.printStackTrace();
+        Log.error("no connection to db")
+    }
 
 
     //startup web server
@@ -44,7 +45,6 @@ fun main() {
     //startup mqtt service
     Log.message("starting mqtt service")
 
-    val m = MqttService.getInstance()
-    m.init(Storage.getInstance().mqttServer, Storage.getInstance().mqttPort.toString())
+    val m = MqttService("mqtt.heili.eu", "1883")
     m.startupService()
 }

src/java/com/wasteinformationserver/basicutils/Info.java

@@ -51,7 +51,7 @@ public class Info {
         starttime = new SimpleDateFormat("dd.MM.yyyy HH:mm:ss").format(new Date());
         Properties prop = new Properties();
         try {
-            URL url = Info.class.getResource("/version.prop");
+            URL url = Info.class.getResource("/version.properties");
 
             prop.load(url.openStream());
             version = (String) prop.get("version");
@@ -75,10 +75,10 @@ public class Info {
         long allocatedMemory = runtime.totalMemory();
         long freeMemory = runtime.freeMemory();
 
-        sb.append("free memory: ").append(format.format(freeMemory / 1024)).append("\n");
-        sb.append("allocated memory: ").append(format.format(allocatedMemory / 1024)).append("\n");
-        sb.append("max memory: ").append(format.format(maxMemory / 1024)).append("\n");
-        sb.append("total free memory: ").append(format.format((freeMemory + (maxMemory - allocatedMemory)) / 1024)).append("\n");
+        sb.append("free memory: " + format.format(freeMemory / 1024) + "\n");
+        sb.append("allocated memory: " + format.format(allocatedMemory / 1024) + "\n");
+        sb.append("max memory: " + format.format(maxMemory / 1024) + "\n");
+        sb.append("total free memory: " + format.format((freeMemory + (maxMemory - allocatedMemory)) / 1024) + "\n");
 
         System.out.println(sb.toString());
     }

src/java/com/wasteinformationserver/basicutils/Log.kt

@@ -5,22 +5,22 @@ import java.util.*
 
 class Log {
     companion object Log{
-        const val CRITICAL_ERROR = 6
-        const val ERROR = 5
-        const val WARNING = 4
-        const val INFO = 3
-        const val MESSAGE = 2
-        const val DEBUG = 1
+        val CRITICAL_ERROR = 6
+        val ERROR = 5
+        val WARNING = 4
+        val INFO = 3
+        val MESSAGE = 2
+        val DEBUG = 1
 
-        private const val ANSI_RESET = "\u001B[0m"
-        private const val ANSI_BLACK = "\u001B[30m"
-        private const val ANSI_RED = "\u001B[31m"
-        private const val ANSI_GREEN = "\u001B[32m"
-        private const val ANSI_YELLOW = "\u001B[33m"
-        private const val ANSI_BLUE = "\u001B[34m"
-        private const val ANSI_PURPLE = "\u001B[35m"
-        private const val ANSI_CYAN = "\u001B[36m"
-        private const val ANSI_WHITE = "\u001B[37m"
+        private val ANSI_RESET = "\u001B[0m"
+        private val ANSI_BLACK = "\u001B[30m"
+        private val ANSI_RED = "\u001B[31m"
+        private val ANSI_GREEN = "\u001B[32m"
+        private val ANSI_YELLOW = "\u001B[33m"
+        private val ANSI_BLUE = "\u001B[34m"
+        private val ANSI_PURPLE = "\u001B[35m"
+        private val ANSI_CYAN = "\u001B[36m"
+        private val ANSI_WHITE = "\u001B[37m"
 
         private var Loglevel = 0
 
@@ -126,14 +126,14 @@ class Log {
         fun setLevel(level: Int) {
             Loglevel = level
         }
-
-        private val colors = ArrayList(listOf("", "DEBUG", "MESSAGE", "INFO", "WARNING", "ERROR", "CRITICAL_ERROR"))
+        private val colors = ArrayList(Arrays.asList("", "DEBUG", "MESSAGE", "INFO", "WARNING", "ERROR", "CRITICAL_ERROR"))
 
 
-        private fun calcDate(milliSecs: Long): String? {
-            val dateFormat = SimpleDateFormat("yyyy-MM-dd HH:mm:ss")
-            val resultDate = Date(milliSecs)
-            return dateFormat.format(resultDate)
+
+        private fun calcDate(millisecs: Long): String? {
+            val date_format = SimpleDateFormat("yyyy-MM-dd HH:mm:ss")
+            val resultdate = Date(millisecs)
+            return date_format.format(resultdate)
         }
     }
 }

src/java/com/wasteinformationserver/basicutils/Storage.kt

@@ -1,163 +0,0 @@
-package com.wasteinformationserver.basicutils
-
-import java.io.FileInputStream
-import java.io.FileNotFoundException
-import java.io.FileOutputStream
-import java.io.IOException
-import java.util.*
-
-/**
- * Storage of user information
- * * database infos
- * * mqtt infos
- *
- * @author Lukas Heiligenbrunner
- */
-class Storage {
-    companion object {
-        private val obj = Storage()
-        fun getInstance(): Storage {
-            return obj;
-        }
-    }
-
-    var mqttServer: String = ""
-        get() = field
-        set(value) {
-            field = value
-        }
-
-    var mqttPort: Int = -1
-        get() = field
-        set(value) {
-            field = value
-        }
-
-     var dbName: String = ""
-        get() = field
-        set(value) {
-            field = value
-        }
-
-    var dbhost: String = ""
-        get() = field
-        set(value) {
-            field = value
-        }
-
-     var dbUser: String = ""
-        get() = field
-        set(value) {
-            field = value
-        }
-
-     var dbPassword: String = ""
-        get() = field
-        set(value) {
-            field = value
-        }
-
-     var dbPort: Int = -1
-        get() = field
-        set(value) {
-            field = value
-        }
-
-    private val prop = Properties()
-
-    /**
-     * init config file
-     */
-    fun init() {
-        try {
-            // try to load existing config file
-            val inp = FileInputStream("settings.prop")
-            prop.load(inp)
-
-            mqttServer = prop["mqttserver"] as String
-            mqttPort = (prop["mqttport"] as String).toInt()
-            dbhost = prop["dbhost"] as String
-            dbName = prop["dbname"] as String
-            dbUser = prop["dbuser"] as String
-            dbPassword = prop["dbpass"] as String
-            dbPort = (prop["dbport"] as String).toInt()
-        } catch (ee: FileNotFoundException) {
-            // file not generated yet
-            store()
-            Log.info("new Settings config file generated")
-        } catch (e: IOException) {
-            e.printStackTrace()
-        }
-    }
-
-    /**
-     * store data to storage file
-     */
-    fun store() {
-        prop["mqttserver"] = mqttServer
-        prop["mqttport"] = mqttPort.toString()
-        prop["dbhost"] = dbhost
-        prop["dbname"] = dbName
-        prop["dbuser"] = dbUser
-        prop["dbpass"] = dbPassword
-        prop["dbport"] = dbPort.toString()
-
-        prop.store(FileOutputStream("settings.prop"), "main config")
-    }
-
-    /**
-     * check if all needed properties are set up correctly
-     * todo real check if connections can be established
-     */
-    fun isEveryThingDefined(): Boolean {
-        return (isMqttServerDefined() &&
-                isMqttPortDefined() &&
-                isDBNameDefined() &&
-                isDBUsernameDefined() &&
-                isDBPasswdDefined() &&
-                isDBPortDefined())
-    }
-
-
-    /**
-     * is the mqttservername defined?
-     */
-    fun isMqttServerDefined(): Boolean {
-        return (mqttServer != "")
-    }
-
-    /**
-     * is the mqttserver port defined?
-     */
-    fun isMqttPortDefined(): Boolean {
-        return (mqttPort != -1)
-    }
-
-    /**
-     * is the dbname  defined?
-     */
-    fun isDBNameDefined(): Boolean {
-        return (dbName != "")
-    }
-
-    /**
-     * is the dbport  defined?
-     */
-    fun isDBPortDefined(): Boolean {
-        return (dbPort != -1)
-    }
-
-    /**
-     * is the dbpassword  defined?
-     */
-    fun isDBPasswdDefined(): Boolean {
-        return (dbPassword != "")
-    }
-
-    /**
-     * is the dbusername  defined?
-     */
-    fun isDBUsernameDefined(): Boolean {
-        return (dbUser != "")
-    }
-}

src/java/com/wasteinformationserver/db/Database.java

@@ -0,0 +1,25 @@
+package com.wasteinformationserver.db;
+
+import java.sql.Connection;
+import java.sql.SQLException;
+
+abstract class Database {
+
+    protected String user;
+    protected String password;
+
+    protected String host;
+    protected int port;
+
+    protected String dbName;
+
+    public Database(String user, String password, String host, int port, String dbName) {
+        this.user = user;
+        this.password = password;
+        this.host = host;
+        this.port = port;
+        this.dbName = dbName;
+    }
+
+    public abstract Connection getConnection() throws SQLException;
+}

src/java/com/wasteinformationserver/db/JDBC.java

@@ -1,18 +1,14 @@
 package com.wasteinformationserver.db;
-
-import com.wasteinformationserver.basicutils.Log;
-import com.wasteinformationserver.basicutils.Storage;
-import com.wasteinformationserver.mqtt.MqttService;
-
 import java.io.IOException;
-import java.sql.*;
-import java.util.Scanner;
+import java.sql.Connection;
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
 
 /**
  * basic connection class to a Database
  *
  * @author Lukas Heiligenbrunner
- * @author Emil Meindl
  */
 public class JDBC {
     private static Connection conn;
@@ -26,21 +22,6 @@ public class JDBC {
     private static String ipc;
     private static int portc;
 
-    private JDBC(String username, String password, String dbname, String ip, int port) {
-        logintodb(username, password, dbname, ip, port);
-    }
-
-    /**
-     * instance of JDBC driver
-     */
-    static {
-        try {
-            Class.forName("com.mysql.cj.jdbc.Driver").getDeclaredConstructor().newInstance();
-        } catch (Exception e) {
-            e.printStackTrace();
-        }
-    }
-
     /**
      * initialize database values
      * suggested on startup
@@ -61,6 +42,10 @@ public class JDBC {
         JDBC = new JDBC(username, password, dbname, ip, port);
     }
 
+    private JDBC(String username, String password, String dbname, String ip, int port) throws IOException {
+        logintodb(username, password, dbname, ip, port);
+    }
+
     /**
      * get instance of db object
      * logindata has to be set before!
@@ -68,72 +53,31 @@ public class JDBC {
      * @return JDBC object of this
      * @throws IOException
      */
-    public static JDBC getInstance() {
-        if (!loggedin) {
-            JDBC = new JDBC(usernamec, passwordc, dbnamec, ipc, portc);
-        }
+    public static JDBC getInstance() throws IOException {
+        if (loggedin) {
+            return JDBC;
+        } else {
+            logintodb(usernamec, passwordc, dbnamec, ipc, portc);
             return JDBC;
         }
 
-    /**
-     * initial login to db -- should be called only one time or for reconnect
-     *
-     * @param username username
-     * @param password password
-     * @param dbname   Database name
-     * @param ip       Host or ip address
-     * @param port     Server port
-     * @throws IOException thrown if no connection to db is possible.
-     */
-    private boolean logintodb(String username, String password, String dbname, String ip, int port) {
-        try {
-            DriverManager.setLoginTimeout(1);
-            conn = DriverManager.getConnection(
-                    "jdbc:mysql://" + ip + ":" + port + "/" + dbname + "?useSSL=false&serverTimezone=CET",
-                    username,
-                    password);
-            checkDBStructure();
-            loggedin = true;
-            Log.Log.message("Connected to database");
-        } catch (SQLException e) {
-            // reconnect every 10 sec
-            Log.Log.warning("Database-Connection not possible");
-            new Thread(new Runnable() {
-                @Override
-                public void run() {
-                    try {
-                        Thread.sleep(10 * 1000);
-                    } catch (InterruptedException interruptedException) {
-                        interruptedException.printStackTrace();
-                    }
-                    Log.Log.debug("Reading config");
-                    Storage st = Storage.Companion.getInstance();
-                    st.init();
-                    usernamec = st.getDbName();
-                    passwordc = st.getDbPassword();
-                    dbnamec = st.getDbName();
-                    ipc = st.getDbhost();
-                    portc = st.getDbPort();
-                    Log.Log.info("Retry connection");
-                    loggedin = logintodb(usernamec, passwordc, dbnamec, ipc, portc);
-                    if (loggedin) {
-                        // startup mqtt service if successfully connected
-                        MqttService srvc = MqttService.Companion.getInstance();
-                        srvc.init(st.getMqttServer(), String.valueOf(st.getMqttPort()));
-                        srvc.startupService();
-                    }
-                }
-            }).start();
-        }
-        return loggedin;
     }
 
-    public void disconnect() {
+    private static void logintodb(String username, String password, String dbname, String ip, int port) throws IOException {
+        Database db = new MySQLConnector(
+                username,
+                password,
+                ip,
+                port,
+                dbname);
+
         try {
-            conn.close();
-        } catch (SQLException throwables) {
-            throwables.printStackTrace();
+            conn = db.getConnection();
+            loggedin = true;
+        } catch (SQLException e) {
+            throw new IOException("No connection to database");
         }
+
     }
 
     /**
@@ -144,19 +88,12 @@ public class JDBC {
      */
     public ResultSet executeQuery(String sql) {
         try {
-            conn.isValid(5);
             PreparedStatement stmt = conn.prepareStatement(sql);
             return stmt.executeQuery();
-        } catch (SQLNonTransientConnectionException ee) {
-            if (logintodb(usernamec, passwordc, dbnamec, ipc, portc)) {
-                return this.executeQuery(sql);
-            } else {
-                return null;
-            }
         } catch (SQLException e) {
-            return null;
+            e.printStackTrace();
         }
-
+        return null;
     }
 
     /**
@@ -167,63 +104,8 @@ public class JDBC {
      * @throws SQLException
      */
     public int executeUpdate(String sql) throws SQLException {
-        try {
-            conn.isValid(2);
         PreparedStatement stmt = conn.prepareStatement(sql);
+
         return stmt.executeUpdate();
-        } catch (SQLNonTransientConnectionException ee) {
-            if (logintodb(usernamec, passwordc, dbnamec, ipc, portc)) {
-                return this.executeUpdate(sql);
-            } else {
-                throw new SQLNonTransientConnectionException();
-            }
-        }
-    }
-
-    /**
-     * check if connection is still established
-     *
-     * @return connection state
-     */
-    public static boolean isConnected() {
-        return loggedin;
-    }
-
-    /**
-     * validate the correctness of the current sql db structure
-     */
-    public void checkDBStructure() {
-        try {
-            ResultSet seti = executeQuery("SELECT COUNT(*) FROM information_schema.tables WHERE table_schema = '" + dbnamec + "'");
-            seti.last();
-            Log.Log.debug("found " + seti.getInt(1) + " tables in db");
-            if (seti.getInt(1) != 5) {
-                // structure not valid
-                Log.Log.info("recreating Database structure!");
-                Scanner s = new Scanner(getClass().getResourceAsStream("/db.sql"));
-                s.useDelimiter("(;(\r)?\n)|(--\n)");
-                Statement st = null;
-                try {
-                    st = conn.createStatement();
-                    while (s.hasNext()) {
-                        String line = s.next();
-                        if (line.startsWith("/*!") && line.endsWith("*/")) {
-                            int i = line.indexOf(' ');
-                            line = line.substring(i + 1, line.length() - " */".length());
-                        }
-
-                        if (line.trim().length() > 0) {
-                            executeUpdate(line);
-                        }
-                    }
-                } finally {
-                    if (st != null) st.close();
-                }
-            } else {
-                Log.Log.message("found valid database structure!");
-            }
-        } catch (SQLException e) {
-            Log.Log.error("a unhandled SQLexception occured at db structure creation.");
-        }
     }
 }

src/java/com/wasteinformationserver/db/MySQLConnector.java

@@ -0,0 +1,29 @@
+package com.wasteinformationserver.db;
+
+import java.sql.Connection;
+import java.sql.DriverManager;
+import java.sql.SQLException;
+
+class MySQLConnector extends Database {
+
+    static {
+        try {
+            Class.forName("com.mysql.cj.jdbc.Driver").getDeclaredConstructor().newInstance();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    public MySQLConnector(String user, String password, String host, int port, String dbName) {
+        super(user, password, host, port, dbName);
+    }
+
+    public Connection getConnection() throws SQLException {
+        DriverManager.setLoginTimeout(1);
+        return DriverManager.getConnection(
+                "jdbc:mysql://" + host + ":" + port + "/" + dbName + "?useSSL=false",
+                user,
+                password);
+    }
+
+}

src/java/com/wasteinformationserver/mqtt/MqttService.kt

@@ -1,13 +1,12 @@
 package com.wasteinformationserver.mqtt
 
-import com.wasteinformationserver.basicutils.Log
 import com.wasteinformationserver.basicutils.Log.Log.debug
 import com.wasteinformationserver.basicutils.Log.Log.error
 import com.wasteinformationserver.basicutils.Log.Log.info
 import com.wasteinformationserver.basicutils.Log.Log.message
-import com.wasteinformationserver.basicutils.Log.Log.warning
 import com.wasteinformationserver.db.JDBC
 import org.eclipse.paho.client.mqttv3.*
+import java.io.IOException
 import java.sql.SQLException
 import java.text.ParseException
 import java.text.SimpleDateFormat
@@ -20,56 +19,51 @@ import java.util.*
  * @author Lukas Heiligenbrunner
  * @author Gregor Dutzler
  */
-class MqttService {
-    private var serveruri: String = "";
-    private lateinit var client: MqttClient;
-    private var db: JDBC = JDBC.getInstance()
+class MqttService(serverurl: String, port: String) {
+    private var client: MqttClient? = null
+    private val serveruri: String
+    private var db: JDBC? = null
 
-    companion object {
-        private val obj = MqttService()
-        fun getInstance(): MqttService {
-            return obj;
-        }
-    }
-
-    fun init(serverurl: String, port: String){
+    /**
+     * init mqtt service
+     * JDBC has to be inited before
+     *
+     * @param serverurl mqtt server ip or hostname
+     * @param port      mqtt server port
+     */
+    init {
         serveruri = "tcp://$serverurl:$port"
+        connect()
     }
 
     /**
      * startup of the mqtt service
      */
     fun startupService() {
-        if(JDBC.isConnected()) {
         try {
-                client = MqttClient(serveruri, "WasteInformationServerID")
+            client = MqttClient(serveruri, "JavaSample42")
             val connOpts = MqttConnectOptions()
             connOpts.isCleanSession = true
-                client.connect(connOpts)
-                client.setCallback(object : MqttCallback {
+            client!!.connect(connOpts)
+            client!!.setCallback(object : MqttCallback {
                 override fun connectionLost(throwable: Throwable) {
                     error("connection lost")
-                        Thread.sleep(500)
-                        // restart service
-                        startupService()
+                    connect()
                 }
 
                 override fun messageArrived(s: String, mqttMessage: MqttMessage) {
                     val deviceid = String(mqttMessage.payload)
                     message("received Request from PCB")
-                        val res = db.executeQuery("SELECT * from devices WHERE DeviceID=$deviceid")
+                    val res = db!!.executeQuery("SELECT * from devices WHERE DeviceID=$deviceid")
                     try {
                         res.last()
-                            if (res.row != 0) {
-                                // existing device
+                        if (res.row != 0) { //existing device
                             res.first()
-                                val devicecities = db.executeQuery("SELECT * from device_city WHERE DeviceID='$deviceid'")
+                            val devicecities = db!!.executeQuery("SELECT * from device_city WHERE DeviceID='$deviceid'")
                             devicecities.last()
-                                if (devicecities.row == 0) {
-                                    // not configured
+                            if (devicecities.row == 0) { //not configured
                                 tramsmitMessage("$deviceid,-1")
-                                }
-                                else {
+                            } else {
                                 devicecities.first()
                                 devicecities.previous()
 
@@ -78,10 +72,8 @@ class MqttService {
                                     checkDatabase(cityid, deviceid.toInt())
                                 }
                             }
-                            }
-                            else {
-                                // new device
-                                db.executeUpdate("INSERT INTO devices (DeviceID) VALUES ($deviceid)")
+                        } else { //new device
+                            db!!.executeUpdate("INSERT INTO devices (DeviceID) VALUES ($deviceid)")
                             info("new device registered to server")
                             tramsmitMessage("$deviceid,-1")
                         }
@@ -92,46 +84,32 @@ class MqttService {
 
                 override fun deliveryComplete(iMqttDeliveryToken: IMqttDeliveryToken) {}
             })
-                client.subscribe("TopicIn")
+            client!!.subscribe("TopicIn")
         } catch (e: MqttException) {
             error("Connection to the Broker failed")
         }
-        }else{
-            Log.error("could't start mqtt service because of missing db connection!")
-        }
     }
 
-    /**
-     * Check if device is configured and zone infos are stored in db
-     *
-     * @param citywastezoneid zone/city id
-     * @param deviceid        device id
-     */
     private fun checkDatabase(citywastezoneid: Int, deviceid: Int) {
         var wastetype = -1
-        val set2 = db.executeQuery("SELECT * FROM cities WHERE `id`='$citywastezoneid'")
+        val set2 = db!!.executeQuery("SELECT * FROM cities WHERE `id`='$citywastezoneid'")
         try {
             set2.last()
-            if (set2.row != 1) {
-                //error
-                warning("multiple Rows with same city id found - DB Error")
-            }
-            else {
+            if (set2.row != 1) { //error
+            } else {
                 val typ = set2.getString("wastetype")
                 wastetype = getIntTyp(typ)
             }
         } catch (e: SQLException) {
             e.printStackTrace()
         }
-        val result = db.executeQuery("SELECT pickupdates.pickupdate FROM pickupdates WHERE pickupdates.citywastezoneid=$citywastezoneid")
+        val result = db!!.executeQuery("SELECT pickupdates.pickupdate FROM pickupdates WHERE pickupdates.citywastezoneid=$citywastezoneid")
         try {
             result.last()
-            if (result.row == 0) {
-                //if not found in db --> send zero
+            if (result.row == 0) { //if not found in db --> send zero
                 debug("not found in db")
                 tramsmitMessage("$deviceid,$wastetype,0")
-            }
-            else {
+            } else {
                 debug(result.getString("pickupdate"))
                 result.first()
                 do {
@@ -146,8 +124,7 @@ class MqttService {
                         return
                     }
                 } while (result.next())
-                tramsmitMessage("$deviceid,$wastetype,0")
-                //transmit zero if not returned before
+                tramsmitMessage("$deviceid,$wastetype,0") //transmit zero if not returned before
             }
         } catch (e: SQLException) {
             e.printStackTrace()
@@ -156,30 +133,46 @@ class MqttService {
         }
     }
 
-    /**
-     * send a mqtt message to predefined topic
-     */
     private fun tramsmitMessage(temp: String) {
-        message("reply back to PCB: $temp")
+        debug("sending message >>>$temp")
         val message = MqttMessage(temp.toByteArray())
         message.qos = 2
         try {
-            client.publish("TopicOut", message)
+            client!!.publish("TopicOut", message)
         } catch (e: MqttException) {
             e.printStackTrace()
         }
     }
 
-    /**
-     * parse Type name to representing integer value
-     */
+    private fun getTyp(number: Int): String? {
+        if (number == 1) {
+            return "Plastic"
+        } else if (number == 2) {
+            return "Metal"
+        } else if (number == 3) {
+            return "Residual waste"
+        } else if (number == 4) {
+            return "Biowaste"
+        }
+        return null
+    }
+
     private fun getIntTyp(temp: String): Int {
-        return when (temp) {
-            "Plastic" -> 1
-            "Metal" -> 2
-            "Residual waste" -> 3
-            "Biowaste" -> 4
-            else -> 0
+        var number = 0
+        when (temp) {
+            "Plastic" -> number = 1
+            "Metal" -> number = 2
+            "Residual waste" -> number = 3
+            "Biowaste" -> number = 4
+        }
+        return number
+    }
+
+    private fun connect() {
+        try {
+            db = JDBC.getInstance()
+        } catch (e: IOException) {
+            error("no connetion to db")
         }
     }
 }

src/java/com/wasteinformationserver/website/HttpTools.kt

@@ -17,7 +17,7 @@ class HttpTools {
          * @param value input string
          * @return md5 hash
          */
-        fun stringToMD5(value: String): String {
+        fun StringToMD5(value: String): String {
             return try {
                 val md = MessageDigest.getInstance("MD5")
                 val messageDigest = md.digest(value.toByteArray())

src/java/com/wasteinformationserver/website/MainPage.kt

@@ -4,15 +4,9 @@ import com.sun.net.httpserver.HttpExchange
 import com.sun.net.httpserver.HttpHandler
 import com.wasteinformationserver.basicutils.Log.Log.debug
 import com.wasteinformationserver.basicutils.Log.Log.warning
-import com.wasteinformationserver.basicutils.Storage
 import com.wasteinformationserver.website.datarequests.login.LoginState
 import java.io.IOException
 
-/**
- * Http handler to deliver all the main pages (index.html ...)
- *
- * @author Lukas Heiligenbrunner
- */
 class MainPage : HttpHandler {
     @Throws(IOException::class)
     override fun handle(t: HttpExchange) {
@@ -20,20 +14,15 @@ class MainPage : HttpHandler {
         if (path == "/") {
             path += "index.html"
         }
-
         debug("looking for: $path")
         if (path.contains(".html")) {
-            // if not logged in allow only register and index page!
-            if (LoginState.getObject().isLoggedIn || path == "/register.html" || path == "/index.html") {
+            if (LoginState.getObject().isLoggedIn || path == "/register.html" || path == "/index.html") { //pass only register page
                 sendPage(path, t)
-            }
-            else {
+            } else {
                 warning("user not logged in --> redirecting to login page")
                 sendPage("/index.html", t)
             }
-        }
-        else {
-            //only detect login state on html pages
+        } else { //only detect login state on html pages
             sendPage(path, t)
         }
     }
@@ -44,11 +33,9 @@ class MainPage : HttpHandler {
         if (fs == null && path.contains(".html")) {
             warning("wrong page sending 404")
             sendPage("/404Error.html", t)
-        }
-        else if (fs == null) {
+        } else if (fs == null) {
             warning("requested resource doesnt exist --> $path")
-        }
-        else { // Object exists and is a file: accept with response code 200.
+        } else { // Object exists and is a file: accept with response code 200.
             var mime = "text/html"
             val s = path.substring(path.length - 3)
             if (s == ".js") mime = "application/javascript"

src/java/com/wasteinformationserver/website/Webserver.kt

@@ -10,11 +10,6 @@ import java.io.IOException
 import java.net.BindException
 import java.net.InetSocketAddress
 
-/**
- * class to create the website nodes at specific paths
- *
- * @author Lukas Heiligenbrunner
- */
 class Webserver {
     fun startserver() {
         info("starting Webserver")
@@ -28,7 +23,7 @@ class Webserver {
             server.createContext("/senddata/admindata", AdminRequests())
             server.createContext("/senddata/newdate", NewDateRequest())
             server.createContext("/senddata/Devicedata", DeviceRequest())
-            server.executor = java.util.concurrent.Executors.newCachedThreadPool() // creates a default executor
+            server.executor = null // creates a default executor
             server.start()
             info("Server available at http://127.0.0.1:8000 now")
         } catch (e: BindException) {

src/java/com/wasteinformationserver/website/datarequests/AdminRequests.java

@@ -9,25 +9,14 @@ import java.net.URISyntaxException;
 import java.util.ArrayList;
 import java.util.HashMap;
 
-/**
- * all requests for Admin page
- *
- * @author Lukas Heiligenbrunner
- */
 public class AdminRequests extends PostRequest {
     @Override
     public String request(HashMap<String, String> params) {
         String result = "";
         switch (params.get("action")) {
-            /**
-             * shut down the whole application
-             */
             case "shutdownserver":
                 System.exit(0);
                 break;
-            /**
-             * restart the server application
-             */
             case "restartserver":
                 final String javaBin = System.getProperty("java.home") + File.separator + "bin" + File.separator + "java";
                 File currentJar = null;
@@ -42,7 +31,7 @@ public class AdminRequests extends PostRequest {
                     Log.Log.warning("not jar --> cant restart");
 
                 /* Build command: java -jar application.jar */
-                final ArrayList<String> command = new ArrayList<>();
+                final ArrayList<String> command = new ArrayList<String>();
                 command.add(javaBin);
                 command.add("-jar");
                 command.add(currentJar.getPath());

src/java/com/wasteinformationserver/website/datarequests/DataRequest.kt

@@ -6,33 +6,25 @@ import com.wasteinformationserver.basicutils.Log.Log.error
 import com.wasteinformationserver.basicutils.Log.Log.warning
 import com.wasteinformationserver.db.JDBC
 import com.wasteinformationserver.website.basicrequest.PostRequest
+import java.io.IOException
 import java.sql.ResultSet
 import java.sql.SQLException
 import java.sql.SQLIntegrityConstraintViolationException
 import java.text.SimpleDateFormat
 import java.util.*
 
-/**
- * General Datarequests for Dashboard
- *
- * @author Lukas Heiligenbrunner
- */
 class DataRequest : PostRequest() {
     override fun request(params: HashMap<String, String>): String {
         val sb = StringBuilder()
         var set: ResultSet?
         var status = -1
-
-        if (!JDBC.isConnected()) {
+        val jdbc: JDBC = try {
+            JDBC.getInstance()
+        } catch (e: IOException) {
             error("no connection to db")
             return "{\"query\" : \"nodbconn\"}"
         }
-        val jdbc: JDBC = JDBC.getInstance()
-
         when (params["action"]) {
-            /**
-             * create a new city entry in db
-             */
             "newCity" -> {
                 sb.append("{")
                 debug(params.toString())
@@ -71,9 +63,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * return all defined cities from db
-             */
             "getAllCities" -> {
                 set = jdbc.executeQuery("select * from cities")
                 debug(set.toString())
@@ -95,9 +84,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * delete a specific city
-             */
             "deletecity" -> {
                 //DELETE FROM `cities` WHERE `id`=0
                 sb.append("{")
@@ -120,9 +106,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * returns all configured dates with its city and zone
-             */
             "getAllDates" -> {
                 set = jdbc.executeQuery("SELECT pickupdates.id,pickupdates.pickupdate,cities.userid,cities.name,cities.wastetype,cities.zone " +
                         "FROM `pickupdates` INNER JOIN `cities` ON pickupdates.citywastezoneid = cities.id")
@@ -145,9 +128,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * delete a specific date
-             */
             "deletedate" -> {
                 sb.append("{")
                 try {
@@ -168,9 +148,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * return version foot data
-             */
             "getversionandbuildtime" -> {
                 sb.append("{")
                 sb.append("\"version\" : \"" + Info.getVersion() + "\"")
@@ -178,9 +155,6 @@ class DataRequest : PostRequest() {
                 sb.append(",\"query\":\"ok\"")
                 sb.append("}")
             }
-            /**
-             * return head data with basic collection infos
-             */
             "getStartHeaderData" -> {
                 sb.append("{")
                 try {

src/java/com/wasteinformationserver/website/datarequests/DeviceRequest.kt

@@ -1,80 +1,93 @@
 package com.wasteinformationserver.website.datarequests
 
+import com.google.gson.Gson
+import com.google.gson.JsonArray
+import com.google.gson.JsonObject
+import com.wasteinformationserver.basicutils.Log
 import com.wasteinformationserver.basicutils.Log.Log.debug
 import com.wasteinformationserver.basicutils.Log.Log.error
 import com.wasteinformationserver.db.JDBC
 import com.wasteinformationserver.website.basicrequest.PostRequest
+import java.io.IOException
 import java.sql.ResultSet
 import java.sql.SQLException
 import java.util.*
 
-/**
- * Class for all requests on device Page
- *
- * @author Lukas Heiligenbrunner
- */
 class DeviceRequest : PostRequest() {
     override fun request(params: HashMap<String, String>): String {
-        if (!JDBC.isConnected()) {
-            error("no connection to db")
-            return "{\"query\" : \"nodbconn\"}"
+        var jdbc: JDBC? = null
+        try {
+            jdbc = JDBC.getInstance()
+        } catch (e: IOException) {
+            e.printStackTrace()
         }
-        val jdbc: JDBC = JDBC.getInstance()
-
         val sb = StringBuilder()
-        val deviceset: ResultSet
+        var deviceset: ResultSet
+
+        val gson = Gson()
+        val elem = gson.toJsonTree(Object())
+
         when (params["action"]) {
-            /**
-             * return all available devices
-             */
             "getdevices" -> {
-                deviceset = jdbc.executeQuery("SELECT * FROM `devices")
+                deviceset = jdbc!!.executeQuery("SELECT * FROM `devices")
+                elem.asJsonObject.add("data", JsonArray())
                 sb.append("{\"data\":[")
                 try {
                     while (deviceset.next()) {
                         val deviceid = deviceset.getInt("DeviceID")
                         val cityid = deviceset.getInt("CityID")
                         if (cityid == -1) {
-                            sb.append("{\"deviceid\":").append(deviceid).append(",\"cityid\":").append(cityid).append("}")
+                            val obj = JsonObject()
+                            obj.addProperty("deviceid", deviceid)
+                            obj.addProperty("cityid", cityid)
+                            elem.asJsonObject.get("data").asJsonArray.add(obj)
                         }
                         else {
+                            val obj = JsonObject()
                             val devicename = deviceset.getString("DeviceName")
                             val devicelocation = deviceset.getString("DeviceLocation")
-                            sb.append("{\"deviceid\":").append(deviceid).append(",\"devicename\":\"").append(devicename).append("\",\"devicelocation\":\"").append(devicelocation).append("\",\"devices\":[")
+                            obj.addProperty("deviceid", deviceid)
+                            obj.addProperty("devicename", devicename)
+                            obj.addProperty("devicelocation", devicelocation)
+
+                            val locations = JsonArray()
+                            obj.add("locations", locations)
+
+                            elem.asJsonObject.get("data").asJsonArray.add(obj)
+
                             val devicecities = jdbc.executeQuery("SELECT * FROM `device_city` INNER JOIN `cities` ON device_city.CityID=cities.id WHERE `DeviceID`='$deviceid'")
                             while (devicecities.next()) {
                                 val cityidd = devicecities.getInt("id")
                                 val cityname = devicecities.getString("name")
                                 val wastetype = devicecities.getString("wastetype")
                                 val zone = devicecities.getString("zone")
-                                sb.append("{\"cityid\":").append(cityidd).append(",\"cityname\":\"").append(cityname).append("\",\"wastetype\":\"").append(wastetype).append("\",\"zone\":\"").append(zone).append("\"}")
-                                if (!devicecities.isLast) {
-                                    sb.append(",")
+
+                                val objc = JsonObject()
+                                objc.addProperty("cityid", cityidd)
+                                objc.addProperty("cityname", cityname)
+                                objc.addProperty("wastetype", wastetype)
+                                objc.addProperty("zone", zone)
+
+                                locations.add(objc)
+                                // todo better var names
+                                // todo implement in js and other methods
                             }
                         }
-                            sb.append("]}")
                     }
-                        if (!deviceset.isLast) {
-                            sb.append(",")
-                        }
-                    }
-                    sb.append("]}")
+                    Log.debug(gson.toJson(elem))
                 } catch (e: SQLException) {
                     e.printStackTrace()
                 }
             }
-            /**
-             * returns all available city names
-             */
             "getCitynames" -> {
-                deviceset = jdbc.executeQuery("select * from cities")
+                deviceset = jdbc!!.executeQuery("select * from cities")
                 debug(deviceset.toString())
                 sb.append("{")
                 try {
                     var prev = ""
                     while (deviceset.next()) {
                         if (prev != deviceset.getString("name")) {
-                            if (!deviceset.isFirst) {
+                            if (!deviceset.isFirst()) {
                                 sb.append(",")
                             }
                             sb.append("\"").append(deviceset.getString("name")).append("\":\"").append(deviceset.getString("name")).append("\"")
@@ -87,11 +100,8 @@ class DeviceRequest : PostRequest() {
                 sb.append("}")
                 debug(sb.toString())
             }
-            /**
-             * returns all available zones for specified city
-             */
             "getzones" -> {
-                deviceset = jdbc.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' ORDER BY zone ASC")
+                deviceset = jdbc!!.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' ORDER BY zone ASC")
                 debug(deviceset.toString())
                 sb.append("{")
                 try {
@@ -99,7 +109,7 @@ class DeviceRequest : PostRequest() {
                     while (deviceset.next()) {
                         if (prev != deviceset.getInt("zone")) {
                             sb.append("\"").append(deviceset.getInt("zone")).append("\":\"").append(deviceset.getInt("zone")).append("\"")
-                            if (!deviceset.isLast) {
+                            if (!deviceset.isLast()) {
                                 sb.append(",")
                             }
                         }
@@ -110,11 +120,8 @@ class DeviceRequest : PostRequest() {
                 }
                 sb.append("}")
             }
-            /**
-             * returns all available waste types for specified zone and city
-             */
             "gettypes" -> {
-                deviceset = jdbc.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zonename"] + "' ORDER BY zone ASC")
+                deviceset = jdbc!!.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zonename"] + "' ORDER BY zone ASC")
                 debug(deviceset.toString())
                 sb.append("{")
                 try {
@@ -122,7 +129,7 @@ class DeviceRequest : PostRequest() {
                     while (deviceset.next()) {
                         if (prev != deviceset.getString("wastetype")) {
                             sb.append("\"" + deviceset.getString("wastetype") + "\":\"" + deviceset.getString("wastetype") + "\"")
-                            if (!deviceset.isLast) {
+                            if (!deviceset.isLast()) {
                                 sb.append(",")
                             }
                         }
@@ -133,11 +140,8 @@ class DeviceRequest : PostRequest() {
                 }
                 sb.append("}")
             }
-            /**
-             * configure device and save infos to db
-             */
             "savetodb" -> try {
-                val cityset = jdbc.executeQuery("SELECT id from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zonename"] + "' AND `wastetype`='" + params["wastetype"] + "'")
+                val cityset = jdbc!!.executeQuery("SELECT id from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zonename"] + "' AND `wastetype`='" + params["wastetype"] + "'")
                 cityset.last()
                 if (cityset.row != 1) {
                     error("error saving device to db --> device multiply defined?")
@@ -152,50 +156,35 @@ class DeviceRequest : PostRequest() {
             } catch (e: SQLException) {
                 e.printStackTrace()
             }
-            /**
-             * delete a configured device from db
-             */
             "deleteDevice" -> {
                 try {
-                    jdbc.executeUpdate("DELETE FROM devices WHERE `DeviceID`='" + params["id"] + "'")
+                    jdbc!!.executeUpdate("DELETE FROM devices WHERE `DeviceID`='" + params["id"] + "'")
                     jdbc.executeUpdate("DELETE FROM device_city WHERE `DeviceID`='" + params["id"] + "'")
                 } catch (e: SQLException) {
                     e.printStackTrace()
                 }
                 sb.append("{\"status\":\"success\"}")
             }
-            /**
-             * add new city/zone/type to db to existing one
-             */
+            "getDeviceNumber" -> try {
+                val numberset = jdbc!!.executeQuery("SELECT * FROM devices")
+                numberset.last()
+                val devicenr = numberset.row
+                sb.append("{\"devicenr\":\"$devicenr\"}")
+            } catch (e: SQLException) {
+                e.printStackTrace()
+            }
             "addtodb" -> {
+                var cityid = -1
                 try {
-                    val device = jdbc.executeQuery("SELECT * FROM cities WHERE name='" + params["cityname"] + "' AND wastetype='" + params["wastetype"] + "' AND zone='" + params["zonename"] + "'")
+                    val device = jdbc!!.executeQuery("SELECT * FROM cities WHERE name='" + params["cityname"] + "' AND wastetype='" + params["wastetype"] + "' AND zone='" + params["zonename"] + "'")
                     device.first()
-                    val cityid = device.getInt("id")
+                    cityid = device.getInt("id")
                     jdbc.executeUpdate("INSERT INTO `device_city` (`DeviceID`, `CityID`) VALUES ('" + params["deviceid"] + "', '" + cityid + "');")
                 } catch (e: SQLException) {
                     e.printStackTrace()
                 }
                 sb.append("{\"success\":true}")
             }
-            /**
-             * return header information such as devicenumber and number of unconfigured devices
-             */
-            "getheader" -> {
-                try {
-                    var numberset = jdbc.executeQuery("SELECT * FROM devices")
-                    numberset.last()
-                    val devicenr = numberset.row
-
-                    numberset = jdbc.executeQuery("SELECT * FROM devices WHERE CityID=-1")
-                    numberset.last()
-                    val unconfigureddevices = numberset.row
-
-                    sb.append("{\"success\":true,\"devicenumber\":$devicenr, \"unconfigureddevices\":$unconfigureddevices}")
-                } catch (e: SQLException) {
-                    e.printStackTrace()
-                }
-            }
         }
         return sb.toString()
     }

src/java/com/wasteinformationserver/website/datarequests/NewDateRequest.java

@@ -0,0 +1,127 @@
+package com.wasteinformationserver.website.datarequests;
+
+import com.wasteinformationserver.basicutils.Log;
+import com.wasteinformationserver.db.JDBC;
+import com.wasteinformationserver.website.basicrequest.PostRequest;
+
+import java.io.IOException;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import java.util.HashMap;
+
+public class NewDateRequest extends PostRequest {
+    @Override
+    public String request(HashMap<String, String> params) {
+        StringBuilder sb = new StringBuilder();
+        JDBC jdbc;
+        ResultSet set;
+        try {
+            jdbc = JDBC.getInstance();
+        } catch (IOException e) {
+            Log.Log.error("no connection to db");
+            return "{\"query\" : \"nodbconn\"}";
+        }
+        switch (params.get("action")) {
+            case "getCitynames":
+                set = jdbc.executeQuery("select * from cities");
+                Log.Log.debug(set.toString());
+                sb.append("{\"data\":[");
+                try {
+                    String prev = "";
+                    while (set.next()) {
+                        if (prev.equals(set.getString("name"))) {
+
+                        } else {
+                            if (!set.isFirst()) {
+                                sb.append(",");
+                            }
+                            sb.append("{\"cityname\":\"" + set.getString("name") + "\"}");
+                        }
+                        prev = set.getString("name");
+                    }
+                } catch (SQLException e) {
+                    e.printStackTrace();
+                }
+                sb.append("]");
+                sb.append(",\"query\":\"ok\"");
+                sb.append("}");
+                Log.Log.debug(sb.toString());
+                break;
+            case "getzones":
+                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params.get("cityname") + "' ORDER BY zone ASC");
+                Log.Log.debug(set.toString());
+                sb.append("{\"data\":[");
+                try {
+                    int prev = 42;
+                    while (set.next()) {
+                        if (prev == set.getInt("zone")) {
+
+                        } else {
+                            sb.append("{\"zone\":\"" + set.getInt("zone") + "\"}");
+                            if (!set.isLast()) {
+                                sb.append(",");
+                            }
+                        }
+                        prev = set.getInt("zone");
+                    }
+                } catch (SQLException e) {
+                    e.printStackTrace();
+                }
+                sb.append("]");
+                sb.append(",\"query\":\"ok\"");
+                sb.append("}");
+                break;
+            case "gettypes":
+                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params.get("cityname") + "' AND `zone`='"+params.get("zonename")+"' ORDER BY zone ASC");
+                Log.Log.debug(set.toString());
+                sb.append("{\"data\":[");
+                try {
+                    String prev = "42";
+                    while (set.next()) {
+                        if (prev == set.getString("wastetype")) {
+
+                        } else {
+                            sb.append("{\"wastetype\":\"" + set.getString("wastetype") + "\"}");
+                            if (!set.isLast()) {
+                                sb.append(",");
+                            }
+                        }
+                        prev = set.getString("wastetype");
+                    }
+                } catch (SQLException e) {
+                    e.printStackTrace();
+                }
+                sb.append("]");
+                sb.append(",\"query\":\"ok\"");
+                sb.append("}");
+                break;
+            case "newdate":
+                sb.append("{");
+                Log.Log.debug(params);
+                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params.get("cityname") + "' AND `zone`='" + params.get("zone") + "' AND `wastetype`='" + params.get("wastetype") + "'");
+                try {
+                    set.last();
+                    if (set.getRow() == 1) {
+                        Log.Log.debug(set.getInt("id"));
+
+                        int status = jdbc.executeUpdate("INSERT INTO `pickupdates`(`citywastezoneid`, `pickupdate`) VALUES ('" + set.getInt("id") + "','" + params.get("date") + "')");
+                        if (status == 1) {
+                            sb.append("\"status\" : \"success\"");
+                        } else {
+                            sb.append("\"status\" : \"error\"");
+                        }
+                    } else {
+                        Log.Log.warning("city doesnt exist!");
+                        sb.append("\"status\" : \"citydoesntexist\"");
+                    }
+
+                } catch (SQLException e) {
+                    e.printStackTrace();
+                }
+                sb.append(",\"query\":\"ok\"");
+                sb.append("}");
+                break;
+        }
+        return sb.toString();
+    }
+}

src/java/com/wasteinformationserver/website/datarequests/NewDateRequest.kt

@@ -1,124 +0,0 @@
-package com.wasteinformationserver.website.datarequests
-
-import com.wasteinformationserver.basicutils.Log.Log.debug
-import com.wasteinformationserver.basicutils.Log.Log.error
-import com.wasteinformationserver.basicutils.Log.Log.warning
-import com.wasteinformationserver.db.JDBC
-import com.wasteinformationserver.website.basicrequest.PostRequest
-import java.sql.ResultSet
-import java.sql.SQLException
-
-/**
- * todo
- *
- * @author Lukas Heiligenbrunner
- */
-class NewDateRequest : PostRequest() {
-    override fun request(params: HashMap<String, String>): String {
-        val sb = StringBuilder()
-        val set: ResultSet
-
-        if (!JDBC.isConnected()) {
-            error("no connection to db")
-            return "{\"query\" : \"nodbconn\"}"
-        }
-        val jdbc: JDBC = JDBC.getInstance()
-
-        when (params["action"]) {
-            "getCitynames" -> {
-                set = jdbc.executeQuery("select * from cities")
-                debug(set.toString())
-                sb.append("{\"data\":[")
-                try {
-                    var prev = ""
-                    while (set.next()) {
-                        if (prev != set.getString("name")) { // not same --> new element
-                            if (!set.isFirst) {
-                                sb.append(",")
-                            }
-                            sb.append("{\"cityname\":\"" + set.getString("name") + "\"}")
-                        }
-                        prev = set.getString("name")
-                    }
-                } catch (e: SQLException) {
-                    e.printStackTrace()
-                }
-                sb.append("]")
-                sb.append(",\"query\":\"ok\"")
-                sb.append("}")
-                debug(sb.toString())
-            }
-            "getzones" -> {
-                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' ORDER BY zone ASC")
-                debug(set.toString())
-                sb.append("{\"data\":[")
-                try {
-                    var prev = 42
-                    while (set.next()) {
-                        if (prev != set.getInt("zone")) { // not same --> append next
-                            sb.append("{\"zone\":\"" + set.getInt("zone") + "\"}")
-                            if (!set.isLast) {
-                                sb.append(",")
-                            }
-                        }
-                        prev = set.getInt("zone")
-                    }
-                } catch (e: SQLException) {
-                    e.printStackTrace()
-                }
-                sb.append("]")
-                sb.append(",\"query\":\"ok\"")
-                sb.append("}")
-            }
-            "gettypes" -> {
-                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zonename"] + "' ORDER BY zone ASC")
-                debug(set.toString())
-                sb.append("{\"data\":[")
-                try {
-                    var prev = "42"
-                    while (set.next()) {
-                        if (prev !== set.getString("wastetype")) {
-                            sb.append("{\"wastetype\":\"" + set.getString("wastetype") + "\"}")
-                            if (!set.isLast) {
-                                sb.append(",")
-                            }
-                        }
-                        prev = set.getString("wastetype")
-                    }
-                } catch (e: SQLException) {
-                    e.printStackTrace()
-                }
-                sb.append("]")
-                sb.append(",\"query\":\"ok\"")
-                sb.append("}")
-            }
-            "newdate" -> {
-                sb.append("{")
-                debug(params)
-                set = jdbc.executeQuery("select * from cities WHERE `name`='" + params["cityname"] + "' AND `zone`='" + params["zone"] + "' AND `wastetype`='" + params["wastetype"] + "'")
-                try {
-                    set.last()
-                    if (set.row == 1) {
-                        debug(set.getInt("id"))
-                        val status = jdbc.executeUpdate("INSERT INTO `pickupdates`(`citywastezoneid`, `pickupdate`) VALUES ('" + set.getInt("id") + "','" + params["date"] + "')")
-                        if (status == 1) {
-                            sb.append("\"status\" : \"success\"")
-                        }
-                        else {
-                            sb.append("\"status\" : \"error\"")
-                        }
-                    }
-                    else {
-                        warning("city doesnt exist!")
-                        sb.append("\"status\" : \"citydoesntexist\"")
-                    }
-                } catch (e: SQLException) {
-                    e.printStackTrace()
-                }
-                sb.append(",\"query\":\"ok\"")
-                sb.append("}")
-            }
-        }
-        return sb.toString()
-    }
-}

src/java/com/wasteinformationserver/website/datarequests/RegisterRequest.kt

@@ -3,7 +3,7 @@ package com.wasteinformationserver.website.datarequests
 import com.wasteinformationserver.basicutils.Log
 import com.wasteinformationserver.basicutils.Log.Log.debug
 import com.wasteinformationserver.db.JDBC
-import com.wasteinformationserver.website.HttpTools.Companion.stringToMD5
+import com.wasteinformationserver.website.HttpTools.Companion.StringToMD5
 import com.wasteinformationserver.website.basicrequest.PostRequest
 import java.io.IOException
 import java.sql.SQLException
@@ -12,16 +12,15 @@ import java.util.*
 class RegisterRequest : PostRequest() {
     override fun request(params: HashMap<String, String>): String {
         debug(params.toString())
-        val passhash = stringToMD5(params["password"]!!)
-        val reply: StringBuilder = StringBuilder("{")
+        val passhash = StringToMD5(params["password"]!!)
+        var reply: StringBuilder = StringBuilder("{")
         try {
-            val myjd: JDBC = JDBC.getInstance()
+            var myjd: JDBC = JDBC.getInstance()
 
             val status = myjd.executeUpdate("INSERT INTO `user` (`username`, `firstName`, `secondName`, `password`, `email`, `logindate`) VALUES ('" + params["username"] + "', '" + params["firstname"] + "', '" + params["lastname"] + "', '" + passhash + "', '" + params["email"] + "', current_timestamp());")
             if (status == 1) {
                 reply.append("\"accept\": true")
-            }
-            else {
+            } else {
                 reply.append("\"accept\": false")
             }
 

src/java/com/wasteinformationserver/website/datarequests/UserInfoRequest.kt

@@ -6,7 +6,7 @@ import java.util.*
 class UserInfoRequest : PostRequest() {
     override fun request(params: HashMap<String, String>): String {
         //TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
-        when (params["action"]) {
+        when (params.get("action")) {
             "getlogins" -> {
                 println("heyho")
             }
@@ -14,6 +14,6 @@ class UserInfoRequest : PostRequest() {
                 //todo o
             }
         }
-        return "{}"
+        return "{}";
     }
 }

src/java/com/wasteinformationserver/website/datarequests/login/LoginRequest.kt

@@ -3,19 +3,17 @@ package com.wasteinformationserver.website.datarequests.login
 import com.wasteinformationserver.basicutils.Log.Log.debug
 import com.wasteinformationserver.basicutils.Log.Log.error
 import com.wasteinformationserver.basicutils.Log.Log.message
-import com.wasteinformationserver.basicutils.Storage
 import com.wasteinformationserver.db.JDBC
-import com.wasteinformationserver.website.HttpTools.Companion.stringToMD5
+import com.wasteinformationserver.website.HttpTools.Companion.StringToMD5
 import com.wasteinformationserver.website.basicrequest.PostRequest
+import java.io.IOException
 import java.sql.SQLException
 import java.util.*
 
 /**
- * request handler of new user login requests
+ * request handler of new login request of user
  * - checks the truth of username and password
  * - replies right error messages or the success login
- *
- * @author Lukas Heiligenbrunner
  */
 class LoginRequest : PostRequest() {
     override fun request(params: HashMap<String, String>): String {
@@ -24,40 +22,28 @@ class LoginRequest : PostRequest() {
         val username = params["username"]
         val jdbc: JDBC = try {
             JDBC.getInstance()
-        } catch (e: Exception) {
-            error("no connection to db" + e.printStackTrace())
+        } catch (e: IOException) {
+            error("no connection to db")
             return "{\"status\" : \"nodbconn\"}"
         }
-
-        if (!Storage.getInstance().isEveryThingDefined()) {
-            error("config not configured correctly")
-            return "{\"status\" : \"conferror\"}"
-        }
-
         val s = jdbc.executeQuery("select * from user where username ='$username'")
 
         debug("successfully logged in to db")
         var response = "{\"accept\": false}"
         try {
             s.last()
-            if (s.row == 1) {
-                //success
-                if (stringToMD5(password!!) == s.getString("password")) {
+            if (s.row == 1) { //success
+                if (StringToMD5(password!!) == s.getString("password")) {
                     debug("login success")
                     LoginState.getObject().logIn()
                     LoginState.getObject().setAccountData(username, s.getString("firstName"), s.getString("secondName"), s.getString("email"), s.getInt("permission"))
                     response = "{\"accept\": true}"
-                }
-                else {
+                } else {
                     debug("wrong password")
                 }
-            }
-            else if (s.row == 0) {
-                //user not found
+            } else if (s.row == 0) { //user not found
                 debug("user not found")
-            }
-            else {
-                //internal error two users with same name...?
+            } else { //internal error two users with same name...?
                 error("there seem to be two users with same name")
             }
             debug("rowcount: " + s.row)

src/java/com/wasteinformationserver/website/datarequests/login/LoginState.java

@@ -1,16 +1,12 @@
 package com.wasteinformationserver.website.datarequests.login;
 
 /**
- * singleton representing the login state of the user
+ *
  */
 public class LoginState {
 
-    private static final LoginState mythis = new LoginState();
+    private static LoginState mythis = new LoginState();
 
-    /**
-     * get object
-     * @return LoginState instance
-     */
     public static LoginState getObject() {
         return mythis;
     }
@@ -21,26 +17,16 @@ public class LoginState {
     private String email;
     private int permission;
 
-    private boolean loggedin = false;
+    boolean loggedin = false;
 
-    /**
-     * login the user
-     */
     public void logIn() {
         loggedin = true;
     }
 
-    /**
-     * logout the user
-     */
     public void logOut() {
         loggedin = false;
     }
 
-    /**
-     * set the account infos
-     * username, firstname, lastname, email and permission level
-     */
     public void setAccountData(String username, String firstname, String lastname, String email, int permission) {
         this.username = username;
         this.firstname = firstname;
@@ -49,50 +35,26 @@ public class LoginState {
         this.permission = permission;
     }
 
-    /**
-     * check if user is logged in
-     * @return loginstate
-     */
     public boolean isLoggedIn() {
         return loggedin;
     }
 
-    /**
-     * get username
-     * @return username
-     */
     public String getUsername() {
         return username;
     }
 
-    /**
-     * get firstname
-     * @return firstname
-     */
     public String getFirstname() {
         return firstname;
     }
 
-    /**
-     * get lastname
-     * @return lastname
-     */
     public String getLastname() {
         return lastname;
     }
 
-    /**
-     * get email address
-     * @return mail address
-     */
     public String getEmail() {
         return email;
     }
 
-    /**
-     * get permission level
-     * @return level as int
-     */
     public int getPermission() {
         return permission;
     }

src/resources/db.sql

@@ -1,87 +0,0 @@
-SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
-SET time_zone = "+00:00";
-
-/*!40101 SET @OLD_CHARACTER_SET_CLIENT = @@CHARACTER_SET_CLIENT */;
-/*!40101 SET @OLD_CHARACTER_SET_RESULTS = @@CHARACTER_SET_RESULTS */;
-/*!40101 SET @OLD_COLLATION_CONNECTION = @@COLLATION_CONNECTION */;
-/*!40101 SET NAMES utf8mb4 */;
-
-
-CREATE TABLE cities
-(
-    id        int(11)      NOT NULL,
-    userid    int(11)      NOT NULL,
-    name      varchar(256) NOT NULL,
-    wastetype varchar(64)  NOT NULL,
-    zone      int(11)      NOT NULL
-) ENGINE = InnoDB
-  DEFAULT CHARSET = utf8;
-
-CREATE TABLE devices
-(
-    DeviceID       int(11) NOT NULL,
-    CityID         int(11) NOT NULL DEFAULT '-1',
-    DeviceName     varchar(15)      DEFAULT NULL,
-    DeviceLocation varchar(15)      DEFAULT NULL
-) ENGINE = InnoDB
-  DEFAULT CHARSET = utf8mb4;
-
-CREATE TABLE device_city
-(
-    DeviceID int(11) NOT NULL,
-    CityID   int(11) NOT NULL
-) ENGINE = InnoDB
-  DEFAULT CHARSET = utf8mb4;
-
-CREATE TABLE pickupdates
-(
-    id              int(11) NOT NULL,
-    citywastezoneid int(11) NOT NULL,
-    pickupdate      date    NOT NULL
-) ENGINE = InnoDB
-  DEFAULT CHARSET = utf8;
-
-CREATE TABLE `user`
-(
-    id         int(11)      NOT NULL,
-    username   varchar(150) NOT NULL,
-    firstName  varchar(32)  NOT NULL,
-    secondName varchar(32)  NOT NULL,
-    password   varchar(32)  NOT NULL,
-    permission int(11)      NOT NULL DEFAULT '0',
-    email      varchar(64)  NOT NULL,
-    logindate  timestamp    NOT NULL DEFAULT CURRENT_TIMESTAMP
-) ENGINE = InnoDB
-  DEFAULT CHARSET = utf8;
-
-
-ALTER TABLE cities
-    ADD PRIMARY KEY (id);
-
-ALTER TABLE devices
-    ADD PRIMARY KEY (DeviceID);
-
-ALTER TABLE pickupdates
-    ADD PRIMARY KEY (id),
-    ADD KEY citywastezoneid (citywastezoneid);
-
-ALTER TABLE `user`
-    ADD PRIMARY KEY (id);
-
-
-ALTER TABLE cities
-    MODIFY id int(11) NOT NULL AUTO_INCREMENT,
-    AUTO_INCREMENT = 143;
-ALTER TABLE pickupdates
-    MODIFY id int(11) NOT NULL AUTO_INCREMENT,
-    AUTO_INCREMENT = 67;
-ALTER TABLE `user`
-    MODIFY id int(11) NOT NULL AUTO_INCREMENT,
-    AUTO_INCREMENT = 17;
-
-ALTER TABLE pickupdates
-    ADD CONSTRAINT pickupdates_ibfk_1 FOREIGN KEY (citywastezoneid) REFERENCES cities (id);
-
-/*!40101 SET CHARACTER_SET_CLIENT = @OLD_CHARACTER_SET_CLIENT */;
-/*!40101 SET CHARACTER_SET_RESULTS = @OLD_CHARACTER_SET_RESULTS */;
-/*!40101 SET COLLATION_CONNECTION = @OLD_COLLATION_CONNECTION */;

src/resources/wwwroot/404Error.html

@@ -118,5 +118,7 @@
 <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="lib/AdminLTE/dist/js/adminlte.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="lib/AdminLTE/dist/js/demo.js"></script>
 </body>
 </html>

src/resources/wwwroot/adminpanel.html

@@ -6,27 +6,38 @@
     <title>WasteInformation Server</title>
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-
-    <!-- AdminLTE Libs -->
     <!-- Font Awesome -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/fontawesome-free/css/all.min.css">
     <!-- Ionicons -->
     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
     <!-- DataTables -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/datatables-bs4/css/dataTables.bootstrap4.css">
-
-    <!-- !Theme style -->
+    <!-- Tempusdominus Bbootstrap 4 -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
+    <!-- iCheck -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
+    <!-- JQVMap -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/jqvmap/jqvmap.min.css">
+    <!-- Theme style -->
     <link rel="stylesheet" href="lib/AdminLTE/dist/css/adminlte.min.css">
-    <!-- !overlayScrollbars -->
+    <!-- overlayScrollbars -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
+    <!-- Daterange picker -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/daterangepicker/daterangepicker.css">
+    <!-- summernote -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/summernote/summernote-bs4.css">
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
 
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
+    <!-- Bootstrap Date-Picker Plugin -->
 
-    <!-- custom stylesheets -->
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
+
+    <!--    <link rel="stylesheet" type="text/css" href="css/user.css">-->
     <link rel="stylesheet" type="text/css" href="css/general.css">
+
+
 </head>
 <body class="hold-transition sidebar-mini layout-fixed">
 <div class="wrapper">
@@ -42,21 +53,17 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar User -->
-            <nav class="user-panel mt-3 pb-3 mb-3">
-                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    data-accordion="false">
-
-                    <li class="nav-item">
-                        <a href="user.html" class="nav-link">
-                            <i class="nav-icon fas fa-user"></i>
-                            <p id="userlabel">
-                                Username to set!
-                            </p>
-                        </a>
-                    </li>
-                </ul>
-            </nav>
+            <!-- Sidebar user panel (optional) -->
+            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+                <div class="image">
+                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+                </div>
+                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                <div class="info">
+                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                </div>
+            </div>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -64,36 +71,14 @@
                     data-accordion="false">
 
                     <li class="nav-item">
-                        <a href="dashboard.html" class="nav-link">
-                            <i class="nav-icon fas fa-columns"></i>
+                        <a href="#todo" class="nav-link">
+                            <i class="nav-icon fas fa-cog"></i>
                             <p>
-                                Dashboard
+                                Settings
                             </p>
                         </a>
                     </li>
 
-
-                    <li id="devicepanel" class="nav-item">
-                        <a href="device.html" class="nav-link">
-                            <i class="nav-icon fas fa-desktop"></i>
-                            <p>
-                                Devices
-                            </p>
-                        </a>
-                    </li>
-
-
-
-                    <li id="adminpanel" class="nav-item hideit">
-                        <a href="adminpanel.html" class="nav-link">
-                            <i class="nav-icon fas fa-plus-circle"></i>
-                            <p>
-                                Admin panel
-                            </p>
-                        </a>
-                    </li>
-
-
                     <li class="nav-item">
                         <a href="index.html" class="nav-link" id="logoutbtn">
                             <i class="nav-icon fas fa-sign-out-alt"></i>
@@ -103,7 +88,23 @@
                         </a>
                     </li>
 
+                    <li class="nav-item">
+                        <a href="#todo" class="nav-link">
+                            <i class="nav-icon fas fa-plus-circle"></i>
+                            <p>
+                                New Entry
+                            </p>
+                        </a>
+                    </li>
 
+                    <li id="adminpanel" class="nav-item hideit">
+                        <a href="adminpanel.html" class="nav-link">
+                            <i class="nav-icon fas fa-plus-circle"></i>
+                            <p>
+                                Admin panel
+                            </p>
+                        </a>
+                    </li>
                 </ul>
             </nav>
             <!-- /.sidebar-menu -->
@@ -118,12 +119,12 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Admin Area</h1>
+                        <h1 class="m-0 text-dark">Dashboard</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
                             <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
-                            <li class="breadcrumb-item active">Admin</li>
+                            <li class="breadcrumb-item active">Users</li>
                         </ol>
                     </div><!-- /.col -->
                 </div><!-- /.row -->
@@ -225,7 +226,6 @@
 </div>
 <!-- ./wrapper -->
 
-<!-- AdminLTE Libs -->
 <!-- jQuery -->
 <script src="lib/AdminLTE/plugins/jquery/jquery.min.js"></script>
 <!-- jQuery UI 1.11.4 -->
@@ -236,18 +236,42 @@
 </script>
 <!-- Bootstrap 4 -->
 <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+<!-- ChartJS -->
+<script src="lib/AdminLTE/plugins/chart.js/Chart.min.js"></script>
+<!-- Sparkline -->
+<script src="lib/AdminLTE/plugins/sparklines/sparkline.js"></script>
+<!-- JQVMap -->
+<script src="lib/AdminLTE/plugins/jqvmap/jquery.vmap.min.js"></script>
+<script src="lib/AdminLTE/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
+<!-- jQuery Knob Chart -->
+<script src="lib/AdminLTE/plugins/jquery-knob/jquery.knob.min.js"></script>
+<!-- daterangepicker -->
+<script src="lib/AdminLTE/plugins/moment/moment.min.js"></script>
+<script src="lib/AdminLTE/plugins/daterangepicker/daterangepicker.js"></script>
+<!-- Tempusdominus Bootstrap 4 -->
+<script src="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
+<!-- Summernote -->
+<script src="lib/AdminLTE/plugins/summernote/summernote-bs4.min.js"></script>
+<!-- overlayScrollbars -->
+<script src="lib/AdminLTE/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
 <!-- AdminLTE App -->
 <script src="lib/AdminLTE/dist/js/adminlte.js"></script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
+<script src="lib/AdminLTE/dist/js/pages/dashboard.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="lib/AdminLTE/dist/js/demo.js"></script>
 
+<script type="text/javascript"
+        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
+
+<script type="text/javascript" src="js/adminpanel.js"></script>
 <!-- DataTables -->
 <script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script>
 <script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
+
 <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
 
-<!-- custom js -->
-<script src="js/adminpanel.js"></script>
-<script src="js/general.js"></script>
+<script src="js/userManager.js"></script>
 
 </body>
 </html>

src/resources/wwwroot/css/general.css

@@ -1,7 +1,3 @@
 .hideit{
   display:none;
 }
-
-.sandwich:hover{
-  cursor: pointer;
-}

src/resources/wwwroot/css/profile.css

@@ -0,0 +1,7 @@
+html,body{
+  background-image: url('../rsc/login2.jpg');
+  background-size: cover;
+  background-repeat: no-repeat;
+  height: 100%;
+  font-family: 'Numans', sans-serif;
+}

src/resources/wwwroot/dashboard.html

@@ -6,29 +6,40 @@
     <title>WasteInformation Server</title>
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <!-- AdminLTE Libs -->
     <!-- Font Awesome -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/fontawesome-free/css/all.min.css">
     <!-- Ionicons -->
     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
     <!-- DataTables -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/datatables-bs4/css/dataTables.bootstrap4.css">
-
-    <!-- !Theme style -->
+    <!-- Tempusdominus Bbootstrap 4 -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
+    <!-- iCheck -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
+    <!-- JQVMap -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/jqvmap/jqvmap.min.css">
+    <!-- Theme style -->
     <link rel="stylesheet" href="lib/AdminLTE/dist/css/adminlte.min.css">
-    <!-- !overlayScrollbars -->
+    <!-- overlayScrollbars -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
+    <!-- Daterange picker -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/daterangepicker/daterangepicker.css">
+    <!-- summernote -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/summernote/summernote-bs4.css">
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
 
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
+    <!-- Bootstrap Date-Picker Plugin -->
+
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
 
-    <!-- custom stylesheets -->
     <link rel="stylesheet" type="text/css" href="css/dashboard.css">
     <link rel="stylesheet" type="text/css" href="css/general.css">
 
     <link rel="icon" type="image/png" href="/favicon.png">
+
+
 </head>
 <body class="hold-transition sidebar-mini layout-fixed">
 <div class="wrapper">
@@ -44,21 +55,17 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar User -->
-            <nav class="user-panel mt-3 pb-3 mb-3">
-                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    data-accordion="false">
-
-                    <li class="nav-item">
-                        <a href="user.html" class="nav-link">
-                            <i class="nav-icon fas fa-user"></i>
-                            <p id="userlabel">
-                                Username to set!
-                            </p>
-                        </a>
-                    </li>
-                </ul>
-            </nav>
+            <!-- Sidebar user panel (optional) -->
+            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+                <div class="image">
+                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+                </div>
+                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                <div class="info">
+                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                </div>
+            </div>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -66,25 +73,23 @@
                     data-accordion="false">
 
                     <li class="nav-item">
-                        <a href="dashboard.html" class="nav-link">
-                            <i class="nav-icon fas fa-columns"></i>
+                        <a href="#todo" class="nav-link">
+                            <i class="nav-icon fas fa-cog"></i>
                             <p>
-                                Dashboard
+                                Settings
                             </p>
                         </a>
                     </li>
 
-
-                    <li id="devicepanel" class="nav-item">
-                        <a href="device.html" class="nav-link">
-                            <i class="nav-icon fas fa-desktop"></i>
+                    <li class="nav-item">
+                        <a href="index.html" class="nav-link" id="logoutbtn">
+                            <i class="nav-icon fas fa-sign-out-alt"></i>
                             <p>
-                                Devices
+                                Logout
                             </p>
                         </a>
                     </li>
 
-
                     <li id="adminpanel" class="nav-item hideit">
                         <a href="adminpanel.html" class="nav-link">
                             <i class="nav-icon fas fa-plus-circle"></i>
@@ -94,12 +99,11 @@
                         </a>
                     </li>
 
-
-                    <li class="nav-item">
-                        <a href="index.html" class="nav-link" id="logoutbtn">
-                            <i class="nav-icon fas fa-sign-out-alt"></i>
+                    <li id="devicepanel" class="nav-item">
+                        <a href="device.html" class="nav-link">
+                            <i class="nav-icon fas fa-plus-circle"></i>
                             <p>
-                                Logout
+                                Devices
                             </p>
                         </a>
                     </li>
@@ -117,7 +121,7 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Dashboard</h1>
+                        <h1 class="m-0 text-dark">Dashboard</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
@@ -146,6 +150,7 @@
                             <div class="icon">
                                 <i class="ion ion-bag"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -160,6 +165,7 @@
                             <div class="icon">
                                 <i class="ion ion-android-globe" style="color: lightgrey"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -174,6 +180,7 @@
                             <div class="icon">
                                 <i class="ion ion-calendar"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -188,6 +195,7 @@
                             <div class="icon">
                                 <i class="ion ion-android-checkmark-circle"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -209,23 +217,22 @@
                                 <table id="table-pickupdates" class="table table-bordered table-hover">
                                     <thead>
                                     <tr>
-                                        <th><i class="fas fa-city"></i>City</th>
-                                        <th><i class="fas fa-search-location"></i>Zone</th>
-                                        <th><i class="fas fa-recycle"></i>Waste Type</th>
-                                        <th><i class="fas fa-calendar-alt"></i>Date</th>
-                                        <th><i class="fas fa-trash-alt"></i></th>
+                                        <th>City</th>
+                                        <th>Zone</th>
+                                        <th>Waste Type</th>
+                                        <th>Date</th>
+                                        <th>X</th>
                                     </tr>
                                     </thead>
                                     <tbody id="picupdates-tablebody">
                                     </tbody>
                                     <tfoot>
                                     <tr>
-                                        <th><i class="fas fa-city"></i>City</th>
-                                        <th><i class="fas fa-search-location"></i>Zone</th>
-                                        <th><i class="fas fa-recycle"></i>Waste Type</th>
-                                        <th><i class="fas fa-calendar-alt"></i>Date</th>
-                                        <th><i class="fas fa-trash-alt"></i>
-                                        </th>
+                                        <th>City</th>
+                                        <th>Zone</th>
+                                        <th>Waste Type</th>
+                                        <th>Date</th>
+                                        <th>X</th>
                                     </tr>
                                     </tfoot>
                                 </table>
@@ -315,7 +322,6 @@
                                                     data-toggle="dropdown">
                                                 Select waste type
                                             </button>
-
                                             <div id="dropdown-type-drops" class="dropdown-menu">
                                             </div>
                                         </div>
@@ -347,28 +353,20 @@
                                 <table id="example2" class="table table-bordered table-hover">
                                     <thead>
                                     <tr>
-                                        <th>
-                                            <i class="fas fa-city"></i>
-                                            City
-                                        </th>
-                                        <th><i class="fas fa-search-location"></i>
-                                            Zone
-                                        </th>
-                                        <th><i class="fas fa-recycle"></i>
-                                            Waste Type
-                                        </th>
-                                        <th><i class="fas fa-trash-alt"></i>
-                                        </th>
+                                        <th>City</th>
+                                        <th>Zone</th>
+                                        <th>Waste Type</th>
+                                        <th>X</th>
                                     </tr>
                                     </thead>
                                     <tbody id="location-table-data">
                                     </tbody>
                                     <tfoot>
                                     <tr>
-                                        <th><i class="fas fa-city"></i>City</th>
-                                        <th><i class="fas fa-search-location"></i>Zone</th>
-                                        <th><i class="fas fa-recycle"></i>Waste Type</th>
-                                        <th><i class="fas fa-trash-alt"></i></th>
+                                        <th>City</th>
+                                        <th>Zone</th>
+                                        <th>Waste Type</th>
+                                        <th>X</th>
                                     </tr>
                                     </tfoot>
                                 </table>
@@ -404,7 +402,6 @@
 </div>
 <!-- ./wrapper -->
 
-<!-- AdminLTE Libs -->
 <!-- jQuery -->
 <script src="lib/AdminLTE/plugins/jquery/jquery.min.js"></script>
 <!-- jQuery UI 1.11.4 -->
@@ -415,18 +412,44 @@
 </script>
 <!-- Bootstrap 4 -->
 <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+<!-- ChartJS -->
+<script src="lib/AdminLTE/plugins/chart.js/Chart.min.js"></script>
+<!-- Sparkline -->
+<script src="lib/AdminLTE/plugins/sparklines/sparkline.js"></script>
+<!-- JQVMap -->
+<script src="lib/AdminLTE/plugins/jqvmap/jquery.vmap.min.js"></script>
+<script src="lib/AdminLTE/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
+<!-- jQuery Knob Chart -->
+<script src="lib/AdminLTE/plugins/jquery-knob/jquery.knob.min.js"></script>
+<!-- daterangepicker -->
+<script src="lib/AdminLTE/plugins/moment/moment.min.js"></script>
+<script src="lib/AdminLTE/plugins/daterangepicker/daterangepicker.js"></script>
+<!-- Tempusdominus Bootstrap 4 -->
+<script src="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
+<!-- Summernote -->
+<script src="lib/AdminLTE/plugins/summernote/summernote-bs4.min.js"></script>
+<!-- overlayScrollbars -->
+<script src="lib/AdminLTE/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
 <!-- AdminLTE App -->
 <script src="lib/AdminLTE/dist/js/adminlte.js"></script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
+<script src="lib/AdminLTE/dist/js/pages/dashboard.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="lib/AdminLTE/dist/js/demo.js"></script>
+
+<script type="text/javascript"
+        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
 
 <!-- DataTables -->
 <script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script>
 <script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
+
 <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
 
-<!-- custom js -->
+<!-- OWN -->
+
 <script type="text/javascript" src="js/dashboard.js"></script>
-<script src="js/general.js"></script>
+<script src="js/userManager.js"></script>
 
 </body>
 </html>

src/resources/wwwroot/device.html

@@ -6,27 +6,38 @@
     <title>WasteInformation Server</title>
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-
-    <!-- AdminLTE Libs -->
     <!-- Font Awesome -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/fontawesome-free/css/all.min.css">
     <!-- Ionicons -->
     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
     <!-- DataTables -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/datatables-bs4/css/dataTables.bootstrap4.css">
-
-    <!-- !Theme style -->
+    <!-- Tempusdominus Bbootstrap 4 -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
+    <!-- iCheck -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
+    <!-- JQVMap -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/jqvmap/jqvmap.min.css">
+    <!-- Theme style -->
     <link rel="stylesheet" href="lib/AdminLTE/dist/css/adminlte.min.css">
-    <!-- !overlayScrollbars -->
+    <!-- overlayScrollbars -->
     <link rel="stylesheet" href="lib/AdminLTE/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
+    <!-- Daterange picker -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/daterangepicker/daterangepicker.css">
+    <!-- summernote -->
+    <link rel="stylesheet" href="lib/AdminLTE/plugins/summernote/summernote-bs4.css">
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
 
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
+    <!-- Bootstrap Date-Picker Plugin -->
 
-    <!-- custom stylesheets -->
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
+
+    <!--    <link rel="stylesheet" type="text/css" href="css/user.css">-->
     <link rel="stylesheet" type="text/css" href="css/general.css">
+
+
 </head>
 <body class="hold-transition sidebar-mini layout-fixed">
 <div class="wrapper">
@@ -40,24 +51,19 @@
             <span class="brand-text font-weight-light">Waste Control</span>
         </a>
 
-
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar User -->
-            <nav class="user-panel mt-3 pb-3 mb-3">
-                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    data-accordion="false">
-
-                    <li class="nav-item">
-                        <a href="user.html" class="nav-link">
-                            <i class="nav-icon fas fa-user"></i>
-                            <p id="userlabel">
-                                Username to set!
-                            </p>
-                        </a>
-                    </li>
-                </ul>
-            </nav>
+            <!-- Sidebar user panel (optional) -->
+            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+                <div class="image">
+                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+                </div>
+                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                <div class="info">
+                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                </div>
+            </div>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -65,20 +71,19 @@
                     data-accordion="false">
 
                     <li class="nav-item">
-                        <a href="dashboard.html" class="nav-link">
-                            <i class="nav-icon fas fa-columns"></i>
+                        <a href="#todo" class="nav-link">
+                            <i class="nav-icon fas fa-cog"></i>
                             <p>
-                                Dashboard
+                                Settings
                             </p>
                         </a>
                     </li>
 
-
-                    <li id="devicepanel" class="nav-item">
-                        <a href="device.html" class="nav-link">
-                            <i class="nav-icon fas fa-desktop"></i>
+                    <li class="nav-item">
+                        <a href="index.html" class="nav-link" id="logoutbtn">
+                            <i class="nav-icon fas fa-sign-out-alt"></i>
                             <p>
-                                Devices
+                                Logout
                             </p>
                         </a>
                     </li>
@@ -92,16 +97,14 @@
                         </a>
                     </li>
 
-
-                    <li class="nav-item">
-                        <a href="index.html" class="nav-link" id="logoutbtn">
-                            <i class="nav-icon fas fa-sign-out-alt"></i>
+                    <li id="devicepanel" class="nav-item">
+                        <a href="device.html" class="nav-link">
+                            <i class="nav-icon fas fa-plus-circle"></i>
                             <p>
-                                Logout
+                                Devices
                             </p>
                         </a>
                     </li>
-
                 </ul>
             </nav>
             <!-- /.sidebar-menu -->
@@ -116,12 +119,12 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Devices</h1>
+                        <h1 class="m-0 text-dark">Dashboard</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
                             <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
-                            <li class="breadcrumb-item active">Devices</li>
+                            <li class="breadcrumb-item active">Users</li>
                         </ol>
                     </div><!-- /.col -->
                 </div><!-- /.row -->
@@ -138,13 +141,14 @@
                         <!-- small box -->
                         <div class="small-box bg-info">
                             <div class="inner">
-                                <h3 id="devicenr-label">-1</h3>
+                                <h3>TODO</h3>
 
-                                <p>Devices</p>
+                                <p>Todo</p>
                             </div>
                             <div class="icon">
                                 <i class="ion ion-bag"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -152,13 +156,14 @@
                         <!-- small box -->
                         <div class="small-box bg-success">
                             <div class="inner">
-                                <h3 id="unconfigured-devices-label">-1</h3>
+                                <h3>TODO</h3>
 
-                                <p>Not Configured Devices</p>
+                                <p>Devices</p>
                             </div>
                             <div class="icon">
                                 <i class="ion ion-stats-bars"></i>
                             </div>
+                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -181,22 +186,22 @@
                                 <table id="table-devices" class="table table-bordered table-hover">
                                     <thead>
                                     <tr>
-                                        <th><i class="fas fa-id-card"></i> Device ID</th>
-                                        <th><i class="fas fa-signature"></i> Devicename</th>
-                                        <th><i class="fas fa-search-location"></i> Devicelocation</th>
-                                        <th><i class="fas fa-recycle"></i> WasteType</th>
-                                        <th><i class="fas fa-edit"></i> Action</th>
+                                        <th>Device ID</th>
+                                        <th>Devicename</th>
+                                        <th>Devicelocation</th>
+                                        <th>WasteType</th>
+                                        <th>Action</th>
                                     </tr>
                                     </thead>
                                     <tbody id="devices-tablebody">
                                     </tbody>
                                     <tfoot>
                                     <tr>
-                                        <th><i class="fas fa-id-card"></i> Device ID</th>
-                                        <th><i class="fas fa-signature"></i> Devicename</th>
-                                        <th><i class="fas fa-search-location"></i> Devicelocation</th>
-                                        <th><i class="fas fa-recycle"></i> WasteType</th>
-                                        <th><i class="fas fa-edit"></i> Action</th>
+                                        <th>Device ID</th>
+                                        <th>Devicename</th>
+                                        <th>Devicelocation</th>
+                                        <th>WasteType</th>
+                                        <th>Action</th>
                                     </tr>
                                     </tfoot>
                                 </table>
@@ -238,7 +243,6 @@
 </div>
 <!-- ./wrapper -->
 
-<!-- AdminLTE Libs -->
 <!-- jQuery -->
 <script src="lib/AdminLTE/plugins/jquery/jquery.min.js"></script>
 <!-- jQuery UI 1.11.4 -->
@@ -249,17 +253,42 @@
 </script>
 <!-- Bootstrap 4 -->
 <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+<!-- ChartJS -->
+<script src="lib/AdminLTE/plugins/chart.js/Chart.min.js"></script>
+<!-- Sparkline -->
+<script src="lib/AdminLTE/plugins/sparklines/sparkline.js"></script>
+<!-- JQVMap -->
+<script src="lib/AdminLTE/plugins/jqvmap/jquery.vmap.min.js"></script>
+<script src="lib/AdminLTE/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
+<!-- jQuery Knob Chart -->
+<script src="lib/AdminLTE/plugins/jquery-knob/jquery.knob.min.js"></script>
+<!-- daterangepicker -->
+<script src="lib/AdminLTE/plugins/moment/moment.min.js"></script>
+<script src="lib/AdminLTE/plugins/daterangepicker/daterangepicker.js"></script>
+<!-- Tempusdominus Bootstrap 4 -->
+<script src="lib/AdminLTE/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
+<!-- Summernote -->
+<script src="lib/AdminLTE/plugins/summernote/summernote-bs4.min.js"></script>
+<!-- overlayScrollbars -->
+<script src="lib/AdminLTE/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
 <!-- AdminLTE App -->
 <script src="lib/AdminLTE/dist/js/adminlte.js"></script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
+<script src="lib/AdminLTE/dist/js/pages/dashboard.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="lib/AdminLTE/dist/js/demo.js"></script>
 
+<script type="text/javascript"
+        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
+
+<!--<script type="text/javascript" src="js/user.js"></script>-->
 <!-- DataTables -->
 <script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script>
 <script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
+
 <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
 
-<!-- custom js -->
-<script src="js/general.js"></script>
+<script src="js/userManager.js"></script>
 <script src="js/device.js"></script>
 </body>
 </html>

src/resources/wwwroot/index.html

@@ -3,18 +3,19 @@
 <head>
     <meta charset="utf-8">
     <title>Login Page</title>
+    <!--Made with love by Mutiullah Samim -->
 
     <!-- Latest compiled and minified CSS -->
     <link rel="stylesheet" href="lib/bootstrap.min.css">
 
     <!-- jQuery library -->
-    <script src="lib/AdminLTE/plugins/jquery/jquery.min.js"></script>
+    <script src="lib/jquery.min.js"></script>
 
     <!-- Popper JS -->
     <script src="lib/popper.min.js"></script>
 
     <!-- Latest compiled JavaScript -->
-    <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script src="lib/bootstrap.min.js"></script>
 
     <!--Fontawesome CDN-->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"

src/resources/wwwroot/js/dashboard.js

@@ -21,16 +21,6 @@ class Dashboard {
 
         //add click listeners to all buttons
         this.addClickListeners();
-
-        // allow moveable tiles
-        $('.connectedSortable').sortable({
-            placeholder         : 'sort-highlight',
-            connectWith         : '.connectedSortable',
-            handle              : '.card-header, .nav-tabs',
-            forcePlaceholderSize: true,
-            zIndex              : 999999
-        })
-        $('.connectedSortable .card-header, .connectedSortable .nav-tabs-custom').css('cursor', 'move')
     }
 
     /* Constants */
@@ -40,7 +30,6 @@ class Dashboard {
     /* Btn Action Listeners */
 
     addClickListeners() {
-        const _this = this;
         //btn listeners
         $('#logoutbtn').click(function () {
             $.post('/senddata/checkloginstate', 'action=logout', function (data) {
@@ -63,7 +52,7 @@ class Dashboard {
                 console.log(data);
                 if (data.status == "inserted") {
                     Swal.fire({
-                        icon: "success",
+                        type: "success",
                         title: 'Successfully created city!',
                         html: 'This alert closes automatically.',
                         timer: 1000,
@@ -71,10 +60,10 @@ class Dashboard {
                         console.log('Popup closed. ')
 
                     });
-                    _this.reloadtable();
+                    this.reloadtable();
                 } else if (data.status == "exists") {
                     Swal.fire({
-                        icon: "warning",
+                        type: "warning",
                         title: 'Name already exists in db',
                         html: 'Close popup.',
                     }).then((result) => {
@@ -179,7 +168,7 @@ class Dashboard {
             $.post('/senddata/newdate', 'action=newdate&cityname=' + cityname.html() + "&zone=" + zone.html() + "&wastetype=" + wastetype.html() + "&date=" + date.val(), function (data) {
                 if (data.status == "success") {
                     Swal.fire({
-                        icon: "success",
+                        type: "success",
                         title: 'Successfully created Date!',
                         html: 'This alert closes automatically.',
                         timer: 1000,
@@ -192,10 +181,10 @@ class Dashboard {
                     zone.html("Select Zone");
                     wastetype.html("Select waste type");
                     date.val("");
-                    _this.reloadDateTable();
+                    reloadDateTable();
                 } else if (data.status == "citydoesntexist") {
                     Swal.fire({
-                        icon: "warning",
+                        type: "warning",
                         title: 'city name doesnt exist',
                         html: 'Close popup.',
                     }).then((result) => {
@@ -244,10 +233,9 @@ class Dashboard {
     }
 
     reloadtable() {
-        const _this = this;
         $.post('/senddata/wastedata', 'action=getAllCities', function (data) {
-            if (_this.citytable != null) {
-                _this.citytable.destroy(); //delete table if already created
+            if (this.citytable != null) {
+                this.citytable.destroy(); //delete table if already created
             }
 
             console.log(data);
@@ -269,13 +257,13 @@ class Dashboard {
                 }
 
                 $(".delbtn").click(function (event) {
-                    const id = event.target.getAttribute("dataid");
+                    var id = event.target.getAttribute("dataid");
                     console.log("clicked btn data " + id);
                     $.post('/senddata/wastedata', 'action=deletecity&id=' + id, function (data) {
                         console.log(data);
                         if (data.status === "success") {
                             Swal.fire({
-                                icon: "success",
+                                type: "success",
                                 title: 'Successfully deleted city!',
                                 html: 'This alert closes automatically.',
                                 timer: 1000,
@@ -283,12 +271,12 @@ class Dashboard {
                                 console.log('Popup closed. ')
 
                             });
-                            _this.reloadtable();
+                            reloadtable();
                         } else if (data.status === "dependenciesnotdeleted") {
                             Swal.fire({
-                                icon: "warning",
+                                type: "warning",
                                 title: 'This city is a dependency of a date',
-                                html: 'Please delete all dependencies first!',
+                                html: 'Do you want do delete it anyway with all dependencies?',
                             }).then((result) => {
                                 console.log('Popup closed. ')
 
@@ -299,10 +287,10 @@ class Dashboard {
                     }, "json");
                 });
 
-                _this.citytable = $("#example2").DataTable();
+                this.citytable = $("#example2").DataTable();
             } else if (data.query == "nodbconn") {
                 Swal.fire({
-                    icon: "error",
+                    type: "error",
                     title: 'No connection to Database',
                     html: 'Setup DB here --> <a href="index.html">click<a/>.',
                 }).then((result) => {
@@ -317,10 +305,9 @@ class Dashboard {
     }
 
     reloadDateTable() {
-        const _this = this;
         $.post('/senddata/wastedata', 'action=getAllDates', function (data) {
-            if (_this.datetable != null) {
-                _this.datetable.destroy(); //delete table if already created
+            if (this.datetable != null) {
+                this.datetable.destroy(); //delete table if already created
             }
             console.log(data);
 
@@ -345,7 +332,7 @@ class Dashboard {
                         console.log(data);
                         if (data.status == "success") {
                             Swal.fire({
-                                icon: "success",
+                                type: "success",
                                 title: 'Successfully deleted city!',
                                 html: 'This alert closes automatically.',
                                 timer: 1000,
@@ -353,10 +340,10 @@ class Dashboard {
                                 console.log('Popup closed. ')
 
                             });
-                            _this.reloadDateTable();
+                            reloadDateTable();
                         } else if (data.status == "dependenciesnotdeleted") {
                             Swal.fire({
-                                icon: "warning",
+                                type: "warning",
                                 title: 'This city is a dependency of a date',
                                 html: 'Do you want do delete it anyway with all dependencies?',
                             }).then((result) => {
@@ -369,7 +356,7 @@ class Dashboard {
                     }, "json");
                 });
             }
-            _this.datetable = $("#table-pickupdates").DataTable({
+            this.datetable = $("#table-pickupdates").DataTable({
                 "order": [[3, "asc"]]
             });
         }, "json");

src/resources/wwwroot/js/device.js

@@ -1,12 +1,11 @@
-$(function () {
+$(document).ready(function () {
     new Device();
 });
 
 
 class Device {
     constructor() {
-        this.reloadDevices();
-        this.loadHeader();
+        this.reloadDevices()
     }
 
     devicetable = null;
@@ -37,6 +36,7 @@ class Device {
                     var devicelocation = data.data[i].devicelocation;
 
                     var row = "<tr><td>" + id + "</td><td>" + devicename + "</td><td>" + devicelocation + "</td><td>";
+
                     for (var n = 0; n < data.data[i].devices.length; n++) {
                         var cityname = data.data[i].devices[n].cityname;
                         var cityzone = data.data[i].devices[n].zone;
@@ -51,9 +51,9 @@ class Device {
                 }
             }
 
-            _this._addDeleteButton();
-            _this._addAddButton();
-            _this._addConfigDialog();
+            _this.addDeleteButton();
+            _this.addAddButton();
+            _this.addConfigDialog();
             _this.devicetable = $('#table-devices').DataTable();
         }, 'json');
     }
@@ -61,8 +61,7 @@ class Device {
     /**
      * add click listener to add button to add new city entries to current device
      */
-    _addAddButton() {
-        var _this = this;
+    addAddButton() {
         $('.addbtn').click(function (event) {
             var id = event.target.getAttribute("dataid");
             var cityname;
@@ -85,6 +84,8 @@ class Device {
                 }
                 ]).then((result) => {
                     if (result.value) {
+                        console.log(result.value);
+                        const answers = JSON.stringify(result.value);
                         cityname = result.value[0];
 
                         console.log("cityname=" + cityname);
@@ -103,6 +104,7 @@ class Device {
                                 }
                             ]).then((result) => {
                                 if (result.value) {
+                                    console.log(result.value);
                                     zone = result.value[0];
                                     $.post('/senddata/Devicedata', 'action=gettypes&cityname=' + cityname + '&zonename=' + zone, function (data) {
                                         Swal.mixin({
@@ -119,17 +121,21 @@ class Device {
                                             }
                                         ]).then((result) => {
                                             if (result.value) {
+                                                console.log(result.value);
                                                 wastetype = result.value[0];
 
+
+                                                //todo add to db
                                                 $.post('/senddata/Devicedata', 'action=addtodb&deviceid=' + id + '&cityname=' + cityname + '&zonename=' + zone + '&wastetype=' + wastetype, function (data) {
                                                     if (data.success) {
                                                         Swal.fire({
-                                                            icon: "success",
+                                                            type: "success",
                                                             title: 'Successfully configured!',
                                                             html: 'This alert closes added.',
                                                             timer: 1000,
                                                         }).then((result) => {
-                                                            _this.reloadDevices();
+                                                            console.log('Popup closed. ');
+                                                            reloadDevices();
                                                         });
                                                     }
                                                 });
@@ -148,7 +154,7 @@ class Device {
     /**
      * add click listener to delete button to delete this device entry
      */
-    _addDeleteButton() {
+    addDeleteButton() {
         var _this = this;
         $(".delbtn").click(function (event) {
             var id = event.target.getAttribute("dataid");
@@ -157,7 +163,7 @@ class Device {
                 console.log(data);
                 if (data.status === "success") {
                     Swal.fire({
-                        icon: "success",
+                        type: "success",
                         title: 'Successfully deleted city!',
                         html: 'This alert closes automatically.',
                         timer: 1000,
@@ -168,7 +174,7 @@ class Device {
                     _this.reloadDevices();
                 } else if (data.status === "dependenciesnotdeleted") {
                     Swal.fire({
-                        icon: "warning",
+                        type: "warning",
                         title: 'This city is a dependency of a date',
                         html: 'Do you want do delete it anyway with all dependencies?',
                     }).then((result) => {
@@ -185,8 +191,7 @@ class Device {
     /**
      * add click listener to unconfigured device to show configure dialog
      */
-    _addConfigDialog() {
-        var _this = this;
+    addConfigDialog() {
         $(".configuredevicebutton").click(function (event) {
             var id = event.target.getAttribute("deviceid");
             var cityname;
@@ -261,13 +266,13 @@ class Device {
                                                 $.post('/senddata/Devicedata', 'action=savetodb&deviceid=' + id + '&cityname=' + cityname + '&zonename=' + zone + '&wastetype=' + wastetype + '&devicename=' + devicename + '&devicelocation=' + devicelocation, function (data) {
                                                     if (data.success) {
                                                         Swal.fire({
-                                                            icon: "success",
+                                                            type: "success",
                                                             title: 'Successfully configured!',
                                                             html: 'This alert closes automatically.',
                                                             timer: 1000,
                                                         }).then((result) => {
                                                             console.log('Popup closed. ');
-                                                            _this.reloadDevices();
+                                                            reloadDevices();
                                                         });
                                                     }
                                                 });
@@ -280,18 +285,10 @@ class Device {
                     }
                 });
             });
+
+
+            console.log("click..." + id);
         });
     }
+}
 
-    /**
-     * Load header tiles
-     */
-    loadHeader(){
-        $.post('/senddata/Devicedata', 'action=getheader', function (data) {
-            if (data.success) {
-                $("#devicenr-label").html(data.devicenumber);
-                $("#unconfigured-devices-label").html(data.unconfigureddevices);
-            }
-        });
-    }
-}

src/resources/wwwroot/js/index.js

@@ -2,37 +2,43 @@ $(document).ready(function () {
     $('#loginbtn').click(function (e) {
         e.preventDefault();
         console.log("clicked login button");
-        const username = $("#userfield")[0].value;
-        const password = $("#passfield")[0].value;
+        var username = $("#userfield")[0].value;
+        var password = $("#passfield")[0].value;
 
         $.post('/senddata/loginget', 'username=' + username + '&password=' + password, function (data) {
-            console.log(data);
 
-            if (data.accept == true) {
-                console.log("successfully logged in!");
-                window.location = 'dashboard.html';
-            } else {
+            console.log(data);
             if (data.status == "nodbconn"){
                 Swal.fire({
-                        icon: "error",
+                    type: "error",
                     title: 'No connection to Database',
-                        html: 'Setup DB in config file!.',
-                    });
-                } else if (data.status == "conferror") {
-                    Swal.fire({
-                        icon: "error",
-                        title: 'Not configured correctly',
-                        html: 'Please edit settings.prop and restart the server!',
-                    });
-                } else {
-                    Swal.fire({
-                        icon: "error",
-                        title: 'Wrong login data',
-                        html: 'Maybe a typo in your password?',
+                    html: 'Setup DB here --> <a href="index.html">click<a/>.',
+                }).then((result) => {
+                    console.log('Popup closed. ')
+
                 });
             }
+            if (data.accept == true) {
+                console.log("successfully logged in!");
+                document.cookie = "username=" + username;
+                window.location = 'dashboard.html';
             }
         }, 'json');
     });
+
+
+    //register pwa
+    async function registerSW() {
+        console.log("registering service worker!");
+        if ('serviceWorker' in navigator) {
+            try {
+                await navigator.serviceWorker.register('/sw.js');
+            } catch (e) {
+                console.log(`SW registration failed`);
+            }
+        }
+    }
+
+    registerSW();
 });
 

src/resources/wwwroot/js/profile.js

@@ -0,0 +1,7 @@
+$(document).ready(function() {
+    $("#firstname").value("hhh");
+
+    $.post('/senddata/checkloginstate', 'action=getfirstname', function (data) {
+        console.log(data);
+    }, 'json');
+});

src/resources/wwwroot/js/register.js

@@ -12,8 +12,7 @@ $(document).ready(function () {
     if (password != replypassword) {
       console.log("passwords doesnt match");
     }else {
-            $.post('/senddata/registerpost',
-                'username=' + username +
+      $.post('/senddata/registerpost','username='+username+
                                     '&firstname='+firstname+
                                     '&lastname='+lastname+
                                     '&email='+email+

src/resources/wwwroot/js/userManager.js

@@ -1,19 +1,5 @@
 $(document).ready(function () {
-    $('.sandwich').click(function () {
-        const bdy = $('body');
-        if (bdy.hasClass("sidebar-collapse")) {
-            bdy.removeClass("sidebar-collapse");
-        } else {
-            bdy.addClass("sidebar-collapse");
-        }
-
-        if(bdy.hasClass("sidebar-open")){
-            bdy.removeClass("sidebar-open");
-        } else {
-            bdy.addClass("sidebar-open");
-        }
-    });
-
+    console.log("page loaded");
     $.post('/senddata/checkloginstate', 'action=getloginstate', function (data) {
         console.log(data);
         if (data.loggedin == true) {

src/resources/wwwroot/lib/AdminLTE/dist/css/alt/adminlte.pages.css

@@ -0,0 +1,444 @@
+/*!
+ *   AdminLTE v3.0.0
+ *     Only Pages
+ *   Author: Colorlib
+ *	 Website: AdminLTE.io <http://adminlte.io>
+ *   License: Open source - MIT <http://opensource.org/licenses/MIT>
+ */
+.close, .mailbox-attachment-close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: .5;
+}
+
+.close:hover, .mailbox-attachment-close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
+  opacity: .75;
+}
+
+button.close, button.mailbox-attachment-close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  appearance: none;
+}
+
+a.close.disabled, a.disabled.mailbox-attachment-close {
+  pointer-events: none;
+}
+
+.mailbox-messages > .table {
+  margin: 0;
+}
+
+.mailbox-controls {
+  padding: 5px;
+}
+
+.mailbox-controls.with-border {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.mailbox-read-info {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 10px;
+}
+
+.mailbox-read-info h3 {
+  font-size: 20px;
+  margin: 0;
+}
+
+.mailbox-read-info h5 {
+  margin: 0;
+  padding: 5px 0 0;
+}
+
+.mailbox-read-time {
+  color: #999;
+  font-size: 13px;
+}
+
+.mailbox-read-message {
+  padding: 10px;
+}
+
+.mailbox-attachments {
+  padding-left: 0;
+  list-style: none;
+}
+
+.mailbox-attachments li {
+  border: 1px solid #eee;
+  float: left;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  width: 200px;
+}
+
+.mailbox-attachment-name {
+  color: #666;
+  font-weight: bold;
+}
+
+.mailbox-attachment-icon,
+.mailbox-attachment-info,
+.mailbox-attachment-size {
+  display: block;
+}
+
+.mailbox-attachment-info {
+  background: #f8f9fa;
+  padding: 10px;
+}
+
+.mailbox-attachment-size {
+  color: #999;
+  font-size: 12px;
+}
+
+.mailbox-attachment-size > span {
+  display: inline-block;
+  padding-top: 0.75rem;
+}
+
+.mailbox-attachment-icon {
+  color: #666;
+  font-size: 65px;
+  max-height: 132.5px;
+  padding: 20px 10px;
+  text-align: center;
+}
+
+.mailbox-attachment-icon.has-img {
+  padding: 0;
+}
+
+.mailbox-attachment-icon.has-img > img {
+  height: auto;
+  max-width: 100%;
+}
+
+.lockscreen {
+  background: #e9ecef;
+}
+
+.lockscreen .lockscreen-name {
+  font-weight: 600;
+  text-align: center;
+}
+
+.lockscreen-logo {
+  font-size: 35px;
+  font-weight: 300;
+  margin-bottom: 25px;
+  text-align: center;
+}
+
+.lockscreen-logo a {
+  color: #495057;
+}
+
+.lockscreen-wrapper {
+  margin: 0 auto;
+  margin-top: 10%;
+  max-width: 400px;
+}
+
+.lockscreen-item {
+  border-radius: 4px;
+  background: #ffffff;
+  margin: 10px auto 30px;
+  padding: 0;
+  position: relative;
+  width: 290px;
+}
+
+.lockscreen-image {
+  border-radius: 50%;
+  background: #ffffff;
+  left: -10px;
+  padding: 5px;
+  position: absolute;
+  top: -25px;
+  z-index: 10;
+}
+
+.lockscreen-image > img {
+  border-radius: 50%;
+  height: 70px;
+  width: 70px;
+}
+
+.lockscreen-credentials {
+  margin-left: 70px;
+}
+
+.lockscreen-credentials .form-control {
+  border: 0;
+}
+
+.lockscreen-credentials .btn {
+  background-color: #ffffff;
+  border: 0;
+  padding: 0 10px;
+}
+
+.lockscreen-footer {
+  margin-top: 10px;
+}
+
+.login-logo,
+.register-logo {
+  font-size: 2.1rem;
+  font-weight: 300;
+  margin-bottom: .9rem;
+  text-align: center;
+}
+
+.login-logo a,
+.register-logo a {
+  color: #495057;
+}
+
+.login-page,
+.register-page {
+  align-items: center;
+  background: #e9ecef;
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+}
+
+.login-box,
+.register-box {
+  width: 360px;
+}
+
+@media (max-width: 576px) {
+  .login-box,
+  .register-box {
+    margin-top: 20px;
+    width: 90%;
+  }
+}
+
+.login-card-body,
+.register-card-body {
+  background: #ffffff;
+  border-top: 0;
+  color: #666;
+  padding: 20px;
+}
+
+.login-card-body .input-group .form-control,
+.register-card-body .input-group .form-control {
+  border-right: 0;
+}
+
+.login-card-body .input-group .form-control:focus,
+.register-card-body .input-group .form-control:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
+  border-color: #80bdff;
+}
+
+.login-card-body .input-group .form-control.is-valid:focus,
+.register-card-body .input-group .form-control.is-valid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
+  border-color: #28a745;
+}
+
+.login-card-body .input-group .form-control.is-invalid:focus,
+.register-card-body .input-group .form-control.is-invalid:focus {
+  box-shadow: none;
+}
+
+.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
+  border-color: #dc3545;
+}
+
+.login-card-body .input-group .input-group-text,
+.register-card-body .input-group .input-group-text {
+  background-color: transparent;
+  border-bottom-right-radius: 0.25rem;
+  border-left: 0;
+  border-top-right-radius: 0.25rem;
+  color: #777;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.login-box-msg,
+.register-box-msg {
+  margin: 0;
+  padding: 0 20px 20px;
+  text-align: center;
+}
+
+.social-auth-links {
+  margin: 10px 0;
+}
+
+.error-page {
+  margin: 20px auto 0;
+  width: 600px;
+}
+
+@media (max-width: 767.98px) {
+  .error-page {
+    width: 100%;
+  }
+}
+
+.error-page > .headline {
+  float: left;
+  font-size: 100px;
+  font-weight: 300;
+}
+
+@media (max-width: 767.98px) {
+  .error-page > .headline {
+    float: none;
+    text-align: center;
+  }
+}
+
+.error-page > .error-content {
+  display: block;
+  margin-left: 190px;
+}
+
+@media (max-width: 767.98px) {
+  .error-page > .error-content {
+    margin-left: 0;
+  }
+}
+
+.error-page > .error-content > h3 {
+  font-size: 25px;
+  font-weight: 300;
+}
+
+@media (max-width: 767.98px) {
+  .error-page > .error-content > h3 {
+    text-align: center;
+  }
+}
+
+.invoice {
+  background: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  position: relative;
+}
+
+.invoice-title {
+  margin-top: 0;
+}
+
+.profile-user-img {
+  border: 3px solid #adb5bd;
+  margin: 0 auto;
+  padding: 3px;
+  width: 100px;
+}
+
+.profile-username {
+  font-size: 21px;
+  margin-top: 5px;
+}
+
+.post {
+  border-bottom: 1px solid #adb5bd;
+  color: #666;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+}
+
+.post:last-of-type {
+  border-bottom: 0;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.post .user-block {
+  margin-bottom: 15px;
+  width: 100%;
+}
+
+.post .row {
+  width: 100%;
+}
+
+.product-image {
+  max-width: 100%;
+  height: auto;
+  width: 100%;
+}
+
+.product-image-thumbs {
+  align-items: stretch;
+  display: flex;
+  margin-top: 2rem;
+}
+
+.product-image-thumb {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  border-radius: 0.25rem;
+  background-color: #ffffff;
+  border: 1px solid #dee2e6;
+  display: flex;
+  margin-right: 1rem;
+  max-width: 7rem;
+  padding: 0.5rem;
+}
+
+.product-image-thumb img {
+  max-width: 100%;
+  height: auto;
+  align-self: center;
+}
+
+.product-image-thumb:hover {
+  opacity: 0.5;
+}
+
+.product-share a {
+  margin-right: .5rem;
+}
+
+.projects td {
+  vertical-align: middle;
+}
+
+.projects .list-inline {
+  margin-bottom: 0;
+}
+
+.projects img.table-avatar,
+.projects .table-avatar img {
+  border-radius: 50%;
+  display: inline;
+  width: 2.5rem;
+}
+
+.projects .project-state {
+  text-align: center;
+}
+
+/*# sourceMappingURL=adminlte.pages.css.map */

src/resources/wwwroot/lib/AdminLTE/dist/js/adminlte.js

@@ -1,13 +1,13 @@
 /*!
- * AdminLTE v3.0.4 (https://adminlte.io)
- * Copyright 2014-2020 Colorlib <http://colorlib.com>
+ * AdminLTE v3.0.0 (https://adminlte.io)
+ * Copyright 2014-2019 Colorlib <http://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
   (global = global || self, factory(global.adminlte = {}));
-}(this, (function (exports) { 'use strict';
+}(this, function (exports) { 'use strict';
 
   /**
    * --------------------------------------------
@@ -52,17 +52,14 @@
       FOOTER_LG_FIXED: 'layout-lg-footer-fixed',
       FOOTER_XL_FIXED: 'layout-xl-footer-fixed'
     };
-    var Default = {
-      controlsidebarSlide: true,
-      scrollbarTheme: 'os-theme-light',
-      scrollbarAutoHide: 'l'
-    };
     /**
      * Class Definition
      * ====================================================
      */
 
-    var ControlSidebar = /*#__PURE__*/function () {
+    var ControlSidebar =
+    /*#__PURE__*/
+    function () {
       function ControlSidebar(element, config) {
         this._element = element;
         this._config = config;
@@ -73,7 +70,7 @@
 
       var _proto = ControlSidebar.prototype;
 
-      _proto.collapse = function collapse() {
+      _proto.show = function show() {
         // Show the control sidebar
         if (this._config.controlsidebarSlide) {
           $('html').addClass(ClassName.CONTROL_SIDEBAR_ANIMATE);
@@ -86,11 +83,11 @@
           $('body').removeClass(ClassName.CONTROL_SIDEBAR_OPEN);
         }
 
-        var collapsedEvent = $.Event(Event.COLLAPSED);
-        $(this._element).trigger(collapsedEvent);
+        var expandedEvent = $.Event(Event.EXPANDED);
+        $(this._element).trigger(expandedEvent);
       };
 
-      _proto.show = function show() {
+      _proto.collapse = function collapse() {
         // Collapse the control sidebar
         if (this._config.controlsidebarSlide) {
           $('html').addClass(ClassName.CONTROL_SIDEBAR_ANIMATE);
@@ -105,19 +102,19 @@
           $('body').addClass(ClassName.CONTROL_SIDEBAR_OPEN);
         }
 
-        var expandedEvent = $.Event(Event.EXPANDED);
-        $(this._element).trigger(expandedEvent);
+        var collapsedEvent = $.Event(Event.COLLAPSED);
+        $(this._element).trigger(collapsedEvent);
       };
 
       _proto.toggle = function toggle() {
-        var shouldClose = $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body').hasClass(ClassName.CONTROL_SIDEBAR_SLIDE);
+        var shouldOpen = $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body').hasClass(ClassName.CONTROL_SIDEBAR_SLIDE);
 
-        if (shouldClose) {
-          // Close the control sidebar
-          this.collapse();
-        } else {
+        if (shouldOpen) {
           // Open the control sidebar
           this.show();
+        } else {
+          // Close the control sidebar
+          this.collapse();
         }
       } // Private
       ;
@@ -233,10 +230,8 @@
         return this.each(function () {
           var data = $(this).data(DATA_KEY);
 
-          var _options = $.extend({}, Default, $(this).data());
-
           if (!data) {
-            data = new ControlSidebar(this, _options);
+            data = new ControlSidebar(this, $(this).data());
             $(this).data(DATA_KEY, data);
           }
 
@@ -301,8 +296,6 @@
       CONTENT_HEADER: '.content-header',
       WRAPPER: '.wrapper',
       CONTROL_SIDEBAR: '.control-sidebar',
-      CONTROL_SIDEBAR_CONTENT: '.control-sidebar-content',
-      CONTROL_SIDEBAR_BTN: '[data-widget="control-sidebar"]',
       LAYOUT_FIXED: '.layout-fixed',
       FOOTER: '.main-footer',
       PUSHMENU_BTN: '[data-widget="pushmenu"]',
@@ -318,22 +311,20 @@
       NAVBAR_FIXED: 'layout-navbar-fixed',
       FOOTER_FIXED: 'layout-footer-fixed',
       LOGIN_PAGE: 'login-page',
-      REGISTER_PAGE: 'register-page',
-      CONTROL_SIDEBAR_SLIDE_OPEN: 'control-sidebar-slide-open',
-      CONTROL_SIDEBAR_OPEN: 'control-sidebar-open'
+      REGISTER_PAGE: 'register-page'
     };
     var Default = {
       scrollbarTheme: 'os-theme-light',
-      scrollbarAutoHide: 'l',
-      panelAutoHeight: true,
-      loginRegisterAutoHeight: true
+      scrollbarAutoHide: 'l'
     };
     /**
      * Class Definition
      * ====================================================
      */
 
-    var Layout = /*#__PURE__*/function () {
+    var Layout =
+    /*#__PURE__*/
+    function () {
       function Layout(element, config) {
         this._config = config;
         this._element = element;
@@ -344,47 +335,24 @@
 
       var _proto = Layout.prototype;
 
-      _proto.fixLayoutHeight = function fixLayoutHeight(extra) {
-        if (extra === void 0) {
-          extra = null;
-        }
-
-        var control_sidebar = 0;
-
-        if ($('body').hasClass(ClassName.CONTROL_SIDEBAR_SLIDE_OPEN) || $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || extra == 'control_sidebar') {
-          control_sidebar = $(Selector.CONTROL_SIDEBAR_CONTENT).height();
-        }
-
+      _proto.fixLayoutHeight = function fixLayoutHeight() {
         var heights = {
           window: $(window).height(),
           header: $(Selector.HEADER).length !== 0 ? $(Selector.HEADER).outerHeight() : 0,
           footer: $(Selector.FOOTER).length !== 0 ? $(Selector.FOOTER).outerHeight() : 0,
-          sidebar: $(Selector.SIDEBAR).length !== 0 ? $(Selector.SIDEBAR).height() : 0,
-          control_sidebar: control_sidebar
+          sidebar: $(Selector.SIDEBAR).length !== 0 ? $(Selector.SIDEBAR).height() : 0
         };
 
         var max = this._max(heights);
 
-        var offset = this._config.panelAutoHeight;
-
-        if (offset === true) {
-          offset = 0;
-        }
-
-        if (offset !== false) {
-          if (max == heights.control_sidebar) {
-            $(Selector.CONTENT).css('min-height', max + offset);
-          } else if (max == heights.window) {
-            $(Selector.CONTENT).css('min-height', max + offset - heights.header - heights.footer);
+        if (max == heights.window) {
+          $(Selector.CONTENT).css('min-height', max - heights.header - heights.footer);
         } else {
-            $(Selector.CONTENT).css('min-height', max + offset - heights.header);
-          }
+          $(Selector.CONTENT).css('min-height', max - heights.header);
         }
 
         if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
-          if (offset !== false) {
-            $(Selector.CONTENT).css('min-height', max + offset - heights.header - heights.footer);
-          }
+          $(Selector.CONTENT).css('min-height', max - heights.header - heights.footer);
 
           if (typeof $.fn.overlayScrollbars !== 'undefined') {
             $(Selector.SIDEBAR).overlayScrollbars({
@@ -397,18 +365,6 @@
             });
           }
         }
-      };
-
-      _proto.fixLoginRegisterHeight = function fixLoginRegisterHeight() {
-        if ($(Selector.LOGIN_BOX + ', ' + Selector.REGISTER_BOX).length === 0) {
-          $('body, html').css('height', 'auto');
-        } else if ($(Selector.LOGIN_BOX + ', ' + Selector.REGISTER_BOX).length !== 0) {
-          var box_height = $(Selector.LOGIN_BOX + ', ' + Selector.REGISTER_BOX).height();
-
-          if ($('body').css('min-height') !== box_height) {
-            $('body').css('min-height', box_height);
-          }
-        }
       } // Private
       ;
 
@@ -417,27 +373,23 @@
 
         // Activate layout height watcher
         this.fixLayoutHeight();
-
-        if (this._config.loginRegisterAutoHeight === true) {
-          this.fixLoginRegisterHeight();
-        } else if (Number.isInteger(this._config.loginRegisterAutoHeight)) {
-          setInterval(this.fixLoginRegisterHeight, this._config.loginRegisterAutoHeight);
-        }
-
         $(Selector.SIDEBAR).on('collapsed.lte.treeview expanded.lte.treeview', function () {
           _this.fixLayoutHeight();
         });
         $(Selector.PUSHMENU_BTN).on('collapsed.lte.pushmenu shown.lte.pushmenu', function () {
           _this.fixLayoutHeight();
         });
-        $(Selector.CONTROL_SIDEBAR_BTN).on('collapsed.lte.controlsidebar', function () {
-          _this.fixLayoutHeight();
-        }).on('expanded.lte.controlsidebar', function () {
-          _this.fixLayoutHeight('control_sidebar');
-        });
         $(window).resize(function () {
           _this.fixLayoutHeight();
         });
+
+        if (!$('body').hasClass(ClassName.LOGIN_PAGE) && !$('body').hasClass(ClassName.REGISTER_PAGE)) {
+          $('body, html').css('height', 'auto');
+        } else if ($('body').hasClass(ClassName.LOGIN_PAGE) || $('body').hasClass(ClassName.REGISTER_PAGE)) {
+          var box_height = $(Selector.LOGIN_BOX + ', ' + Selector.REGISTER_BOX).height();
+          $('body').css('min-height', box_height);
+        }
+
         $('body.hold-transition').removeClass('hold-transition');
       };
 
@@ -454,23 +406,17 @@
       ;
 
       Layout._jQueryInterface = function _jQueryInterface(config) {
-        if (config === void 0) {
-          config = '';
-        }
-
         return this.each(function () {
           var data = $(this).data(DATA_KEY);
 
-          var _options = $.extend({}, Default, $(this).data());
+          var _config = $.extend({}, Default, $(this).data());
 
           if (!data) {
-            data = new Layout($(this), _options);
+            data = new Layout($(this), _config);
             $(this).data(DATA_KEY, data);
           }
 
-          if (config === 'init' || config === '') {
-            data['_init']();
-          } else if (config === 'fixLayoutHeight' || config === 'fixLoginRegisterHeight') {
+          if (config === 'init') {
             data[config]();
           }
         });
@@ -542,16 +488,18 @@
       WRAPPER: '.wrapper'
     };
     var ClassName = {
+      SIDEBAR_OPEN: 'sidebar-open',
       COLLAPSED: 'sidebar-collapse',
-      OPEN: 'sidebar-open',
-      CLOSED: 'sidebar-closed'
+      OPEN: 'sidebar-open'
     };
     /**
      * Class Definition
      * ====================================================
      */
 
-    var PushMenu = /*#__PURE__*/function () {
+    var PushMenu =
+    /*#__PURE__*/
+    function () {
       function PushMenu(element, options) {
         this._element = element;
         this._options = $.extend({}, Default, options);
@@ -566,14 +514,14 @@
 
       var _proto = PushMenu.prototype;
 
-      _proto.expand = function expand() {
+      _proto.show = function show() {
         if (this._options.autoCollapseSize) {
           if ($(window).width() <= this._options.autoCollapseSize) {
             $(Selector.BODY).addClass(ClassName.OPEN);
           }
         }
 
-        $(Selector.BODY).removeClass(ClassName.COLLAPSED).removeClass(ClassName.CLOSED);
+        $(Selector.BODY).removeClass(ClassName.COLLAPSED);
 
         if (this._options.enableRemember) {
           localStorage.setItem("remember" + EVENT_KEY, ClassName.OPEN);
@@ -586,7 +534,7 @@
       _proto.collapse = function collapse() {
         if (this._options.autoCollapseSize) {
           if ($(window).width() <= this._options.autoCollapseSize) {
-            $(Selector.BODY).removeClass(ClassName.OPEN).addClass(ClassName.CLOSED);
+            $(Selector.BODY).removeClass(ClassName.OPEN);
           }
         }
 
@@ -604,7 +552,7 @@
         if (!$(Selector.BODY).hasClass(ClassName.COLLAPSED)) {
           this.collapse();
         } else {
-          this.expand();
+          this.show();
         }
       };
 
@@ -621,8 +569,6 @@
           } else if (resize == true) {
             if ($(Selector.BODY).hasClass(ClassName.OPEN)) {
               $(Selector.BODY).removeClass(ClassName.OPEN);
-            } else if ($(Selector.BODY).hasClass(ClassName.CLOSED)) {
-              this.expand();
             }
           }
         }
@@ -689,7 +635,7 @@
             $(this).data(DATA_KEY, data);
           }
 
-          if (typeof operation === 'string' && operation.match(/collapse|expand|toggle/)) {
+          if (operation === 'toggle') {
             data[operation]();
           }
         });
@@ -764,22 +710,21 @@
       LI: 'nav-item',
       LINK: 'nav-link',
       TREEVIEW_MENU: 'nav-treeview',
-      OPEN: 'menu-open',
-      SIDEBAR_COLLAPSED: 'sidebar-collapse'
+      OPEN: 'menu-open'
     };
     var Default = {
       trigger: Selector.DATA_WIDGET + " " + Selector.LINK,
       animationSpeed: 300,
-      accordion: true,
-      expandSidebar: false,
-      sidebarButtonSelector: '[data-widget="pushmenu"]'
+      accordion: true
     };
     /**
      * Class Definition
      * ====================================================
      */
 
-    var Treeview = /*#__PURE__*/function () {
+    var Treeview =
+    /*#__PURE__*/
+    function () {
       function Treeview(element, config) {
         this._config = config;
         this._element = element;
@@ -807,10 +752,6 @@
           parentLi.addClass(ClassName.OPEN);
           $(_this._element).trigger(expandedEvent);
         });
-
-        if (this._config.expandSidebar) {
-          this._expandSidebar();
-        }
       };
 
       _proto.collapse = function collapse(treeviewMenu, parentLi) {
@@ -858,12 +799,6 @@
         $(document).on('click', this._config.trigger, function (event) {
           _this3.toggle(event);
         });
-      };
-
-      _proto._expandSidebar = function _expandSidebar() {
-        if ($('body').hasClass(ClassName.SIDEBAR_COLLAPSED)) {
-          $(this._config.sidebarButtonSelector).PushMenu('expand');
-        }
       } // Static
       ;
 
@@ -871,10 +806,10 @@
         return this.each(function () {
           var data = $(this).data(DATA_KEY);
 
-          var _options = $.extend({}, Default, $(this).data());
+          var _config = $.extend({}, Default, $(this).data());
 
           if (!data) {
-            data = new Treeview($(this), _options);
+            data = new Treeview($(this), _config);
             $(this).data(DATA_KEY, data);
           }
 
@@ -942,7 +877,9 @@
      * ====================================================
      */
 
-    var DirectChat = /*#__PURE__*/function () {
+    var DirectChat =
+    /*#__PURE__*/
+    function () {
       function DirectChat(element, config) {
         this._element = element;
       }
@@ -1032,7 +969,9 @@
      * ====================================================
      */
 
-    var TodoList = /*#__PURE__*/function () {
+    var TodoList =
+    /*#__PURE__*/
+    function () {
       function TodoList(element, config) {
         this._config = config;
         this._element = element;
@@ -1076,10 +1015,10 @@
         return this.each(function () {
           var data = $(this).data(DATA_KEY);
 
-          var _options = $.extend({}, Default, $(this).data());
+          var _config = $.extend({}, Default, $(this).data());
 
           if (!data) {
-            data = new TodoList($(this), _options);
+            data = new TodoList($(this), _config);
             $(this).data(DATA_KEY, data);
           }
 
@@ -1141,8 +1080,6 @@
     var ClassName = {
       CARD: 'card',
       COLLAPSED: 'collapsed-card',
-      COLLAPSING: 'collapsing-card',
-      EXPANDING: 'expanding-card',
       WAS_COLLAPSED: 'was-collapsed',
       MAXIMIZED: 'maximized-card'
     };
@@ -1167,7 +1104,9 @@
       minimizeIcon: 'fa-compress'
     };
 
-    var CardWidget = /*#__PURE__*/function () {
+    var CardWidget =
+    /*#__PURE__*/
+    function () {
       function CardWidget(element, settings) {
         this._element = element;
         this._parent = element.parents(Selector.CARD).first();
@@ -1184,11 +1123,11 @@
       _proto.collapse = function collapse() {
         var _this = this;
 
-        this._parent.addClass(ClassName.COLLAPSING).children(Selector.CARD_BODY + ", " + Selector.CARD_FOOTER).slideUp(this._settings.animationSpeed, function () {
-          _this._parent.addClass(ClassName.COLLAPSED).removeClass(ClassName.COLLAPSING);
+        this._parent.children(Selector.CARD_BODY + ", " + Selector.CARD_FOOTER).slideUp(this._settings.animationSpeed, function () {
+          _this._parent.addClass(ClassName.COLLAPSED);
         });
 
-        this._parent.find('> ' + Selector.CARD_HEADER + ' ' + this._settings.collapseTrigger + ' .' + this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon);
+        this._parent.find(this._settings.collapseTrigger + ' .' + this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon);
 
         var collapsed = $.Event(Event.COLLAPSED);
 
@@ -1198,11 +1137,11 @@
       _proto.expand = function expand() {
         var _this2 = this;
 
-        this._parent.addClass(ClassName.EXPANDING).children(Selector.CARD_BODY + ", " + Selector.CARD_FOOTER).slideDown(this._settings.animationSpeed, function () {
-          _this2._parent.removeClass(ClassName.COLLAPSED).removeClass(ClassName.EXPANDING);
+        this._parent.children(Selector.CARD_BODY + ", " + Selector.CARD_FOOTER).slideDown(this._settings.animationSpeed, function () {
+          _this2._parent.removeClass(ClassName.COLLAPSED);
         });
 
-        this._parent.find('> ' + Selector.CARD_HEADER + ' ' + this._settings.collapseTrigger + ' .' + this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon);
+        this._parent.find(this._settings.collapseTrigger + ' .' + this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon);
 
         var expanded = $.Event(Event.EXPANDED);
 
@@ -1301,10 +1240,8 @@
       CardWidget._jQueryInterface = function _jQueryInterface(config) {
         var data = $(this).data(DATA_KEY);
 
-        var _options = $.extend({}, Default, $(this).data());
-
         if (!data) {
-          data = new CardWidget($(this), _options);
+          data = new CardWidget($(this), data);
           $(this).data(DATA_KEY, typeof config === 'string' ? data : config);
         }
 
@@ -1403,7 +1340,9 @@
       }
     };
 
-    var CardRefresh = /*#__PURE__*/function () {
+    var CardRefresh =
+    /*#__PURE__*/
+    function () {
       function CardRefresh(element, settings) {
         this._element = element;
         this._parent = element.parents(Selector.CARD).first();
@@ -1417,6 +1356,12 @@
         if (this._settings.source === '') {
           throw new Error('Source url was not defined. Please specify a url in your CardRefresh source option.');
         }
+
+        this._init();
+
+        if (this._settings.loadOnInit) {
+          this.load();
+        }
       }
 
       var _proto = CardRefresh.prototype;
@@ -1464,26 +1409,21 @@
         $(this).find(this._settings.trigger).on('click', function () {
           _this.load();
         });
-
-        if (this._settings.loadOnInit) {
-          this.load();
-        }
       } // Static
       ;
 
       CardRefresh._jQueryInterface = function _jQueryInterface(config) {
         var data = $(this).data(DATA_KEY);
-
-        var _options = $.extend({}, Default, $(this).data());
+        var options = $(this).data();
 
         if (!data) {
-          data = new CardRefresh($(this), _options);
+          data = new CardRefresh($(this), options);
           $(this).data(DATA_KEY, typeof config === 'string' ? data : config);
         }
 
         if (typeof config === 'string' && config.match(/load/)) {
           data[config]();
-        } else {
+        } else if (typeof config === 'object') {
           data._init($(this));
         }
       };
@@ -1503,11 +1443,6 @@
 
       CardRefresh._jQueryInterface.call($(this), 'load');
     });
-    $(document).ready(function () {
-      $(Selector.DATA_REFRESH).each(function () {
-        CardRefresh._jQueryInterface.call($(this));
-      });
-    });
     /**
      * jQuery API
      * ====================================================
@@ -1539,22 +1474,18 @@
     var DATA_KEY = 'lte.dropdown';
     var JQUERY_NO_CONFLICT = $.fn[NAME];
     var Selector = {
-      NAVBAR: '.navbar',
-      DROPDOWN_MENU: '.dropdown-menu',
-      DROPDOWN_MENU_ACTIVE: '.dropdown-menu.show',
+      DROPDOWN_MENU: 'ul.dropdown-menu',
       DROPDOWN_TOGGLE: '[data-toggle="dropdown"]'
     };
-    var ClassName = {
-      DROPDOWN_HOVER: 'dropdown-hover',
-      DROPDOWN_RIGHT: 'dropdown-menu-right'
-    };
     var Default = {};
     /**
      * Class Definition
      * ====================================================
      */
 
-    var Dropdown = /*#__PURE__*/function () {
+    var Dropdown =
+    /*#__PURE__*/
+    function () {
       function Dropdown(element, config) {
         this._config = config;
         this._element = element;
@@ -1573,35 +1504,6 @@
         this._element.parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
           $('.dropdown-submenu .show').removeClass("show").hide();
         });
-      };
-
-      _proto.fixPosition = function fixPosition() {
-        var elm = $(Selector.DROPDOWN_MENU_ACTIVE);
-
-        if (elm.length !== 0) {
-          if (elm.hasClass(ClassName.DROPDOWN_RIGHT)) {
-            elm.css('left', 'inherit');
-            elm.css('right', 0);
-          } else {
-            elm.css('left', 0);
-            elm.css('right', 'inherit');
-          }
-
-          var offset = elm.offset();
-          var width = elm.width();
-          var windowWidth = $(window).width();
-          var visiblePart = windowWidth - offset.left;
-
-          if (offset.left < 0) {
-            elm.css('left', 'inherit');
-            elm.css('right', offset.left - 5);
-          } else {
-            if (visiblePart < width) {
-              elm.css('left', 'inherit');
-              elm.css('right', 0);
-            }
-          }
-        }
       } // Static
       ;
 
@@ -1616,7 +1518,7 @@
             $(this).data(DATA_KEY, data);
           }
 
-          if (config === 'toggleSubmenu' || config == 'fixPosition') {
+          if (config === 'toggleSubmenu') {
             data[config]();
           }
         });
@@ -1635,13 +1537,13 @@
       event.stopPropagation();
 
       Dropdown._jQueryInterface.call($(this), 'toggleSubmenu');
-    });
-    $(Selector.NAVBAR + ' ' + Selector.DROPDOWN_TOGGLE).on("click", function (event) {
-      event.preventDefault();
-      setTimeout(function () {
-        Dropdown._jQueryInterface.call($(this), 'fixPosition');
-      }, 1);
-    });
+    }); // $(Selector.SIDEBAR + ' a').on('focusin', () => {
+    //   $(Selector.MAIN_SIDEBAR).addClass(ClassName.SIDEBAR_FOCUSED);
+    // })
+    // $(Selector.SIDEBAR + ' a').on('focusout', () => {
+    //   $(Selector.MAIN_SIDEBAR).removeClass(ClassName.SIDEBAR_FOCUSED);
+    // })
+
     /**
      * jQuery API
      * ====================================================
@@ -1720,7 +1622,9 @@
      * ====================================================
      */
 
-    var Toasts = /*#__PURE__*/function () {
+    var Toasts =
+    /*#__PURE__*/
+    function () {
       function Toasts(element, config) {
         this._config = config;
 
@@ -1840,9 +1744,9 @@
 
       Toasts._jQueryInterface = function _jQueryInterface(option, config) {
         return this.each(function () {
-          var _options = $.extend({}, Default, config);
+          var _config = $.extend({}, Default, config);
 
-          var toast = new Toasts($(this), _options);
+          var toast = new Toasts($(this), _config);
 
           if (option === 'create') {
             toast[option]();
@@ -1882,5 +1786,5 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=adminlte.js.map

src/resources/wwwroot/lib/AdminLTE/dist/js/demo.js

@@ -0,0 +1,413 @@
+/**
+ * AdminLTE Demo Menu
+ * ------------------
+ * You should not use this file in production.
+ * This file is for demo purposes only.
+ */
+(function ($) {
+  'use strict'
+
+  var $sidebar   = $('.control-sidebar')
+  var $container = $('<div />', {
+    class: 'p-3 control-sidebar-content'
+  })
+
+  $sidebar.append($container)
+
+  var navbar_dark_skins = [
+    'navbar-primary',
+    'navbar-secondary',
+    'navbar-info',
+    'navbar-success',
+    'navbar-danger',
+    'navbar-indigo',
+    'navbar-purple',
+    'navbar-pink',
+    'navbar-teal',
+    'navbar-cyan',
+    'navbar-dark',
+    'navbar-gray-dark',
+    'navbar-gray',
+  ]
+
+  var navbar_light_skins = [
+    'navbar-light',
+    'navbar-warning',
+    'navbar-white',
+    'navbar-orange',
+  ]
+
+  $container.append(
+    '<h5>Customize AdminLTE</h5><hr class="mb-2"/>'
+  )
+
+  var $no_border_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.main-header').hasClass('border-bottom-0'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.main-header').addClass('border-bottom-0')
+    } else {
+      $('.main-header').removeClass('border-bottom-0')
+    }
+  })
+  var $no_border_container = $('<div />', {'class': 'mb-1'}).append($no_border_checkbox).append('<span>No Navbar border</span>')
+  $container.append($no_border_container)
+
+  var $text_sm_body_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('body').hasClass('text-sm'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('body').addClass('text-sm')
+    } else {
+      $('body').removeClass('text-sm')
+    }
+  })
+  var $text_sm_body_container = $('<div />', {'class': 'mb-1'}).append($text_sm_body_checkbox).append('<span>Body small text</span>')
+  $container.append($text_sm_body_container)
+
+  var $text_sm_header_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.main-header').hasClass('text-sm'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.main-header').addClass('text-sm')
+    } else {
+      $('.main-header').removeClass('text-sm')
+    }
+  })
+  var $text_sm_header_container = $('<div />', {'class': 'mb-1'}).append($text_sm_header_checkbox).append('<span>Navbar small text</span>')
+  $container.append($text_sm_header_container)
+
+  var $text_sm_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.nav-sidebar').hasClass('text-sm'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.nav-sidebar').addClass('text-sm')
+    } else {
+      $('.nav-sidebar').removeClass('text-sm')
+    }
+  })
+  var $text_sm_sidebar_container = $('<div />', {'class': 'mb-1'}).append($text_sm_sidebar_checkbox).append('<span>Sidebar nav small text</span>')
+  $container.append($text_sm_sidebar_container)
+
+  var $text_sm_footer_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.main-footer').hasClass('text-sm'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.main-footer').addClass('text-sm')
+    } else {
+      $('.main-footer').removeClass('text-sm')
+    }
+  })
+  var $text_sm_footer_container = $('<div />', {'class': 'mb-1'}).append($text_sm_footer_checkbox).append('<span>Footer small text</span>')
+  $container.append($text_sm_footer_container)
+
+  var $flat_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.nav-sidebar').hasClass('nav-flat'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.nav-sidebar').addClass('nav-flat')
+    } else {
+      $('.nav-sidebar').removeClass('nav-flat')
+    }
+  })
+  var $flat_sidebar_container = $('<div />', {'class': 'mb-1'}).append($flat_sidebar_checkbox).append('<span>Sidebar nav flat style</span>')
+  $container.append($flat_sidebar_container)
+
+  var $legacy_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.nav-sidebar').hasClass('nav-legacy'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.nav-sidebar').addClass('nav-legacy')
+    } else {
+      $('.nav-sidebar').removeClass('nav-legacy')
+    }
+  })
+  var $legacy_sidebar_container = $('<div />', {'class': 'mb-1'}).append($legacy_sidebar_checkbox).append('<span>Sidebar nav legacy style</span>')
+  $container.append($legacy_sidebar_container)
+
+  var $compact_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.nav-sidebar').hasClass('nav-compact'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.nav-sidebar').addClass('nav-compact')
+    } else {
+      $('.nav-sidebar').removeClass('nav-compact')
+    }
+  })
+  var $compact_sidebar_container = $('<div />', {'class': 'mb-1'}).append($compact_sidebar_checkbox).append('<span>Sidebar nav compact</span>')
+  $container.append($compact_sidebar_container)
+
+  var $child_indent_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.nav-sidebar').hasClass('nav-child-indent'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.nav-sidebar').addClass('nav-child-indent')
+    } else {
+      $('.nav-sidebar').removeClass('nav-child-indent')
+    }
+  })
+  var $child_indent_sidebar_container = $('<div />', {'class': 'mb-1'}).append($child_indent_sidebar_checkbox).append('<span>Sidebar nav child indent</span>')
+  $container.append($child_indent_sidebar_container)
+
+  var $no_expand_sidebar_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.main-sidebar').hasClass('sidebar-no-expand'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.main-sidebar').addClass('sidebar-no-expand')
+    } else {
+      $('.main-sidebar').removeClass('sidebar-no-expand')
+    }
+  })
+  var $no_expand_sidebar_container = $('<div />', {'class': 'mb-1'}).append($no_expand_sidebar_checkbox).append('<span>Main Sidebar disable hover/focus auto expand</span>')
+  $container.append($no_expand_sidebar_container)
+
+  var $text_sm_brand_checkbox = $('<input />', {
+    type   : 'checkbox',
+    value  : 1,
+    checked: $('.brand-link').hasClass('text-sm'),
+    'class': 'mr-1'
+  }).on('click', function () {
+    if ($(this).is(':checked')) {
+      $('.brand-link').addClass('text-sm')
+    } else {
+      $('.brand-link').removeClass('text-sm')
+    }
+  })
+  var $text_sm_brand_container = $('<div />', {'class': 'mb-4'}).append($text_sm_brand_checkbox).append('<span>Brand small text</span>')
+  $container.append($text_sm_brand_container)
+
+  $container.append('<h6>Navbar Variants</h6>')
+
+  var $navbar_variants        = $('<div />', {
+    'class': 'd-flex'
+  })
+  var navbar_all_colors       = navbar_dark_skins.concat(navbar_light_skins)
+  var $navbar_variants_colors = createSkinBlock(navbar_all_colors, function (e) {
+    var color = $(this).data('color')
+    var $main_header = $('.main-header')
+    $main_header.removeClass('navbar-dark').removeClass('navbar-light')
+    navbar_all_colors.map(function (color) {
+      $main_header.removeClass(color)
+    })
+
+    if (navbar_dark_skins.indexOf(color) > -1) {
+      $main_header.addClass('navbar-dark')
+    } else {
+      $main_header.addClass('navbar-light')
+    }
+
+    $main_header.addClass(color)
+  })
+
+  $navbar_variants.append($navbar_variants_colors)
+
+  $container.append($navbar_variants)
+
+  var sidebar_colors = [
+    'bg-primary',
+    'bg-warning',
+    'bg-info',
+    'bg-danger',
+    'bg-success',
+    'bg-indigo',
+    'bg-navy',
+    'bg-purple',
+    'bg-fuchsia',
+    'bg-pink',
+    'bg-maroon',
+    'bg-orange',
+    'bg-lime',
+    'bg-teal',
+    'bg-olive'
+  ]
+
+  var accent_colors = [
+    'accent-primary',
+    'accent-warning',
+    'accent-info',
+    'accent-danger',
+    'accent-success',
+    'accent-indigo',
+    'accent-navy',
+    'accent-purple',
+    'accent-fuchsia',
+    'accent-pink',
+    'accent-maroon',
+    'accent-orange',
+    'accent-lime',
+    'accent-teal',
+    'accent-olive'
+  ]
+
+  var sidebar_skins = [
+    'sidebar-dark-primary',
+    'sidebar-dark-warning',
+    'sidebar-dark-info',
+    'sidebar-dark-danger',
+    'sidebar-dark-success',
+    'sidebar-dark-indigo',
+    'sidebar-dark-navy',
+    'sidebar-dark-purple',
+    'sidebar-dark-fuchsia',
+    'sidebar-dark-pink',
+    'sidebar-dark-maroon',
+    'sidebar-dark-orange',
+    'sidebar-dark-lime',
+    'sidebar-dark-teal',
+    'sidebar-dark-olive',
+    'sidebar-light-primary',
+    'sidebar-light-warning',
+    'sidebar-light-info',
+    'sidebar-light-danger',
+    'sidebar-light-success',
+    'sidebar-light-indigo',
+    'sidebar-light-navy',
+    'sidebar-light-purple',
+    'sidebar-light-fuchsia',
+    'sidebar-light-pink',
+    'sidebar-light-maroon',
+    'sidebar-light-orange',
+    'sidebar-light-lime',
+    'sidebar-light-teal',
+    'sidebar-light-olive'
+  ]
+
+  $container.append('<h6>Accent Color Variants</h6>')
+  var $accent_variants = $('<div />', {
+    'class': 'd-flex'
+  })
+  $container.append($accent_variants)
+  $container.append(createSkinBlock(accent_colors, function () {
+    var color         = $(this).data('color')
+    var accent_class = color
+    var $body      = $('body')
+    accent_colors.map(function (skin) {
+      $body.removeClass(skin)
+    })
+
+    $body.addClass(accent_class)
+  }))
+
+  $container.append('<h6>Dark Sidebar Variants</h6>')
+  var $sidebar_variants = $('<div />', {
+    'class': 'd-flex'
+  })
+  $container.append($sidebar_variants)
+  $container.append(createSkinBlock(sidebar_colors, function () {
+    var color         = $(this).data('color')
+    var sidebar_class = 'sidebar-dark-' + color.replace('bg-', '')
+    var $sidebar      = $('.main-sidebar')
+    sidebar_skins.map(function (skin) {
+      $sidebar.removeClass(skin)
+    })
+
+    $sidebar.addClass(sidebar_class)
+  }))
+
+  $container.append('<h6>Light Sidebar Variants</h6>')
+  var $sidebar_variants = $('<div />', {
+    'class': 'd-flex'
+  })
+  $container.append($sidebar_variants)
+  $container.append(createSkinBlock(sidebar_colors, function () {
+    var color         = $(this).data('color')
+    var sidebar_class = 'sidebar-light-' + color.replace('bg-', '')
+    var $sidebar      = $('.main-sidebar')
+    sidebar_skins.map(function (skin) {
+      $sidebar.removeClass(skin)
+    })
+
+    $sidebar.addClass(sidebar_class)
+  }))
+
+  var logo_skins = navbar_all_colors
+  $container.append('<h6>Brand Logo Variants</h6>')
+  var $logo_variants = $('<div />', {
+    'class': 'd-flex'
+  })
+  $container.append($logo_variants)
+  var $clear_btn = $('<a />', {
+    href: 'javascript:void(0)'
+  }).text('clear').on('click', function () {
+    var $logo = $('.brand-link')
+    logo_skins.map(function (skin) {
+      $logo.removeClass(skin)
+    })
+  })
+  $container.append(createSkinBlock(logo_skins, function () {
+    var color = $(this).data('color')
+    var $logo = $('.brand-link')
+    logo_skins.map(function (skin) {
+      $logo.removeClass(skin)
+    })
+    $logo.addClass(color)
+  }).append($clear_btn))
+
+  function createSkinBlock(colors, callback) {
+    var $block = $('<div />', {
+      'class': 'd-flex flex-wrap mb-3'
+    })
+
+    colors.map(function (color) {
+      var $color = $('<div />', {
+        'class': (typeof color === 'object' ? color.join(' ') : color).replace('navbar-', 'bg-').replace('accent-', 'bg-') + ' elevation-2'
+      })
+
+      $block.append($color)
+
+      $color.data('color', color)
+
+      $color.css({
+        width       : '40px',
+        height      : '20px',
+        borderRadius: '25px',
+        marginRight : 10,
+        marginBottom: 10,
+        opacity     : 0.8,
+        cursor      : 'pointer'
+      })
+
+      $color.hover(function () {
+        $(this).css({ opacity: 1 }).removeClass('elevation-2').addClass('elevation-4')
+      }, function () {
+        $(this).css({ opacity: 0.8 }).removeClass('elevation-4').addClass('elevation-2')
+      })
+
+      if (callback) {
+        $color.on('click', callback)
+      }
+    })
+
+    return $block
+  }
+})(jQuery)

src/resources/wwwroot/lib/AdminLTE/dist/js/pages/dashboard.js

@@ -0,0 +1,264 @@
+/*
+ * Author: Abdullah A Almsaeed
+ * Date: 4 Jan 2014
+ * Description:
+ *      This is a demo file used only for the main dashboard (index.html)
+ **/
+
+$(function () {
+
+  'use strict'
+
+  // Make the dashboard widgets sortable Using jquery UI
+  $('.connectedSortable').sortable({
+    placeholder         : 'sort-highlight',
+    connectWith         : '.connectedSortable',
+    handle              : '.card-header, .nav-tabs',
+    forcePlaceholderSize: true,
+    zIndex              : 999999
+  })
+  $('.connectedSortable .card-header, .connectedSortable .nav-tabs-custom').css('cursor', 'move')
+
+  // jQuery UI sortable for the todo list
+  $('.todo-list').sortable({
+    placeholder         : 'sort-highlight',
+    handle              : '.handle',
+    forcePlaceholderSize: true,
+    zIndex              : 999999
+  })
+
+  // bootstrap WYSIHTML5 - text editor
+  $('.textarea').summernote()
+
+  $('.daterange').daterangepicker({
+    ranges   : {
+      'Today'       : [moment(), moment()],
+      'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+      'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
+      'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+      'This Month'  : [moment().startOf('month'), moment().endOf('month')],
+      'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
+    },
+    startDate: moment().subtract(29, 'days'),
+    endDate  : moment()
+  }, function (start, end) {
+    window.alert('You chose: ' + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
+  })
+
+  /* jQueryKnob */
+  $('.knob').knob()
+
+  // jvectormap data
+  var visitorsData = {
+    'US': 398, //USA
+    'SA': 400, //Saudi Arabia
+    'CA': 1000, //Canada
+    'DE': 500, //Germany
+    'FR': 760, //France
+    'CN': 300, //China
+    'AU': 700, //Australia
+    'BR': 600, //Brazil
+    'IN': 800, //India
+    'GB': 320, //Great Britain
+    'RU': 3000 //Russia
+  }
+  // World map by jvectormap
+  $('#world-map').vectorMap({
+    map              : 'usa_en',
+    backgroundColor  : 'transparent',
+    regionStyle      : {
+      initial: {
+        fill            : 'rgba(255, 255, 255, 0.7)',
+        'fill-opacity'  : 1,
+        stroke          : 'rgba(0,0,0,.2)',
+        'stroke-width'  : 1,
+        'stroke-opacity': 1
+      }
+    },
+    series           : {
+      regions: [{
+        values           : visitorsData,
+        scale            : ['#ffffff', '#0154ad'],
+        normalizeFunction: 'polynomial'
+      }]
+    },
+    onRegionLabelShow: function (e, el, code) {
+      if (typeof visitorsData[code] != 'undefined')
+        el.html(el.html() + ': ' + visitorsData[code] + ' new visitors')
+    }
+  })
+
+  // Sparkline charts
+  var sparkline1 = new Sparkline($("#sparkline-1")[0], {width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9'});
+  var sparkline2 = new Sparkline($("#sparkline-2")[0], {width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9'});
+  var sparkline3 = new Sparkline($("#sparkline-3")[0], {width: 80, height: 50, lineColor: '#92c1dc', endColor: '#ebf4f9'});
+
+  sparkline1.draw([1000, 1200, 920, 927, 931, 1027, 819, 930, 1021]);
+  sparkline2.draw([515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921]);
+  sparkline3.draw([15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21]);
+
+  // The Calender
+  $('#calendar').datetimepicker({
+    format: 'L',
+    inline: true
+  })
+
+  // SLIMSCROLL FOR CHAT WIDGET
+  $('#chat-box').overlayScrollbars({
+    height: '250px'
+  })
+
+  /* Chart.js Charts */
+  // Sales chart
+  var salesChartCanvas = document.getElementById('revenue-chart-canvas').getContext('2d');
+  //$('#revenue-chart').get(0).getContext('2d');
+
+  var salesChartData = {
+    labels  : ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+    datasets: [
+      {
+        label               : 'Digital Goods',
+        backgroundColor     : 'rgba(60,141,188,0.9)',
+        borderColor         : 'rgba(60,141,188,0.8)',
+        pointRadius          : false,
+        pointColor          : '#3b8bba',
+        pointStrokeColor    : 'rgba(60,141,188,1)',
+        pointHighlightFill  : '#fff',
+        pointHighlightStroke: 'rgba(60,141,188,1)',
+        data                : [28, 48, 40, 19, 86, 27, 90]
+      },
+      {
+        label               : 'Electronics',
+        backgroundColor     : 'rgba(210, 214, 222, 1)',
+        borderColor         : 'rgba(210, 214, 222, 1)',
+        pointRadius         : false,
+        pointColor          : 'rgba(210, 214, 222, 1)',
+        pointStrokeColor    : '#c1c7d1',
+        pointHighlightFill  : '#fff',
+        pointHighlightStroke: 'rgba(220,220,220,1)',
+        data                : [65, 59, 80, 81, 56, 55, 40]
+      },
+    ]
+  }
+
+  var salesChartOptions = {
+    maintainAspectRatio : false,
+    responsive : true,
+    legend: {
+      display: false
+    },
+    scales: {
+      xAxes: [{
+        gridLines : {
+          display : false,
+        }
+      }],
+      yAxes: [{
+        gridLines : {
+          display : false,
+        }
+      }]
+    }
+  }
+
+  // This will get the first returned node in the jQuery collection.
+  var salesChart = new Chart(salesChartCanvas, { 
+      type: 'line', 
+      data: salesChartData, 
+      options: salesChartOptions
+    }
+  )
+
+  // Donut Chart
+  var pieChartCanvas = $('#sales-chart-canvas').get(0).getContext('2d')
+  var pieData        = {
+    labels: [
+        'Instore Sales', 
+        'Download Sales',
+        'Mail-Order Sales', 
+    ],
+    datasets: [
+      {
+        data: [30,12,20],
+        backgroundColor : ['#f56954', '#00a65a', '#f39c12'],
+      }
+    ]
+  }
+  var pieOptions = {
+    legend: {
+      display: false
+    },
+    maintainAspectRatio : false,
+    responsive : true,
+  }
+  //Create pie or douhnut chart
+  // You can switch between pie and douhnut using the method below.
+  var pieChart = new Chart(pieChartCanvas, {
+    type: 'doughnut',
+    data: pieData,
+    options: pieOptions      
+  });
+
+  // Sales graph chart
+  var salesGraphChartCanvas = $('#line-chart').get(0).getContext('2d');
+  //$('#revenue-chart').get(0).getContext('2d');
+
+  var salesGraphChartData = {
+    labels  : ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4', '2013 Q1', '2013 Q2'],
+    datasets: [
+      {
+        label               : 'Digital Goods',
+        fill                : false,
+        borderWidth         : 2,
+        lineTension         : 0,
+        spanGaps : true,
+        borderColor         : '#efefef',
+        pointRadius         : 3,
+        pointHoverRadius    : 7,
+        pointColor          : '#efefef',
+        pointBackgroundColor: '#efefef',
+        data                : [2666, 2778, 4912, 3767, 6810, 5670, 4820, 15073, 10687, 8432]
+      }
+    ]
+  }
+
+  var salesGraphChartOptions = {
+    maintainAspectRatio : false,
+    responsive : true,
+    legend: {
+      display: false,
+    },
+    scales: {
+      xAxes: [{
+        ticks : {
+          fontColor: '#efefef',
+        },
+        gridLines : {
+          display : false,
+          color: '#efefef',
+          drawBorder: false,
+        }
+      }],
+      yAxes: [{
+        ticks : {
+          stepSize: 5000,
+          fontColor: '#efefef',
+        },
+        gridLines : {
+          display : true,
+          color: '#efefef',
+          drawBorder: false,
+        }
+      }]
+    }
+  }
+
+  // This will get the first returned node in the jQuery collection.
+  var salesGraphChart = new Chart(salesGraphChartCanvas, { 
+      type: 'line', 
+      data: salesGraphChartData, 
+      options: salesGraphChartOptions
+    }
+  )
+
+})

src/resources/wwwroot/lib/AdminLTE/dist/js/pages/dashboard2.js

@@ -0,0 +1,267 @@
+$(function () {
+
+  'use strict'
+
+  /* ChartJS
+   * -------
+   * Here we will create a few charts using ChartJS
+   */
+
+  //-----------------------
+  //- MONTHLY SALES CHART -
+  //-----------------------
+
+  // Get context with jQuery - using jQuery's .get() method.
+  var salesChartCanvas = $('#salesChart').get(0).getContext('2d')
+
+  var salesChartData = {
+    labels  : ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+    datasets: [
+      {
+        label               : 'Digital Goods',
+        backgroundColor     : 'rgba(60,141,188,0.9)',
+        borderColor         : 'rgba(60,141,188,0.8)',
+        pointRadius          : false,
+        pointColor          : '#3b8bba',
+        pointStrokeColor    : 'rgba(60,141,188,1)',
+        pointHighlightFill  : '#fff',
+        pointHighlightStroke: 'rgba(60,141,188,1)',
+        data                : [28, 48, 40, 19, 86, 27, 90]
+      },
+      {
+        label               : 'Electronics',
+        backgroundColor     : 'rgba(210, 214, 222, 1)',
+        borderColor         : 'rgba(210, 214, 222, 1)',
+        pointRadius         : false,
+        pointColor          : 'rgba(210, 214, 222, 1)',
+        pointStrokeColor    : '#c1c7d1',
+        pointHighlightFill  : '#fff',
+        pointHighlightStroke: 'rgba(220,220,220,1)',
+        data                : [65, 59, 80, 81, 56, 55, 40]
+      },
+    ]
+  }
+
+  var salesChartOptions = {
+    maintainAspectRatio : false,
+    responsive : true,
+    legend: {
+      display: false
+    },
+    scales: {
+      xAxes: [{
+        gridLines : {
+          display : false,
+        }
+      }],
+      yAxes: [{
+        gridLines : {
+          display : false,
+        }
+      }]
+    }
+  }
+
+  // This will get the first returned node in the jQuery collection.
+  var salesChart = new Chart(salesChartCanvas, { 
+      type: 'line', 
+      data: salesChartData, 
+      options: salesChartOptions
+    }
+  )
+
+  //---------------------------
+  //- END MONTHLY SALES CHART -
+  //---------------------------
+
+  //-------------
+  //- PIE CHART -
+  //-------------
+  // Get context with jQuery - using jQuery's .get() method.
+    var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
+    var pieData        = {
+      labels: [
+          'Chrome', 
+          'IE',
+          'FireFox', 
+          'Safari', 
+          'Opera', 
+          'Navigator', 
+      ],
+      datasets: [
+        {
+          data: [700,500,400,600,300,100],
+          backgroundColor : ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de'],
+        }
+      ]
+    }
+    var pieOptions     = {
+      legend: {
+        display: false
+      }
+    }
+    //Create pie or douhnut chart
+    // You can switch between pie and douhnut using the method below.
+    var pieChart = new Chart(pieChartCanvas, {
+      type: 'doughnut',
+      data: pieData,
+      options: pieOptions      
+    })
+
+  //-----------------
+  //- END PIE CHART -
+  //-----------------
+
+  /* jVector Maps
+   * ------------
+   * Create a world map with markers
+   */
+  $('#world-map-markers').mapael({
+      map: {
+        name : "usa_states",
+        zoom: {
+          enabled: true,
+          maxLevel: 10
+        },
+      },
+    }
+  );
+
+  // $('#world-map-markers').vectorMap({
+  //   map              : 'world_en',
+  //   normalizeFunction: 'polynomial',
+  //   hoverOpacity     : 0.7,
+  //   hoverColor       : false,
+  //   backgroundColor  : 'transparent',
+  //   regionStyle      : {
+  //     initial      : {
+  //       fill            : 'rgba(210, 214, 222, 1)',
+  //       'fill-opacity'  : 1,
+  //       stroke          : 'none',
+  //       'stroke-width'  : 0,
+  //       'stroke-opacity': 1
+  //     },
+  //     hover        : {
+  //       'fill-opacity': 0.7,
+  //       cursor        : 'pointer'
+  //     },
+  //     selected     : {
+  //       fill: 'yellow'
+  //     },
+  //     selectedHover: {}
+  //   },
+  //   markerStyle      : {
+  //     initial: {
+  //       fill  : '#00a65a',
+  //       stroke: '#111'
+  //     }
+  //   },
+  //   markers          : [
+  //     {
+  //       latLng: [41.90, 12.45],
+  //       name  : 'Vatican City'
+  //     },
+  //     {
+  //       latLng: [43.73, 7.41],
+  //       name  : 'Monaco'
+  //     },
+  //     {
+  //       latLng: [-0.52, 166.93],
+  //       name  : 'Nauru'
+  //     },
+  //     {
+  //       latLng: [-8.51, 179.21],
+  //       name  : 'Tuvalu'
+  //     },
+  //     {
+  //       latLng: [43.93, 12.46],
+  //       name  : 'San Marino'
+  //     },
+  //     {
+  //       latLng: [47.14, 9.52],
+  //       name  : 'Liechtenstein'
+  //     },
+  //     {
+  //       latLng: [7.11, 171.06],
+  //       name  : 'Marshall Islands'
+  //     },
+  //     {
+  //       latLng: [17.3, -62.73],
+  //       name  : 'Saint Kitts and Nevis'
+  //     },
+  //     {
+  //       latLng: [3.2, 73.22],
+  //       name  : 'Maldives'
+  //     },
+  //     {
+  //       latLng: [35.88, 14.5],
+  //       name  : 'Malta'
+  //     },
+  //     {
+  //       latLng: [12.05, -61.75],
+  //       name  : 'Grenada'
+  //     },
+  //     {
+  //       latLng: [13.16, -61.23],
+  //       name  : 'Saint Vincent and the Grenadines'
+  //     },
+  //     {
+  //       latLng: [13.16, -59.55],
+  //       name  : 'Barbados'
+  //     },
+  //     {
+  //       latLng: [17.11, -61.85],
+  //       name  : 'Antigua and Barbuda'
+  //     },
+  //     {
+  //       latLng: [-4.61, 55.45],
+  //       name  : 'Seychelles'
+  //     },
+  //     {
+  //       latLng: [7.35, 134.46],
+  //       name  : 'Palau'
+  //     },
+  //     {
+  //       latLng: [42.5, 1.51],
+  //       name  : 'Andorra'
+  //     },
+  //     {
+  //       latLng: [14.01, -60.98],
+  //       name  : 'Saint Lucia'
+  //     },
+  //     {
+  //       latLng: [6.91, 158.18],
+  //       name  : 'Federated States of Micronesia'
+  //     },
+  //     {
+  //       latLng: [1.3, 103.8],
+  //       name  : 'Singapore'
+  //     },
+  //     {
+  //       latLng: [1.46, 173.03],
+  //       name  : 'Kiribati'
+  //     },
+  //     {
+  //       latLng: [-21.13, -175.2],
+  //       name  : 'Tonga'
+  //     },
+  //     {
+  //       latLng: [15.3, -61.38],
+  //       name  : 'Dominica'
+  //     },
+  //     {
+  //       latLng: [-20.2, 57.5],
+  //       name  : 'Mauritius'
+  //     },
+  //     {
+  //       latLng: [26.02, 50.55],
+  //       name  : 'Bahrain'
+  //     },
+  //     {
+  //       latLng: [0.33, 6.73],
+  //       name  : 'São Tomé and Príncipe'
+  //     }
+  //   ]
+  // })
+
+})

src/resources/wwwroot/lib/AdminLTE/dist/js/pages/dashboard3.js

@@ -0,0 +1,140 @@
+$(function () {
+  'use strict'
+
+  var ticksStyle = {
+    fontColor: '#495057',
+    fontStyle: 'bold'
+  }
+
+  var mode      = 'index'
+  var intersect = true
+
+  var $salesChart = $('#sales-chart')
+  var salesChart  = new Chart($salesChart, {
+    type   : 'bar',
+    data   : {
+      labels  : ['JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
+      datasets: [
+        {
+          backgroundColor: '#007bff',
+          borderColor    : '#007bff',
+          data           : [1000, 2000, 3000, 2500, 2700, 2500, 3000]
+        },
+        {
+          backgroundColor: '#ced4da',
+          borderColor    : '#ced4da',
+          data           : [700, 1700, 2700, 2000, 1800, 1500, 2000]
+        }
+      ]
+    },
+    options: {
+      maintainAspectRatio: false,
+      tooltips           : {
+        mode     : mode,
+        intersect: intersect
+      },
+      hover              : {
+        mode     : mode,
+        intersect: intersect
+      },
+      legend             : {
+        display: false
+      },
+      scales             : {
+        yAxes: [{
+          // display: false,
+          gridLines: {
+            display      : true,
+            lineWidth    : '4px',
+            color        : 'rgba(0, 0, 0, .2)',
+            zeroLineColor: 'transparent'
+          },
+          ticks    : $.extend({
+            beginAtZero: true,
+
+            // Include a dollar sign in the ticks
+            callback: function (value, index, values) {
+              if (value >= 1000) {
+                value /= 1000
+                value += 'k'
+              }
+              return '$' + value
+            }
+          }, ticksStyle)
+        }],
+        xAxes: [{
+          display  : true,
+          gridLines: {
+            display: false
+          },
+          ticks    : ticksStyle
+        }]
+      }
+    }
+  })
+
+  var $visitorsChart = $('#visitors-chart')
+  var visitorsChart  = new Chart($visitorsChart, {
+    data   : {
+      labels  : ['18th', '20th', '22nd', '24th', '26th', '28th', '30th'],
+      datasets: [{
+        type                : 'line',
+        data                : [100, 120, 170, 167, 180, 177, 160],
+        backgroundColor     : 'transparent',
+        borderColor         : '#007bff',
+        pointBorderColor    : '#007bff',
+        pointBackgroundColor: '#007bff',
+        fill                : false
+        // pointHoverBackgroundColor: '#007bff',
+        // pointHoverBorderColor    : '#007bff'
+      },
+        {
+          type                : 'line',
+          data                : [60, 80, 70, 67, 80, 77, 100],
+          backgroundColor     : 'tansparent',
+          borderColor         : '#ced4da',
+          pointBorderColor    : '#ced4da',
+          pointBackgroundColor: '#ced4da',
+          fill                : false
+          // pointHoverBackgroundColor: '#ced4da',
+          // pointHoverBorderColor    : '#ced4da'
+        }]
+    },
+    options: {
+      maintainAspectRatio: false,
+      tooltips           : {
+        mode     : mode,
+        intersect: intersect
+      },
+      hover              : {
+        mode     : mode,
+        intersect: intersect
+      },
+      legend             : {
+        display: false
+      },
+      scales             : {
+        yAxes: [{
+          // display: false,
+          gridLines: {
+            display      : true,
+            lineWidth    : '4px',
+            color        : 'rgba(0, 0, 0, .2)',
+            zeroLineColor: 'transparent'
+          },
+          ticks    : $.extend({
+            beginAtZero : true,
+            suggestedMax: 200
+          }, ticksStyle)
+        }],
+        xAxes: [{
+          display  : true,
+          gridLines: {
+            display: false
+          },
+          ticks    : ticksStyle
+        }]
+      }
+    }
+  })
+})

src/resources/wwwroot/lib/AdminLTE/plugins/.npmignore

@@ -0,0 +1,2 @@
+*
+!/plugins/flot-old/

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css

@@ -0,0 +1,399 @@
+/*!
+ * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
+ * @package bootstrap-colorpicker
+ * @version v3.1.2
+ * @license MIT
+ * @link https://farbelous.github.io/bootstrap-colorpicker/
+ * @link https://github.com/farbelous/bootstrap-colorpicker.git
+ */
+.colorpicker {
+  position: relative;
+  display: none;
+  font-size: inherit;
+  color: inherit;
+  text-align: left;
+  list-style: none;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  padding: .75rem .75rem;
+  width: 148px;
+  border-radius: 4px;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box; }
+
+.colorpicker.colorpicker-disabled,
+.colorpicker.colorpicker-disabled * {
+  cursor: default !important; }
+
+.colorpicker div {
+  position: relative; }
+
+.colorpicker-popup {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  float: left;
+  margin-top: 1px;
+  z-index: 1060; }
+
+.colorpicker-popup.colorpicker-bs-popover-content {
+  position: relative;
+  top: auto;
+  left: auto;
+  float: none;
+  margin: 0;
+  z-index: initial;
+  border: none;
+  padding: 0.25rem 0;
+  border-radius: 0;
+  background: none;
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+
+.colorpicker:before,
+.colorpicker:after {
+  content: "";
+  display: table;
+  clear: both;
+  line-height: 0; }
+
+.colorpicker-clear {
+  clear: both;
+  display: block; }
+
+.colorpicker:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: auto;
+  right: 6px; }
+
+.colorpicker:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: auto;
+  right: 7px; }
+
+.colorpicker.colorpicker-with-alpha {
+  width: 170px; }
+
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+  display: block; }
+
+.colorpicker-saturation {
+  position: relative;
+  width: 126px;
+  height: 126px;
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
+  /* W3C */
+  cursor: crosshair;
+  float: left;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  margin-bottom: 6px; }
+  .colorpicker-saturation .colorpicker-guide {
+    display: block;
+    height: 6px;
+    width: 6px;
+    border-radius: 6px;
+    border: 1px solid #000;
+    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: -3px 0 0 -3px; }
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  position: relative;
+  width: 16px;
+  height: 126px;
+  float: left;
+  cursor: row-resize;
+  margin-left: 6px;
+  margin-bottom: 6px; }
+
+.colorpicker-alpha-color {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-hue,
+.colorpicker-alpha-color {
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.colorpicker-hue .colorpicker-guide,
+.colorpicker-alpha .colorpicker-guide {
+  display: block;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.8);
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin-left: -2px;
+  margin-top: -2px;
+  right: -2px;
+  z-index: 1; }
+
+.colorpicker-hue {
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+  background: linear-gradient(to top, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+  /* W3C */ }
+
+.colorpicker-alpha {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px;
+  display: none; }
+
+.colorpicker-bar {
+  min-height: 16px;
+  margin: 6px 0 0 0;
+  clear: both;
+  text-align: center;
+  font-size: 10px;
+  line-height: normal;
+  max-width: 100%;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+  .colorpicker-bar:before {
+    content: "";
+    display: table;
+    clear: both; }
+
+.colorpicker-bar.colorpicker-bar-horizontal {
+  height: 126px;
+  width: 16px;
+  margin: 0 0 6px 0;
+  float: left; }
+
+.colorpicker-input-addon {
+  position: relative; }
+
+.colorpicker-input-addon i {
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: text-top;
+  height: 16px;
+  width: 16px;
+  position: relative; }
+
+.colorpicker-input-addon:before {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  vertical-align: text-top;
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker.colorpicker-inline {
+  position: relative;
+  display: inline-block;
+  float: none;
+  z-index: auto;
+  vertical-align: text-bottom; }
+
+.colorpicker.colorpicker-horizontal {
+  width: 126px;
+  height: auto; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-bar {
+  width: 126px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+  float: none;
+  margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  float: none;
+  width: 126px;
+  height: 16px;
+  cursor: col-resize;
+  margin-left: 0;
+  margin-top: 6px;
+  margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {
+  position: absolute;
+  display: block;
+  bottom: -2px;
+  left: 0;
+  right: auto;
+  height: auto;
+  width: 4px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, right top, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+  background: linear-gradient(to left, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+  /* W3C */ }
+
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-inline:before,
+.colorpicker-no-arrow:before,
+.colorpicker-popup.colorpicker-bs-popover-content:before {
+  content: none;
+  display: none; }
+
+.colorpicker-inline:after,
+.colorpicker-no-arrow:after,
+.colorpicker-popup.colorpicker-bs-popover-content:after {
+  content: none;
+  display: none; }
+
+.colorpicker-alpha,
+.colorpicker-saturation,
+.colorpicker-hue {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+
+.colorpicker.colorpicker-visible,
+.colorpicker-alpha.colorpicker-visible,
+.colorpicker-saturation.colorpicker-visible,
+.colorpicker-hue.colorpicker-visible,
+.colorpicker-bar.colorpicker-visible {
+  display: block; }
+
+.colorpicker.colorpicker-hidden,
+.colorpicker-alpha.colorpicker-hidden,
+.colorpicker-saturation.colorpicker-hidden,
+.colorpicker-hue.colorpicker-hidden,
+.colorpicker-bar.colorpicker-hidden {
+  display: none; }
+
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block; }
+
+.colorpicker.colorpicker-disabled:after {
+  border: none;
+  content: '';
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: rgba(233, 236, 239, 0.33);
+  top: 0;
+  left: 0;
+  right: auto;
+  z-index: 2;
+  position: absolute; }
+
+.colorpicker.colorpicker-disabled .colorpicker-guide {
+  display: none; }
+
+/** EXTENSIONS **/
+.colorpicker-preview {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-preview > div {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-bar.colorpicker-swatches {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  height: auto; }
+
+.colorpicker-swatches--inner {
+  clear: both;
+  margin-top: -6px; }
+
+.colorpicker-swatch {
+  position: relative;
+  cursor: pointer;
+  float: left;
+  height: 16px;
+  width: 16px;
+  margin-right: 6px;
+  margin-top: 6px;
+  margin-left: 0;
+  display: block;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-swatch--inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 0; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 6px; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {
+  margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 6px; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-right: 6px; }
+
+.colorpicker-swatch:last-of-type:after {
+  content: "";
+  display: table;
+  clear: both; }
+
+*[dir='rtl'] .colorpicker-element input,
+.colorpicker-element[dir='rtl'] input,
+.colorpicker-element input[dir='rtl'] {
+  direction: ltr;
+  text-align: right; }
+
+/*# sourceMappingURL=bootstrap-colorpicker.css.map */

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap-slider/css/bootstrap-slider.css

@@ -0,0 +1,328 @@
+/*! =======================================================
+                      VERSION  10.6.2              
+========================================================= */
+/*! =========================================================
+ * bootstrap-slider.js
+ *
+ * Maintainers:
+ *		Kyle Kemp
+ *			- Twitter: @seiyria
+ *			- Github:  seiyria
+ *		Rohit Kalkur
+ *			- Twitter: @Rovolutionary
+ *			- Github:  rovolution
+ *
+ * =========================================================
+  *
+ * bootstrap-slider is released under the MIT License
+ * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
+ * 
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ * 
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * ========================================================= */
+.slider {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.slider.slider-horizontal {
+  width: 210px;
+  height: 20px;
+}
+.slider.slider-horizontal .slider-track {
+  height: 10px;
+  width: 100%;
+  margin-top: -5px;
+  top: 50%;
+  left: 0;
+}
+.slider.slider-horizontal .slider-selection,
+.slider.slider-horizontal .slider-track-low,
+.slider.slider-horizontal .slider-track-high {
+  height: 100%;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-horizontal .slider-tick,
+.slider.slider-horizontal .slider-handle {
+  margin-left: -10px;
+}
+.slider.slider-horizontal .slider-tick.triangle,
+.slider.slider-horizontal .slider-handle.triangle {
+  position: relative;
+  top: 50%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  border-width: 0 10px 10px 10px;
+  width: 0;
+  height: 0;
+  border-bottom-color: #2e6da4;
+  margin-top: 0;
+}
+.slider.slider-horizontal .slider-tick-container {
+  white-space: nowrap;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.slider.slider-horizontal .slider-tick-label-container {
+  white-space: nowrap;
+  margin-top: 20px;
+}
+.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
+  padding-top: 4px;
+  display: inline-block;
+  text-align: center;
+}
+.slider.slider-horizontal .tooltip {
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+.slider.slider-horizontal.slider-rtl .slider-track {
+  left: initial;
+  right: 0;
+}
+.slider.slider-horizontal.slider-rtl .slider-tick,
+.slider.slider-horizontal.slider-rtl .slider-handle {
+  margin-left: initial;
+  margin-right: -10px;
+}
+.slider.slider-horizontal.slider-rtl .slider-tick-container {
+  left: initial;
+  right: 0;
+}
+.slider.slider-horizontal.slider-rtl .tooltip {
+  -ms-transform: translateX(50%);
+  transform: translateX(50%);
+}
+.slider.slider-vertical {
+  height: 210px;
+  width: 20px;
+}
+.slider.slider-vertical .slider-track {
+  width: 10px;
+  height: 100%;
+  left: 25%;
+  top: 0;
+}
+.slider.slider-vertical .slider-selection {
+  width: 100%;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-vertical .slider-track-low,
+.slider.slider-vertical .slider-track-high {
+  width: 100%;
+  left: 0;
+  right: 0;
+}
+.slider.slider-vertical .slider-tick,
+.slider.slider-vertical .slider-handle {
+  margin-top: -10px;
+}
+.slider.slider-vertical .slider-tick.triangle,
+.slider.slider-vertical .slider-handle.triangle {
+  border-width: 10px 0 10px 10px;
+  width: 1px;
+  height: 1px;
+  border-left-color: #2e6da4;
+  border-right-color: #2e6da4;
+  margin-left: 0;
+  margin-right: 0;
+}
+.slider.slider-vertical .slider-tick-label-container {
+  white-space: nowrap;
+}
+.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
+  padding-left: 4px;
+}
+.slider.slider-vertical .tooltip {
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+.slider.slider-vertical.slider-rtl .slider-track {
+  left: initial;
+  right: 25%;
+}
+.slider.slider-vertical.slider-rtl .slider-selection {
+  left: initial;
+  right: 0;
+}
+.slider.slider-vertical.slider-rtl .slider-tick.triangle,
+.slider.slider-vertical.slider-rtl .slider-handle.triangle {
+  border-width: 10px 10px 10px 0;
+}
+.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
+  padding-left: initial;
+  padding-right: 4px;
+}
+.slider.slider-disabled .slider-handle {
+  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
+  background-repeat: repeat-x;
+}
+.slider.slider-disabled .slider-track {
+  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
+  background-repeat: repeat-x;
+  cursor: not-allowed;
+}
+.slider input {
+  display: none;
+}
+.slider .tooltip {
+  pointer-events: none;
+}
+.slider .tooltip.top {
+  margin-top: -36px;
+}
+.slider .tooltip-inner {
+  white-space: nowrap;
+  max-width: none;
+}
+.slider .hide {
+  display: none;
+}
+.slider-track {
+  position: absolute;
+  cursor: pointer;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+.slider-selection {
+  position: absolute;
+  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.slider-selection.tick-slider-selection {
+  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
+  background-repeat: repeat-x;
+}
+.slider-track-low,
+.slider-track-high {
+  position: absolute;
+  background: transparent;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.slider-handle {
+  position: absolute;
+  top: 0;
+  width: 20px;
+  height: 20px;
+  background-color: #337ab7;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-repeat: repeat-x;
+  filter: none;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  border: 0px solid transparent;
+}
+.slider-handle:hover {
+  cursor: pointer;
+}
+.slider-handle.round {
+  border-radius: 50%;
+}
+.slider-handle.triangle {
+  background: transparent none;
+}
+.slider-handle.custom {
+  background: transparent none;
+}
+.slider-handle.custom::before {
+  line-height: 20px;
+  font-size: 20px;
+  content: '\2605';
+  color: #726204;
+}
+.slider-tick {
+  position: absolute;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  filter: none;
+  opacity: 0.8;
+  border: 0px solid transparent;
+}
+.slider-tick.round {
+  border-radius: 50%;
+}
+.slider-tick.triangle {
+  background: transparent none;
+}
+.slider-tick.custom {
+  background: transparent none;
+}
+.slider-tick.custom::before {
+  line-height: 20px;
+  font-size: 20px;
+  content: '\2605';
+  color: #726204;
+}
+.slider-tick.in-selection {
+  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
+  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
+  background-repeat: repeat-x;
+  opacity: 1;
+}

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap-switch/css/bootstrap2/bootstrap-switch.css

@@ -0,0 +1,510 @@
+/**
+  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
+  *
+  * @version v3.4.0
+  * @homepage https://bttstrp.github.io/bootstrap-switch
+  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
+  * @license MIT
+  */
+
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.bootstrap-switch {
+  display: inline-block;
+  direction: ltr;
+  cursor: pointer;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  position: relative;
+  text-align: left;
+  overflow: hidden;
+  line-height: 8px;
+  z-index: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.bootstrap-switch .bootstrap-switch-container {
+  display: inline-block;
+  top: 0;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off,
+.bootstrap-switch .bootstrap-switch-label {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block !important;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: 8px;
+  padding-right: 8px;
+  font-size: 14px;
+  line-height: 20px;
+}
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off {
+  text-align: center;
+  z-index: 1;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #005fcc;
+  background-image: -moz-linear-gradient(top, #0044cc, #08c);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#08c));
+  background-image: -webkit-linear-gradient(top, #0044cc, #08c);
+  background-image: -o-linear-gradient(top, #0044cc, #08c);
+  background-image: linear-gradient(to bottom, #0044cc, #08c);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
+  border-color: #08c #08c #005580;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #08c;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled] {
+  color: #fff;
+  background-color: #08c;
+  *background-color: #0077b3;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active {
+  background-color: #006699 \9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #41a7c5;
+  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
+  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
+  background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
+  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
+  border-color: #5bc0de #5bc0de #28a1c5;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #5bc0de;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info[disabled] {
+  color: #fff;
+  background-color: #5bc0de;
+  *background-color: #46b8da;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.active {
+  background-color: #31b0d5 \9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #58b058;
+  background-image: -moz-linear-gradient(top, #51a351, #62c462);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
+  background-image: -webkit-linear-gradient(top, #51a351, #62c462);
+  background-image: -o-linear-gradient(top, #51a351, #62c462);
+  background-image: linear-gradient(to bottom, #51a351, #62c462);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
+  border-color: #62c462 #62c462 #3b9e3b;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #62c462;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success[disabled] {
+  color: #fff;
+  background-color: #62c462;
+  *background-color: #4fbd4f;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.active {
+  background-color: #42b142 \9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #f9a123;
+  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
+  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
+  background-image: -o-linear-gradient(top, #f89406, #fbb450);
+  background-image: linear-gradient(to bottom, #f89406, #fbb450);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
+  border-color: #fbb450 #fbb450 #f89406;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #fbb450;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning[disabled] {
+  color: #fff;
+  background-color: #fbb450;
+  *background-color: #faa937;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.active {
+  background-color: #fa9f1e \9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #d14641;
+  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
+  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
+  background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
+  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
+  border-color: #ee5f5b #ee5f5b #e51d18;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #ee5f5b;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger[disabled] {
+  color: #fff;
+  background-color: #ee5f5b;
+  *background-color: #ec4844;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.active {
+  background-color: #e9322d \9;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
+  color: #333;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #f0f0f0;
+  background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#fff));
+  background-image: -webkit-linear-gradient(top, #e6e6e6, #fff);
+  background-image: -o-linear-gradient(top, #e6e6e6, #fff);
+  background-image: linear-gradient(to bottom, #e6e6e6, #fff);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
+  border-color: #fff #fff #d9d9d9;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #fff;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:hover,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:hover,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:focus,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:focus,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.disabled,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.disabled,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default[disabled],
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default[disabled] {
+  color: #333;
+  background-color: #fff;
+  *background-color: #f2f2f2;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default:active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default:active,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default.active,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default.active {
+  background-color: #e6e6e6 \9;
+}
+.bootstrap-switch .bootstrap-switch-label {
+  text-align: center;
+  margin-top: -1px;
+  margin-bottom: -1px;
+  z-index: 100;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  color: #333;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
+  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #e6e6e6;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.bootstrap-switch .bootstrap-switch-label:hover,
+.bootstrap-switch .bootstrap-switch-label:focus,
+.bootstrap-switch .bootstrap-switch-label:active,
+.bootstrap-switch .bootstrap-switch-label.active,
+.bootstrap-switch .bootstrap-switch-label.disabled,
+.bootstrap-switch .bootstrap-switch-label[disabled] {
+  color: #333;
+  background-color: #e6e6e6;
+  *background-color: #d9d9d9;
+}
+.bootstrap-switch .bootstrap-switch-label:active,
+.bootstrap-switch .bootstrap-switch-label.active {
+  background-color: #cccccc \9;
+}
+.bootstrap-switch span::before {
+  content: "\200b";
+}
+.bootstrap-switch .bootstrap-switch-handle-on {
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+}
+.bootstrap-switch .bootstrap-switch-handle-off {
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+}
+.bootstrap-switch input[type='radio'],
+.bootstrap-switch input[type='checkbox'] {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  z-index: -1;
+  visibility: hidden;
+}
+.bootstrap-switch input[type='radio'].form-control,
+.bootstrap-switch input[type='checkbox'].form-control {
+  height: auto;
+}
+.bootstrap-switch.bootstrap-switch-mini {
+  min-width: 71px;
+}
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
+  padding: 3px 6px;
+  font-size: 10px;
+  line-height: 9px;
+}
+.bootstrap-switch.bootstrap-switch-small {
+  min-width: 79px;
+}
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
+  padding: 3px 6px;
+  font-size: 12px;
+  line-height: 18px;
+}
+.bootstrap-switch.bootstrap-switch-large {
+  min-width: 120px;
+}
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
+  padding: 9px 12px;
+  font-size: 16px;
+  line-height: normal;
+}
+.bootstrap-switch.bootstrap-switch-disabled,
+.bootstrap-switch.bootstrap-switch-readonly,
+.bootstrap-switch.bootstrap-switch-indeterminate {
+  cursor: default !important;
+}
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  cursor: default !important;
+}
+.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
+  -webkit-transition: margin-left 0.5s;
+  -moz-transition: margin-left 0.5s;
+  -o-transition: margin-left 0.5s;
+  transition: margin-left 0.5s;
+}
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
+  -webkit-border-top-left-radius: 0;
+  -moz-border-radius-topleft: 0;
+  border-top-left-radius: 0;
+  -webkit-border-bottom-left-radius: 0;
+  -moz-border-radius-bottomleft: 0;
+  border-bottom-left-radius: 0;
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+}
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
+  -webkit-border-top-right-radius: 0;
+  -moz-border-radius-topright: 0;
+  border-top-right-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-right-radius: 0;
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+}
+.bootstrap-switch.bootstrap-switch-focused {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82, 168, 236, .6);
+}
+.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  border-top-right-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-bottom-right-radius: 4px;
+}
+.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
+  -webkit-border-top-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-bottom-left-radius: 4px;
+}

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap-switch/css/bootstrap3/bootstrap-switch.css

@@ -0,0 +1,187 @@
+/**
+  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
+  *
+  * @version v3.4.0
+  * @homepage https://bttstrp.github.io/bootstrap-switch
+  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
+  * @license MIT
+  */
+
+.bootstrap-switch {
+  display: inline-block;
+  direction: ltr;
+  cursor: pointer;
+  border-radius: 4px;
+  border: 1px solid;
+  border-color: #ccc;
+  position: relative;
+  text-align: left;
+  overflow: hidden;
+  line-height: 8px;
+  z-index: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.bootstrap-switch .bootstrap-switch-container {
+  display: inline-block;
+  top: 0;
+  border-radius: 4px;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off,
+.bootstrap-switch .bootstrap-switch-label {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: table-cell;
+  vertical-align: middle;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 20px;
+}
+.bootstrap-switch .bootstrap-switch-handle-on,
+.bootstrap-switch .bootstrap-switch-handle-off {
+  text-align: center;
+  z-index: 1;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
+  color: #fff;
+  background: #337ab7;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
+  color: #fff;
+  background: #5bc0de;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
+  color: #fff;
+  background: #5cb85c;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
+  background: #f0ad4e;
+  color: #fff;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
+  color: #fff;
+  background: #d9534f;
+}
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
+  color: #000;
+  background: #eeeeee;
+}
+.bootstrap-switch .bootstrap-switch-label {
+  text-align: center;
+  margin-top: -1px;
+  margin-bottom: -1px;
+  z-index: 100;
+  color: #333;
+  background: #fff;
+}
+.bootstrap-switch span::before {
+  content: "\200b";
+}
+.bootstrap-switch .bootstrap-switch-handle-on {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.bootstrap-switch .bootstrap-switch-handle-off {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.bootstrap-switch input[type='radio'],
+.bootstrap-switch input[type='checkbox'] {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  margin: 0;
+  z-index: -1;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  visibility: hidden;
+}
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
+  padding: 6px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+.bootstrap-switch.bootstrap-switch-disabled,
+.bootstrap-switch.bootstrap-switch-readonly,
+.bootstrap-switch.bootstrap-switch-indeterminate {
+  cursor: default !important;
+}
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
+.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  cursor: default !important;
+}
+.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
+  -webkit-transition: margin-left 0.5s;
+  -o-transition: margin-left 0.5s;
+  transition: margin-left 0.5s;
+}
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.bootstrap-switch.bootstrap-switch-focused {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
+.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap-switch/js/bootstrap-switch.js

@@ -0,0 +1,767 @@
+/**
+  * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
+  *
+  * @version v3.4.0
+  * @homepage https://bttstrp.github.io/bootstrap-switch
+  * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
+  * @license MIT
+  */
+
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(['jquery'], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require('jquery'));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.jquery);
+    global.bootstrapSwitch = mod.exports;
+  }
+})(this, function (_jquery) {
+  'use strict';
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  var _createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
+    };
+  }();
+
+  var $ = _jquery2.default || window.jQuery || window.$;
+
+  function getClasses(options, id) {
+    var state = options.state,
+        size = options.size,
+        disabled = options.disabled,
+        readonly = options.readonly,
+        indeterminate = options.indeterminate,
+        inverse = options.inverse;
+
+    return [state ? 'on' : 'off', size, disabled ? 'disabled' : undefined, readonly ? 'readonly' : undefined, indeterminate ? 'indeterminate' : undefined, inverse ? 'inverse' : undefined, id ? 'id-' + id : undefined].filter(function (v) {
+      return v == null;
+    });
+  }
+
+  function prvgetElementOptions() {
+    return {
+      state: this.$element.is(':checked'),
+      size: this.$element.data('size'),
+      animate: this.$element.data('animate'),
+      disabled: this.$element.is(':disabled'),
+      readonly: this.$element.is('[readonly]'),
+      indeterminate: this.$element.data('indeterminate'),
+      inverse: this.$element.data('inverse'),
+      radioAllOff: this.$element.data('radio-all-off'),
+      onColor: this.$element.data('on-color'),
+      offColor: this.$element.data('off-color'),
+      onText: this.$element.data('on-text'),
+      offText: this.$element.data('off-text'),
+      labelText: this.$element.data('label-text'),
+      handleWidth: this.$element.data('handle-width'),
+      labelWidth: this.$element.data('label-width'),
+      baseClass: this.$element.data('base-class'),
+      wrapperClass: this.$element.data('wrapper-class')
+    };
+  }
+
+  function prvwidth() {
+    var _this = this;
+
+    var $handles = this.$on.add(this.$off).add(this.$label).css('width', '');
+    var handleWidth = this.options.handleWidth === 'auto' ? Math.round(Math.max(this.$on.width(), this.$off.width())) : this.options.handleWidth;
+    $handles.width(handleWidth);
+    this.$label.width(function (index, width) {
+      if (_this.options.labelWidth !== 'auto') {
+        return _this.options.labelWidth;
+      }
+      if (width < handleWidth) {
+        return handleWidth;
+      }
+      return width;
+    });
+    this.privateHandleWidth = this.$on.outerWidth();
+    this.privateLabelWidth = this.$label.outerWidth();
+    this.$container.width(this.privateHandleWidth * 2 + this.privateLabelWidth);
+    return this.$wrapper.width(this.privateHandleWidth + this.privateLabelWidth);
+  }
+
+  function prvcontainerPosition() {
+    var _this2 = this;
+
+    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.ope;
+
+    this.$container.css('margin-left', function () {
+      var values = [0, '-' + _this2.privateHandleWidth + 'px'];
+      if (_this2.options.indeterminate) {
+        return '-' + _this2.privateHandleWidth / 2 + 'px';
+      }
+      if (state) {
+        if (_this2.options.inverse) {
+          return values[1];
+        }
+        return values[0];
+      }
+      if (_this2.options.inverse) {
+        return values[0];
+      }
+      return values[1];
+    });
+  }
+
+  function prvgetClass(name) {
+    return this.options.baseClass + '-' + name;
+  }
+
+  function prvinit() {
+    var _this3 = this;
+
+    var init = function init() {
+      _this3.setPrevOptions();
+      prvwidth.call(_this3);
+      prvcontainerPosition.call(_this3);
+      setTimeout(function () {
+        return _this3.options.animate && _this3.$wrapper.addClass(prvgetClass.call(_this3, 'animate'));
+      }, 50);
+    };
+    if (this.$wrapper.is(':visible')) {
+      init();
+      return;
+    }
+    var initInterval = window.setInterval(function () {
+      return _this3.$wrapper.is(':visible') && (init() || true) && window.clearInterval(initInterval);
+    }, 50);
+  }
+
+  function prvelementHandlers() {
+    var _this4 = this;
+
+    return this.$element.on({
+      'setPreviousOptions.bootstrapSwitch': function setPreviousOptionsBootstrapSwitch() {
+        return _this4.setPrevOptions();
+      },
+
+      'previousState.bootstrapSwitch': function previousStateBootstrapSwitch() {
+        _this4.options = _this4.prevOptions;
+        if (_this4.options.indeterminate) {
+          _this4.$wrapper.addClass(prvgetClass.call(_this4, 'indeterminate'));
+        }
+        _this4.$element.prop('checked', _this4.options.state).trigger('change.bootstrapSwitch', true);
+      },
+
+      'change.bootstrapSwitch': function changeBootstrapSwitch(event, skip) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        var state = _this4.$element.is(':checked');
+        prvcontainerPosition.call(_this4, state);
+        if (state === _this4.options.state) {
+          return;
+        }
+        _this4.options.state = state;
+        _this4.$wrapper.toggleClass(prvgetClass.call(_this4, 'off')).toggleClass(prvgetClass.call(_this4, 'on'));
+        if (!skip) {
+          if (_this4.$element.is(':radio')) {
+            $('[name="' + _this4.$element.attr('name') + '"]').not(_this4.$element).prop('checked', false).trigger('change.bootstrapSwitch', true);
+          }
+          _this4.$element.trigger('switchChange.bootstrapSwitch', [state]);
+        }
+      },
+
+      'focus.bootstrapSwitch': function focusBootstrapSwitch(event) {
+        event.preventDefault();
+        _this4.$wrapper.addClass(prvgetClass.call(_this4, 'focused'));
+      },
+
+      'blur.bootstrapSwitch': function blurBootstrapSwitch(event) {
+        event.preventDefault();
+        _this4.$wrapper.removeClass(prvgetClass.call(_this4, 'focused'));
+      },
+
+      'keydown.bootstrapSwitch': function keydownBootstrapSwitch(event) {
+        if (!event.which || _this4.options.disabled || _this4.options.readonly) {
+          return;
+        }
+        if (event.which === 37 || event.which === 39) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          _this4.state(event.which === 39);
+        }
+      }
+    });
+  }
+
+  function prvhandleHandlers() {
+    var _this5 = this;
+
+    this.$on.on('click.bootstrapSwitch', function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+      _this5.state(false);
+      return _this5.$element.trigger('focus.bootstrapSwitch');
+    });
+    return this.$off.on('click.bootstrapSwitch', function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+      _this5.state(true);
+      return _this5.$element.trigger('focus.bootstrapSwitch');
+    });
+  }
+
+  function prvlabelHandlers() {
+    var _this6 = this;
+
+    var dragStart = void 0;
+    var dragEnd = void 0;
+    var handlers = {
+      click: function click(event) {
+        event.stopPropagation();
+      },
+
+
+      'mousedown.bootstrapSwitch touchstart.bootstrapSwitch': function mousedownBootstrapSwitchTouchstartBootstrapSwitch(event) {
+        if (dragStart || _this6.options.disabled || _this6.options.readonly) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        dragStart = (event.pageX || event.originalEvent.touches[0].pageX) - parseInt(_this6.$container.css('margin-left'), 10);
+        if (_this6.options.animate) {
+          _this6.$wrapper.removeClass(prvgetClass.call(_this6, 'animate'));
+        }
+        _this6.$element.trigger('focus.bootstrapSwitch');
+      },
+
+      'mousemove.bootstrapSwitch touchmove.bootstrapSwitch': function mousemoveBootstrapSwitchTouchmoveBootstrapSwitch(event) {
+        if (dragStart == null) {
+          return;
+        }
+        var difference = (event.pageX || event.originalEvent.touches[0].pageX) - dragStart;
+        event.preventDefault();
+        if (difference < -_this6.privateHandleWidth || difference > 0) {
+          return;
+        }
+        dragEnd = difference;
+        _this6.$container.css('margin-left', dragEnd + 'px');
+      },
+
+      'mouseup.bootstrapSwitch touchend.bootstrapSwitch': function mouseupBootstrapSwitchTouchendBootstrapSwitch(event) {
+        if (!dragStart) {
+          return;
+        }
+        event.preventDefault();
+        if (_this6.options.animate) {
+          _this6.$wrapper.addClass(prvgetClass.call(_this6, 'animate'));
+        }
+        if (dragEnd) {
+          var state = dragEnd > -(_this6.privateHandleWidth / 2);
+          dragEnd = false;
+          _this6.state(_this6.options.inverse ? !state : state);
+        } else {
+          _this6.state(!_this6.options.state);
+        }
+        dragStart = false;
+      },
+
+      'mouseleave.bootstrapSwitch': function mouseleaveBootstrapSwitch() {
+        _this6.$label.trigger('mouseup.bootstrapSwitch');
+      }
+    };
+    this.$label.on(handlers);
+  }
+
+  function prvexternalLabelHandler() {
+    var _this7 = this;
+
+    var $externalLabel = this.$element.closest('label');
+    $externalLabel.on('click', function (event) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      if (event.target === $externalLabel[0]) {
+        _this7.toggleState();
+      }
+    });
+  }
+
+  function prvformHandler() {
+    function isBootstrapSwitch() {
+      return $(this).data('bootstrap-switch');
+    }
+
+    function performReset() {
+      return $(this).bootstrapSwitch('state', this.checked);
+    }
+
+    var $form = this.$element.closest('form');
+    if ($form.data('bootstrap-switch')) {
+      return;
+    }
+    $form.on('reset.bootstrapSwitch', function () {
+      window.setTimeout(function () {
+        $form.find('input').filter(isBootstrapSwitch).each(performReset);
+      }, 1);
+    }).data('bootstrap-switch', true);
+  }
+
+  function prvgetClasses(classes) {
+    var _this8 = this;
+
+    if (!$.isArray(classes)) {
+      return [prvgetClass.call(this, classes)];
+    }
+    return classes.map(function (v) {
+      return prvgetClass.call(_this8, v);
+    });
+  }
+
+  var BootstrapSwitch = function () {
+    function BootstrapSwitch(element) {
+      var _this9 = this;
+
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      _classCallCheck(this, BootstrapSwitch);
+
+      this.$element = $(element);
+      this.options = $.extend({}, $.fn.bootstrapSwitch.defaults, prvgetElementOptions.call(this), options);
+      this.prevOptions = {};
+      this.$wrapper = $('<div>', {
+        class: function _class() {
+          return getClasses(_this9.options, _this9.$element.attr('id')).map(function (v) {
+            return prvgetClass.call(_this9, v);
+          }).concat([_this9.options.baseClass], prvgetClasses.call(_this9, _this9.options.wrapperClass)).join(' ');
+        }
+      });
+      this.$container = $('<div>', { class: prvgetClass.call(this, 'container') });
+      this.$on = $('<span>', {
+        html: this.options.onText,
+        class: prvgetClass.call(this, 'handle-on') + ' ' + prvgetClass.call(this, this.options.onColor)
+      });
+      this.$off = $('<span>', {
+        html: this.options.offText,
+        class: prvgetClass.call(this, 'handle-off') + ' ' + prvgetClass.call(this, this.options.offColor)
+      });
+      this.$label = $('<span>', {
+        html: this.options.labelText,
+        class: prvgetClass.call(this, 'label')
+      });
+
+      this.$element.on('init.bootstrapSwitch', function () {
+        return _this9.options.onInit(element);
+      });
+      this.$element.on('switchChange.bootstrapSwitch', function () {
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+
+        var changeState = _this9.options.onSwitchChange.apply(element, args);
+        if (changeState === false) {
+          if (_this9.$element.is(':radio')) {
+            $('[name="' + _this9.$element.attr('name') + '"]').trigger('previousState.bootstrapSwitch', true);
+          } else {
+            _this9.$element.trigger('previousState.bootstrapSwitch', true);
+          }
+        }
+      });
+
+      this.$container = this.$element.wrap(this.$container).parent();
+      this.$wrapper = this.$container.wrap(this.$wrapper).parent();
+      this.$element.before(this.options.inverse ? this.$off : this.$on).before(this.$label).before(this.options.inverse ? this.$on : this.$off);
+
+      if (this.options.indeterminate) {
+        this.$element.prop('indeterminate', true);
+      }
+
+      prvinit.call(this);
+      prvelementHandlers.call(this);
+      prvhandleHandlers.call(this);
+      prvlabelHandlers.call(this);
+      prvformHandler.call(this);
+      prvexternalLabelHandler.call(this);
+      this.$element.trigger('init.bootstrapSwitch', this.options.state);
+    }
+
+    _createClass(BootstrapSwitch, [{
+      key: 'setPrevOptions',
+      value: function setPrevOptions() {
+        this.prevOptions = _extends({}, this.options);
+      }
+    }, {
+      key: 'state',
+      value: function state(value, skip) {
+        if (typeof value === 'undefined') {
+          return this.options.state;
+        }
+        if (this.options.disabled || this.options.readonly || this.options.state && !this.options.radioAllOff && this.$element.is(':radio')) {
+          return this.$element;
+        }
+        if (this.$element.is(':radio')) {
+          $('[name="' + this.$element.attr('name') + '"]').trigger('setPreviousOptions.bootstrapSwitch');
+        } else {
+          this.$element.trigger('setPreviousOptions.bootstrapSwitch');
+        }
+        if (this.options.indeterminate) {
+          this.indeterminate(false);
+        }
+        this.$element.prop('checked', Boolean(value)).trigger('change.bootstrapSwitch', skip);
+        return this.$element;
+      }
+    }, {
+      key: 'toggleState',
+      value: function toggleState(skip) {
+        if (this.options.disabled || this.options.readonly) {
+          return this.$element;
+        }
+        if (this.options.indeterminate) {
+          this.indeterminate(false);
+          return this.state(true);
+        }
+        return this.$element.prop('checked', !this.options.state).trigger('change.bootstrapSwitch', skip);
+      }
+    }, {
+      key: 'size',
+      value: function size(value) {
+        if (typeof value === 'undefined') {
+          return this.options.size;
+        }
+        if (this.options.size != null) {
+          this.$wrapper.removeClass(prvgetClass.call(this, this.options.size));
+        }
+        if (value) {
+          this.$wrapper.addClass(prvgetClass.call(this, value));
+        }
+        prvwidth.call(this);
+        prvcontainerPosition.call(this);
+        this.options.size = value;
+        return this.$element;
+      }
+    }, {
+      key: 'animate',
+      value: function animate(value) {
+        if (typeof value === 'undefined') {
+          return this.options.animate;
+        }
+        if (this.options.animate === Boolean(value)) {
+          return this.$element;
+        }
+        return this.toggleAnimate();
+      }
+    }, {
+      key: 'toggleAnimate',
+      value: function toggleAnimate() {
+        this.options.animate = !this.options.animate;
+        this.$wrapper.toggleClass(prvgetClass.call(this, 'animate'));
+        return this.$element;
+      }
+    }, {
+      key: 'disabled',
+      value: function disabled(value) {
+        if (typeof value === 'undefined') {
+          return this.options.disabled;
+        }
+        if (this.options.disabled === Boolean(value)) {
+          return this.$element;
+        }
+        return this.toggleDisabled();
+      }
+    }, {
+      key: 'toggleDisabled',
+      value: function toggleDisabled() {
+        this.options.disabled = !this.options.disabled;
+        this.$element.prop('disabled', this.options.disabled);
+        this.$wrapper.toggleClass(prvgetClass.call(this, 'disabled'));
+        return this.$element;
+      }
+    }, {
+      key: 'readonly',
+      value: function readonly(value) {
+        if (typeof value === 'undefined') {
+          return this.options.readonly;
+        }
+        if (this.options.readonly === Boolean(value)) {
+          return this.$element;
+        }
+        return this.toggleReadonly();
+      }
+    }, {
+      key: 'toggleReadonly',
+      value: function toggleReadonly() {
+        this.options.readonly = !this.options.readonly;
+        this.$element.prop('readonly', this.options.readonly);
+        this.$wrapper.toggleClass(prvgetClass.call(this, 'readonly'));
+        return this.$element;
+      }
+    }, {
+      key: 'indeterminate',
+      value: function indeterminate(value) {
+        if (typeof value === 'undefined') {
+          return this.options.indeterminate;
+        }
+        if (this.options.indeterminate === Boolean(value)) {
+          return this.$element;
+        }
+        return this.toggleIndeterminate();
+      }
+    }, {
+      key: 'toggleIndeterminate',
+      value: function toggleIndeterminate() {
+        this.options.indeterminate = !this.options.indeterminate;
+        this.$element.prop('indeterminate', this.options.indeterminate);
+        this.$wrapper.toggleClass(prvgetClass.call(this, 'indeterminate'));
+        prvcontainerPosition.call(this);
+        return this.$element;
+      }
+    }, {
+      key: 'inverse',
+      value: function inverse(value) {
+        if (typeof value === 'undefined') {
+          return this.options.inverse;
+        }
+        if (this.options.inverse === Boolean(value)) {
+          return this.$element;
+        }
+        return this.toggleInverse();
+      }
+    }, {
+      key: 'toggleInverse',
+      value: function toggleInverse() {
+        this.$wrapper.toggleClass(prvgetClass.call(this, 'inverse'));
+        var $on = this.$on.clone(true);
+        var $off = this.$off.clone(true);
+        this.$on.replaceWith($off);
+        this.$off.replaceWith($on);
+        this.$on = $off;
+        this.$off = $on;
+        this.options.inverse = !this.options.inverse;
+        return this.$element;
+      }
+    }, {
+      key: 'onColor',
+      value: function onColor(value) {
+        if (typeof value === 'undefined') {
+          return this.options.onColor;
+        }
+        if (this.options.onColor) {
+          this.$on.removeClass(prvgetClass.call(this, this.options.onColor));
+        }
+        this.$on.addClass(prvgetClass.call(this, value));
+        this.options.onColor = value;
+        return this.$element;
+      }
+    }, {
+      key: 'offColor',
+      value: function offColor(value) {
+        if (typeof value === 'undefined') {
+          return this.options.offColor;
+        }
+        if (this.options.offColor) {
+          this.$off.removeClass(prvgetClass.call(this, this.options.offColor));
+        }
+        this.$off.addClass(prvgetClass.call(this, value));
+        this.options.offColor = value;
+        return this.$element;
+      }
+    }, {
+      key: 'onText',
+      value: function onText(value) {
+        if (typeof value === 'undefined') {
+          return this.options.onText;
+        }
+        this.$on.html(value);
+        prvwidth.call(this);
+        prvcontainerPosition.call(this);
+        this.options.onText = value;
+        return this.$element;
+      }
+    }, {
+      key: 'offText',
+      value: function offText(value) {
+        if (typeof value === 'undefined') {
+          return this.options.offText;
+        }
+        this.$off.html(value);
+        prvwidth.call(this);
+        prvcontainerPosition.call(this);
+        this.options.offText = value;
+        return this.$element;
+      }
+    }, {
+      key: 'labelText',
+      value: function labelText(value) {
+        if (typeof value === 'undefined') {
+          return this.options.labelText;
+        }
+        this.$label.html(value);
+        prvwidth.call(this);
+        this.options.labelText = value;
+        return this.$element;
+      }
+    }, {
+      key: 'handleWidth',
+      value: function handleWidth(value) {
+        if (typeof value === 'undefined') {
+          return this.options.handleWidth;
+        }
+        this.options.handleWidth = value;
+        prvwidth.call(this);
+        prvcontainerPosition.call(this);
+        return this.$element;
+      }
+    }, {
+      key: 'labelWidth',
+      value: function labelWidth(value) {
+        if (typeof value === 'undefined') {
+          return this.options.labelWidth;
+        }
+        this.options.labelWidth = value;
+        prvwidth.call(this);
+        prvcontainerPosition.call(this);
+        return this.$element;
+      }
+    }, {
+      key: 'baseClass',
+      value: function baseClass() {
+        return this.options.baseClass;
+      }
+    }, {
+      key: 'wrapperClass',
+      value: function wrapperClass(value) {
+        if (typeof value === 'undefined') {
+          return this.options.wrapperClass;
+        }
+        var wrapperClass = value || $.fn.bootstrapSwitch.defaults.wrapperClass;
+        this.$wrapper.removeClass(prvgetClasses.call(this, this.options.wrapperClass).join(' '));
+        this.$wrapper.addClass(prvgetClasses.call(this, wrapperClass).join(' '));
+        this.options.wrapperClass = wrapperClass;
+        return this.$element;
+      }
+    }, {
+      key: 'radioAllOff',
+      value: function radioAllOff(value) {
+        if (typeof value === 'undefined') {
+          return this.options.radioAllOff;
+        }
+        var val = Boolean(value);
+        if (this.options.radioAllOff === val) {
+          return this.$element;
+        }
+        this.options.radioAllOff = val;
+        return this.$element;
+      }
+    }, {
+      key: 'onInit',
+      value: function onInit(value) {
+        if (typeof value === 'undefined') {
+          return this.options.onInit;
+        }
+        this.options.onInit = value || $.fn.bootstrapSwitch.defaults.onInit;
+        return this.$element;
+      }
+    }, {
+      key: 'onSwitchChange',
+      value: function onSwitchChange(value) {
+        if (typeof value === 'undefined') {
+          return this.options.onSwitchChange;
+        }
+        this.options.onSwitchChange = value || $.fn.bootstrapSwitch.defaults.onSwitchChange;
+        return this.$element;
+      }
+    }, {
+      key: 'destroy',
+      value: function destroy() {
+        var $form = this.$element.closest('form');
+        if ($form.length) {
+          $form.off('reset.bootstrapSwitch').removeData('bootstrap-switch');
+        }
+        this.$container.children().not(this.$element).remove();
+        this.$element.unwrap().unwrap().off('.bootstrapSwitch').removeData('bootstrap-switch');
+        return this.$element;
+      }
+    }]);
+
+    return BootstrapSwitch;
+  }();
+
+  function bootstrapSwitch(option) {
+    for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
+
+    function reducer(ret, next) {
+      var $this = $(next);
+      var existingData = $this.data('bootstrap-switch');
+      var data = existingData || new BootstrapSwitch(next, option);
+      if (!existingData) {
+        $this.data('bootstrap-switch', data);
+      }
+      if (typeof option === 'string') {
+        return data[option].apply(data, args);
+      }
+      return ret;
+    }
+    return Array.prototype.reduce.call(this, reducer, this);
+  }
+
+  $.fn.bootstrapSwitch = bootstrapSwitch;
+  $.fn.bootstrapSwitch.Constructor = BootstrapSwitch;
+  $.fn.bootstrapSwitch.defaults = {
+    state: true,
+    size: null,
+    animate: true,
+    disabled: false,
+    readonly: false,
+    indeterminate: false,
+    inverse: false,
+    radioAllOff: false,
+    onColor: 'primary',
+    offColor: 'default',
+    onText: 'ON',
+    offText: 'OFF',
+    labelText: '&nbsp',
+    handleWidth: 'auto',
+    labelWidth: 'auto',
+    baseClass: 'bootstrap-switch',
+    wrapperClass: 'wrapper',
+    onInit: function onInit() {},
+    onSwitchChange: function onSwitchChange() {}
+  };
+});