web_kbn improvements

1 files changed, 16 insertions, 9 deletions

diff --git a/web/kbn_assets/app.js b/web/kbn_assets/app.js
index 0be801d..62e2575 100644
--- a/web/kbn_assets/app.js
+++ b/web/kbn_assets/app.js
@@ -103,22 +103,22 @@ function removeClass(el, name) {
 
 function indexInit() {
     // language selector
-    var langSelect = document.getElementById('lang');
+    const langSelect = document.getElementById('lang');
     langSelect.addEventListener('change', function() {
-        var selectedLang = this.value;
+        const selectedLang = this.value;
         document.cookie = "lang=" + selectedLang + ";path=/";
         window.location.reload();
     });
 
     // camera blocks
-    var blocks = ['zones', 'list'];
-    for (var i = 0; i < blocks.length; i++) {
-        var button = ge('cam_'+blocks[i]+'_btn');
+    let blocks = ['zones', 'list'];
+    for (let i = 0; i < blocks.length; i++) {
+        const button = ge('cam_'+blocks[i]+'_btn');
         button.addEventListener('click', function(e) {
-            var selected = e.target.getAttribute('data-id');
-            for (var j = 0; j < blocks.length; j++) {
-                var button = ge('cam_'+blocks[j]+'_btn');
-                var content = ge('cam_'+blocks[j]);
+            const selected = e.target.getAttribute('data-id');
+            for (let j = 0; j < blocks.length; j++) {
+                const button = ge('cam_'+blocks[j]+'_btn');
+                const content = ge('cam_'+blocks[j]);
                 if (blocks[j] === selected) {
                     addClass(button, 'active');
                     content.style.display = '';
@@ -127,6 +127,13 @@ function indexInit() {
                     content.style.display = 'none';
                 }
             }
+
+            if (window.history !== undefined) {
+                let uri = '/main.cgi'
+                if (selected !== blocks[0])
+                    uri += '?tab=' + encodeURIComponent(selected)
+                window.history.replaceState(null, '', uri)
+            }
         });
     }
 }