From ea5680b473626c41d536ad189e29e822faa1f25c Mon Sep 17 00:00:00 2001
From: Kwimbee <72341571+Kwimbee@users.noreply.github.com>
Date: Thu, 23 Jan 2025 13:26:14 +0100
Subject: [PATCH] indent fix + typo + dmx sniff fix

---
 iforte/logs.html | 238 +++++++++++++++++++++++++----------------------
 1 file changed, 128 insertions(+), 110 deletions(-)
diff --git a/iforte/logs.html b/iforte/logs.html
index b333b22..e641d9d 100644
--- a/iforte/logs.html
+++ b/iforte/logs.html
@@ -1,39 +1,39 @@
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
-    <link rel="stylesheet" href="../files/bootstrap.min.css">
-    <link rel="stylesheet" href="../files/layout.css">
-    <script src="../files/jquery-3.3.1.min.js"></script>
-    <script src="../files/popper.min.js"></script>
-    <script src="../files/bootstrap.min.js"></script>
-    <script src="./base.js"></script>
-  </head>
-  <body>
-    <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
-      <div class="container">
-        <a class="navbar-brand" href="./index.html"><img src="../files/robe_logo_white.svg"></a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"><span class="navbar-toggler-icon"></span></button>
-        <div class="collapse navbar-collapse" id="navbar">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item"><a class="nav-link" href="./index.html">Status</a></li>
-            <li class="nav-item"><a class="nav-link" href="./personality.html">Personality</a></li>
-            <li class="nav-item active"><a class="nav-link" href="./logs.html">Logs</a></li>
-            <li class="nav-item"><a class="nav-link" href="./sensors.html">RAINS logs</a></li>
-            <li class="nav-item"><a class="nav-link" href="./discovery.html">Discovery</a></li>
-            <li class="nav-item"><a class="nav-link" id="scfg">Settings</a></li>
-            <li class="nav-item"><a class="nav-link" id="idnt"><img class="rdmi" src="../files/identify.svg"></a></li>
-          </ul>
-        </div>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
+  <link rel="stylesheet" href="../files/bootstrap.min.css">
+  <link rel="stylesheet" href="../files/layout.css">
+  <script src="../files/jquery-3.3.1.min.js"></script>
+  <script src="../files/popper.min.js"></script>
+  <script src="../files/bootstrap.min.js"></script>
+  <script src="./base.js"></script>
+</head>
+<body>
+  <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
+    <div class="container">
+      <a class="navbar-brand" href="./index.html"><img src="../files/robe_logo_white.svg"></a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"><span class="navbar-toggler-icon"></span></button>
+      <div class="collapse navbar-collapse" id="navbar">
+        <ul class="navbar-nav mr-auto">
+          <li class="nav-item"><a class="nav-link" href="./index.html">Status</a></li>
+          <li class="nav-item"><a class="nav-link" href="./personality.html">Personality</a></li>
+          <li class="nav-item active"><a class="nav-link" href="./logs.html">Logs</a></li>
+          <li class="nav-item"><a class="nav-link" href="./sensors.html">RAINS logs</a></li>
+          <li class="nav-item"><a class="nav-link" href="./discovery.html">Discovery</a></li>
+          <li class="nav-item"><a class="nav-link" id="scfg">Settings</a></li>
+          <li class="nav-item"><a class="nav-link" id="idnt"><img class="rdmi" src="../files/identify.svg"></a></li>
+        </ul>
       </div>
-    </nav>
-    <div class="fixed-top text-center device-label" id="pth" ></div>
-    <div class="container-fluid in">
-      <h1>Device logs</h1>
-      <div class="row" id="boxes">
-        <div class="col-12 box-c">
-          <h2 id="sta_err"><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse"
-            data-target="#lfb"><i class="blue"></i></button> Logs filter<a class="cfg"
-            onclick="cfgm();"><img src="../files/settings.svg"></a></h2>
+    </div>
+  </nav>
+  <div class="fixed-top text-center device-label" id="pth" ></div>
+  <div class="container-fluid in">
+    <h1>Device logs</h1>
+    <div class="row" id="boxes">
+      <div class="col-12 box-c">
+        <h2 id="sta_err"><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse"
+          data-target="#lfb"><i class="blue"></i></button> Logs filter<a class="cfg"
+          onclick="cfgm();"><img src="../files/settings.svg"></a></h2>
           <div class="box collapse clearfix" id="lfb">
             <small>Logs filters not functionnal on this simulator.</small>
             <br>
@@ -362,7 +362,7 @@
                 <li class="">37°C</li>
                 <li class="dn">-32°C</li>
               </ul>
-              <h3>Display orientation</h3>Side Botom
+              <h3>Display orientation</h3>Side Bottom
             </div>
           </div>
         </div>
@@ -386,7 +386,7 @@
                 <li class="">34°C</li>
                 <li class="">33°C</li>
               </ul>
-              <h3>Display orientation</h3>Side Botom
+              <h3>Display orientation</h3>Side Bottom
             </div>
           </div>
         </div>
@@ -407,7 +407,7 @@
                 <li class="">21°C</li>
                 <li class="dn">-32°C</li>
               </ul>
-              <h3>Display orientation</h3>Side Botom
+              <h3>Display orientation</h3>Side Bottom
             </div>
           </div>
         </div>
@@ -459,83 +459,101 @@
       </div>
     </div>
     <script>
+      
+      var is_sniffing = false;
+      
       // CREATES MODAL FOR LOG TOOLS
-          function cfgm() {
-              $('#m-t').html('Logs tools');
-              $('#m-f').empty();
-              $('.sb').unbind();
-              var tl = c_btn('Download log file', 0, ' dlog');
-              tl += c_btn('Start DMX sniff', 0, ' ddmx');
-              $('#m-b').html(tl);
-              $('#cfg-modal').modal();
-              $('.dlog').bind('click', function () {
-                  close_modal()
-              });
-              $('.ddmx').bind('click', function () {
-                  close_modal()
-              })
+      function cfgm() {
+        console.log(is_sniffing);
+        
+        $('#m-t').html('Logs tools');
+        $('#m-f').empty();
+        $('.sb').unbind();
+        var tl = c_btn('Download log file', 0, ' dlog');
+        if (!is_sniffing) {
+          tl += c_btn('Start DMX sniff', 0, ' ddmx');
+        } else {
+          tl += c_btn('Stop DMX sniff', 0, ' ddmx');
+        }
+        $('#m-b').html(tl);
+        $('#cfg-modal').modal();
+        $('.dlog').bind('click', function () {
+          // download logs
+          close_modal()
+        });
+        $('.ddmx').bind('click', function () {
+          // start sniff
+          if (is_sniffing) {
+            $('.ddmx').html('Start DMX sniff');
+            is_sniffing = false;
+          } else {
+            $('.ddmx').html('Stop DMX sniff');
+            is_sniffing = true;
           }
-          
-          function lfix(l) {
-              return l.charAt(0).toUpperCase() + l.slice(1).toLowerCase().replace('ems', 'EMS')
-          }
-  
-          function c_chb(id, t, v, ch) {
-              var html =
-                  '<div class="form-check form-check-inline"><input type="checkbox" class="form-check-input" id="' + id +
-                  '" value="' + v + '"' + ch + '>';
-              html += '<label class="form-check-label" for="' + id + '">' + t + '</label></div>';
-              return html
-          }
-  
-          function c_tit(id, t, e, c, p) {
-              var html =
-                  '<h3><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse" data-target="#' + id +
-                  '"><i></i></button>';
-              html += ' ' + t;
-              if (p) html += '<div class="fall"><input type="checkbox" id="' + id + '_p"> all must pass</div>';
-              html += '</h3>';
-              html += '<div class="collapse' + c + '" id="' + id + '">';
+          close_modal()
+        })
+      }
+      
+      function lfix(l) {
+        return l.charAt(0).toUpperCase() + l.slice(1).toLowerCase().replace('ems', 'EMS')
+      }
+      
+      function c_chb(id, t, v, ch) {
+        var html =
+        '<div class="form-check form-check-inline"><input type="checkbox" class="form-check-input" id="' + id +
+          '" value="' + v + '"' + ch + '>';
+          html += '<label class="form-check-label" for="' + id + '">' + t + '</label></div>';
+          return html
+        }
+        
+        function c_tit(id, t, e, c, p) {
+          var html =
+          '<h3><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse" data-target="#' + id +
+            '"><i></i></button>';
+            html += ' ' + t;
+            if (p) html += '<div class="fall"><input type="checkbox" id="' + id + '_p"> all must pass</div>';
+            html += '</h3>';
+            html += '<div class="collapse' + c + '" id="' + id + '">';
               if (e) html += '</div>';
               return html
-          }
-  
-          function c_ftmp(i, t) {
+            }
+            
+            function c_ftmp(i, t) {
               var html = '';
               html += '<div class="form-row">';
-              html += '<div class="form-group col-auto"><label class="col-form-label" id="tl' + i + '" for="fts' + i +
+                html += '<div class="form-group col-auto"><label class="col-form-label" id="tl' + i + '" for="fts' + i +
                   '">' + t + '</label></div>';
-              html += '<div class="form-group col-auto"><select class="form-control" id="fts' + i + '">';
-              html += '<option value="0">-</option><option value="1">&lt;=</option><option value="2">&gt;=</option>';
-              html += '</select></div>';
-              html += '<div class="form-group col-auto"><input type="text" class="form-control" size="5" id="ftv' + i +
-                  '"></div>';
-              html += '<div class="form-group col-auto"><label class="col-form-label" for="ftv' + i +
-                  '">&deg;<span class="tu" t1_tu_v"></span></label></div>';
-              html += '</div>';
-              return html
-          }
-  
-          function c_dt(n, t, e, c, it) {
-              var html = '<div class="form-group' + c + '">';
-              html += '<label for="' + n + '" class="col-form-label">' + t + '</label>';
-              html += '</div><div class="form-group' + c + '">';
-              html += '<input type="' + it + '" class="form-control" id="' + n + '" step="1">';
-              html += e.length > 0 ? '<div class="invalid-feedback">' + e + '</div>' : '';
-              html += '</div>';
-              return html
-          }
-  
-          function c_sil(id, t, o) {
-              var html = '<div class="form-group col-auto"><label class="col-form-label" for="' + id + '">' + t +
-                  '</label></div>';
-              html += '<div class="form-group col-auto"><select class="form-control" id="' + id + '">';
-              for (i = 0; i < o.length; i++) {
-                  html += '<option value="' + i + '">' + o[i] + '</option>'
-              }
-              html += '</select></div>';
-              return html
-          }
-      </script>
-  </body>
-</html>
\ No newline at end of file
+                  html += '<div class="form-group col-auto"><select class="form-control" id="fts' + i + '">';
+                    html += '<option value="0">-</option><option value="1">&lt;=</option><option value="2">&gt;=</option>';
+                    html += '</select></div>';
+                    html += '<div class="form-group col-auto"><input type="text" class="form-control" size="5" id="ftv' + i +
+                      '"></div>';
+                      html += '<div class="form-group col-auto"><label class="col-form-label" for="ftv' + i +
+                        '">&deg;<span class="tu" t1_tu_v"></span></label></div>';
+                        html += '</div>';
+                        return html
+                      }
+                      
+                      function c_dt(n, t, e, c, it) {
+                        var html = '<div class="form-group' + c + '">';
+                          html += '<label for="' + n + '" class="col-form-label">' + t + '</label>';
+                          html += '</div><div class="form-group' + c + '">';
+                            html += '<input type="' + it + '" class="form-control" id="' + n + '" step="1">';
+                            html += e.length > 0 ? '<div class="invalid-feedback">' + e + '</div>' : '';
+                            html += '</div>';
+                            return html
+                          }
+                          
+                          function c_sil(id, t, o) {
+                            var html = '<div class="form-group col-auto"><label class="col-form-label" for="' + id + '">' + t +
+                              '</label></div>';
+                              html += '<div class="form-group col-auto"><select class="form-control" id="' + id + '">';
+                                for (i = 0; i < o.length; i++) {
+                                  html += '<option value="' + i + '">' + o[i] + '</option>'
+                                }
+                                html += '</select></div>';
+                                return html
+                              }
+                            </script>
+                          </body>
+                          </html>
\ No newline at end of file
