dark mode and websockets

[kismet-logviewer.git] / logviewer / templates / index.html

diff --git a/logviewer/templates/index.html b/logviewer/templates/index.html
index cb88859..26173c9 100644 (file)
--- a/logviewer/templates/index.html
+++ b/logviewer/templates/index.html
@@ -5,9 +5,12 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<script src="js/msgpack.js"></script>
-
 <script src="js/jquery-3.1.0.min.js"></script>
+<script src="js/js.storage.min.js"></script>
+<script src="js/chart.umd.js"></script>
+
+<script src="js/kismet.ui.theme.js"></script>
+
 <script src="js/jquery-ui.min.js"></script>
 <script src="js/jquery.ui.touch-punch.min.js"></script>
 <script src="js/jquery.ajax.binary.js"></script>
@@ -15,12 +18,9 @@
 <script src="js/simple-expand.min.js"></script>
 <script src="js/jqueryui-editable.min.js"></script>
 
-<script src="js/jquery.dataTables.min.js"></script>
-<script src="js/dataTables.scroller.min.js"></script>
-<script src="js/dataTables.scrollResize.js"></script>
-<!-- <script src="js/dataTables.pageResize.min.js"></script> -->
-<script src="js/dataTables.colReorder.min.js"></script>
-<script src="js/dataTables.responsive.min.js"></script>
+<script src="js/datatables.min.js"></script>
+<script src="js/dataTables.scrollResize.min.js"></script>
+<script src="js/dataTables.pageResize.js"></script>
 
 <script src="js/jquery.sparkline.min.js"></script>
 
@@ -31,10 +31,6 @@
 
 <script src="js/pushmenu.js"></script>
 
-<script src="js/Chart.bundle.min.js"></script>
-
-<script src="js/js.storage.min.js"></script>
-
 <script src="js/tooltipster.bundle.min.js"></script>
 
 <script src="js/clipboard.min.js"></script>
@@ -42,6 +38,7 @@
 <script src="js/kismet.utils.js"></script>
 
 <!-- Core UI elements that get loaded first -->
+
 <script src="js/kismet.ui.sidebar.js"></script>
 <script src="js/kismet.ui.tabpane.js"></script>
 <script src="js/kismet.ui.settings.js"></script>
@@ -64,11 +61,7 @@
 
 <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
 
-<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
 <link rel="stylesheet" type="text/css" href="css/jquery.jspanel.min.css" />
-<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css" />
-<link rel="stylesheet" type="text/css" href="css/responsive.dataTables.min.css" />
-<link rel="stylesheet" type="text/css" href="css/colReorder.dataTables.min.css" />
 <link rel="stylesheet" type="text/css" href="css/morris.css" />
 
 <link rel="stylesheet" type="text/css" href="css/layout-default-1.4.0.css" />
@@ -90,7 +83,6 @@
 <link rel="stylesheet" type="text/css" href="css/text.css" />
 <link rel="stylesheet" type="text/css" href="css/layout.css" />
 
-<link rel="stylesheet" type="text/css" href="css/kismet.css" />
 
 <style type="text/css">
 /* Fix the hover-highlight of the device table */
@@ -169,6 +161,8 @@ function load_main_ui() {
 
     // Load the framework
     var layout = $('#panelcontainer').layout({
+        paneClass: 'kismet-ui-layout-pane',
+        resizerClass: 'kismet-ui-layout-resizer',
         resizeWithWindowDelay:  250,
         north: {
             closable: false,
@@ -224,6 +218,14 @@ function load_main_ui() {
                 div.alert();
             },
         });
+
+        kismet_ui_iconbar.AddIconbarItem({
+            id: 'themepicker',
+            priority: 145,
+            createCallback: function(div) {
+                div.thememode();
+            }
+        });
     
         kismet_ui_iconbar.AddIconbarItem({
             id: 'battery',
@@ -291,7 +293,7 @@ $(function() {
     height: calc(100% - 30px);
     padding: 0.5em 0.5em 1.5em 0.5em;
     border-radius: 0.5em;
-    background-color: #f9f9f9;
+    xbackground-color: #f9f9f9;
     overflow: hidden;
 }
 </style>