Some Big Changes

Co-Authored-By: Xinatorus <patrik@steelants.cz>

app/templates/js/script.js

@@ -1,3 +1,5 @@
+var pending = false;
+
 if ('serviceWorker' in navigator) {
     window.addEventListener('load', () => {
         navigator.serviceWorker.register('serviceWorker.js')
@@ -14,16 +16,16 @@ if ('serviceWorker' in navigator) {
 $('select[name="atSelector"]').change(function(e) {
     console.log($(this).val());
     if( $(this).val() == 'time') {
-
+        
         $('input[name="atTime"]').prop( "disabled", false );
-
+        
         $('select[name="atDeviceValueInt"]').prop( "disabled", true );
         $('input[name="atDeviceValue"]').prop( "disabled", true );
     } else if( $(this).val() == 'atDeviceValue') {
-
+        
         $('select[name="atDeviceValue"]').prop( "disabled", false );
         $('input[name="atDeviceValueInt"]').prop( "disabled", false );
-
+        
         $('input[name="atTime"]').prop( "disabled", true );
     }
 });
@@ -38,7 +40,7 @@ $("div.square-content").on('touchend', function (e){
 $("div.square-content").on('touchstart', function (eTarget) {
     navigator.vibrate([500]);
     var id = '';
-
+    
     var windowLoc = $(location).attr('pathname');
     windowLoc = windowLoc.substring(windowLoc.lastIndexOf("/"));
     console.log(windowLoc);
@@ -49,9 +51,9 @@ $("div.square-content").on('touchstart', function (eTarget) {
     } else if (windowLoc == "/automation") {
         id = $(this).attr('id').replace('automation-', '');
     }
-
+    
     var subId = $(this).attr('data-sub-device-id');
-
+    
     touch++;
     if(touch == 2 && touchSubId == subId){
         console.log("Detail");
@@ -59,7 +61,7 @@ $("div.square-content").on('touchstart', function (eTarget) {
             $("#modal-detail-"+subId).removeClass('modal-container-hiden').show();
             ajaxChart(subId);
         } else if (windowLoc == "/scene") {
-
+            
         } else if (windowLoc == "/automation") {
         }
         touch = 0;
@@ -67,7 +69,7 @@ $("div.square-content").on('touchstart', function (eTarget) {
         return;
     }
     touchSubId = subId;
-
+    
     pressTimer = window.setTimeout(function (e) {
         console.log("Setting");
         $("#modal-setting-"+id).removeClass('modal-container-hiden').show();
@@ -152,7 +154,14 @@ var windowLoc = $(location).attr('pathname');
 windowLoc = windowLoc.substring(windowLoc.lastIndexOf("/"));
 console.log();
 if (windowLoc == "/") {
+    
     var selectRoomId = localStorage.getItem("selectedRoomId");
+    
+    if (selectRoomId == null) {
+        selectRoomId = 'all';
+    }
+    
+    
     console.log('Saved Selected Room ID '+ selectRoomId);
     $('[name="room"]').val(selectRoomId);
     $('.device-button').each(function(){
@@ -164,6 +173,8 @@ if (windowLoc == "/") {
             }
         }
     });
+    
+    
 }
 
 //Room selector
@@ -187,29 +198,35 @@ windowLoc = windowLoc.substring(windowLoc.lastIndexOf("/"));
 console.log();
 if (windowLoc == "/") {
     var autoUpdate = setInterval(function(){
-        $.ajax({
-            url: 'ajax',
-            type: 'POST',
-            dataType: 'json',
-            data: {
-                "action": 'getState'
-            },
-            success: function(data){
-                console.log(data);
-                for (const key in data) {
-                    if (data.hasOwnProperty(key)) {
-                        const device = data[key];
-                        $('[data-sub-device-id="'+key+'"]')
-                        .find('.device-button-value')
-                        .text(device['value'])
-                        .attr('title',device['time'])
+        if (pending == false) {
+            pending = true;
+            $.ajax({
+                url: 'ajax',
+                type: 'POST',
+                dataType: 'json',
+                data: {
+                    "action": 'getState'
+                },
+                success: function(data){
+                    console.log(data);
+                    for (const key in data) {
+                        if (data.hasOwnProperty(key)) {
+                            const device = data[key];
+                            $('[data-sub-device-id="'+key+'"]')
+                            .find('.device-button-value')
+                            .text(device['value'])
+                            .attr('title',device['time'])
+                        }
                     }
+                },
+                error: function (request, status, error) {
+                    console.log("ERROR ajaxChart():", request, error);
+                },
+                complete: function (){
+                    pending = false;
                 }
-            },
-            error: function (request, status, error) {
-                console.log("ERROR ajaxChart():", request, error);
-            }
-        });
+            });
+        }
     },2000);
 }