web/static/status-streams.js

@@ -11,6 +11,8 @@ var socket = io.connect({
     
 let first_camera_update = true
 
+let first_camera_update = true
+
 socket.on('connect', function() {
     console.log('Connected to server');
 
@@ -32,15 +34,18 @@ socket.on('timestamp', function(server_unix_time) {
 //////////////////
 
 socket.on("all-dome",function(e) {
-
+    
     // Disable if not /ping:
     if (e["dome-ping"].raw !== true) {
         $("#Dome").addClass("pe-none").css({"opacity":"0.4"})
-        
+            .find('*')
+            .attr('tabindex', '-1')
     } else {
         $("#Dome").removeClass("pe-none").css({"opacity": "1.0"})
+            .find('*')
+            .removeAttr('tabindex')
     }
-
+    
     $.each(e, function(k,v){
 
         /// Depth 1
@@ -54,9 +59,9 @@ socket.on("all-dome",function(e) {
             $("[data-status="+k+"-azimuth]").text(e[k].response.azimuth)
             $("[data-status="+k+"-parked]").text(e[k].response.parked)
         }
-        
+
         // pulse(elem)
-        
+
     });
 
 });
@@ -70,9 +75,12 @@ socket.on("all-telescope",function(e) {
     // Disable if not /ping:
     if (e["telescope-ping"].raw !== true) {
         $("#Telescope").addClass("pe-none").css({"opacity":"0.4"})
-        
+            .find('*')
+            .attr('tabindex', '-1')        
     } else {
         $("#Telescope").removeClass("pe-none").css({"opacity": "1.0"})
+            .find('*')
+            .removeAttr('tabindex')
     }
     
     $.each(e, function(k,v){
@@ -93,33 +101,36 @@ socket.on("all-telescope",function(e) {
             $("[data-status="+k+"-ha]").text(e[k].response.ha)
             $("[data-status="+k+"-lst]").text(e[k].response.lst)
         }
-        
+
         if (k == "telescope-coordinates-offset") {
             $("[data-status="+k+"-zd]").text((e[k].response[0]*3600).toFixed(1))
             $("[data-status="+k+"-az]").text((e[k].response[1]*3600).toFixed(1))
-        }        
-        
+        }
+
         // pulse(elem)
-        
+
     })
-    
+
 });
 
 //////////////////
 /// Camera stream
 //////////////////
 
-socket.on("all-camera",function(e) {    
+socket.on("all-camera",function(e) {
     //console.log(e)
 
     // Disable if not /ping:
     if (e["camera-ping"].raw !== true) {
         $("#Camera").addClass("pe-none").css({"opacity":"0.4"})
-        
+            .find('*')
+            .attr('tabindex', '-1')
     } else {
         $("#Camera").removeClass("pe-none").css({"opacity": "1.0"})
+            .find('*')
+            .removeAttr('tabindex')
 
-        // Update the input fields with the real data, at first page load 
+        // Update the input fields with the real data, at first page load
         if (first_camera_update) {
             $('#filter').prop("value", e["camera-filter"].response)
             $("#binning").prop("value", e["camera-settings"].response.binning[0]) // [0,0]
@@ -129,29 +140,34 @@ socket.on("all-camera",function(e) {
             $('#yf').prop("value", e["camera-settings"].response.xyend[1])
             first_camera_update = false
         }
-        
+
     }
     
+    
     $.each(e, function(k,v){
-        
+
         /// Depth 1
         var elem = $("[data-status="+k+"]")
         if (elem) {
             elem.text(v.response)
         }
- 
+
         /// Depth 2 (settings)
-        if (k == "camera-settings") {            
+        if (k == "camera-settings") {
             $.each(v.response, function(kk,vv){
                 var elem = $("[data-status=camera-"+kk+"]")
                 if (elem) {
                     elem.text(vv)
                 }
+<<<<<<< HEAD
+            });
+=======
             });                
+>>>>>>> ad7097fa78c2d07b3ce9cdefe7259b19595547d6
         }
-        
+
     });
-    
+
 });
 
 /////////////////////
@@ -255,7 +271,7 @@ socket.on("new_lines", function(lines) {
     });
 
     lines.forEach(function(line){
-        
+
         $("#stream-output").prepend(
             '<div class="'+log_level+'">'+ansi_up.ansi_to_html(line)+'</div>'
         );
@@ -263,18 +279,32 @@ socket.on("new_lines", function(lines) {
 
 });
 
-
 ///////////////////////
 /// Pulse on changes
 ///////////////////////
 
+function pulse(selector) {
+
+    // var done = "bg-success"
+    // var delay = 200
+
+    selector.fadeTo('slow', 0.5, function() {
+      selector.fadeTo('slow', 1.0) //.removeClass(done);
+    });
+
+    // setTimeout(function() {
+    //   selector.removeClass(done);
+    // }, delay);
+
+}
+
 $(document).ready(function(){
     // Select all elements with data-status attribute
     const elements = document.querySelectorAll('[data-status]');
-    
+
     // Object to store previous text content of each element
     const previousTextContent = {};
-    
+
     // Function to monitor text changes
     function observeChanges(element) {
         const observer = new MutationObserver(mutationsList => {
@@ -289,29 +319,14 @@ $(document).ready(function(){
                 }
     }
         });
-        
+
         observer.observe(element, { subtree: true, childList: true });
     }
-    
+
     // Apply observeChanges function to each element
     elements.forEach(element => {
         previousTextContent[element.getAttribute('data-status')] = element.textContent.trim();
         observeChanges(element);
-    });    
-    
-});
-
-function pulse(selector) {
-
-    // var done = "bg-success"
-    // var delay = 200
-
-    selector.fadeTo('slow', 0.5, function() {
-      selector.fadeTo('slow', 1.0) //.removeClass(done);
     });
-    
-    // setTimeout(function() {
-    //   selector.removeClass(done);
-    // }, delay);
-    
-}
+
+});