update

config.json.dist

@@ -2,6 +2,7 @@
   "loop_log": true,
   "boot_log": true,
   "deviceID": "XXXX",
+  "deviceName": "NebuleAir-proXXX",
   "SaraR4_baudrate": 115200,
   "NextPM_ports": [
     "ttyAMA5"

html/admin.html

@@ -39,12 +39,12 @@
       <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
     </div>
     <div class="offcanvas-body" id="sidebar_mobile">
-   
     </div>
   </div>
 
   <div class="container-fluid mt-5">
     <div class="row">
+          <!-- Side bar -->
         <aside class="col-md-2 col-lg-1 d-none d-md-block vh-100 position-fixed bg-dark text-white" id="sidebar">
         </aside>
       <!-- Main content -->
@@ -133,7 +133,15 @@ window.onload = function() {
           console.log("Getting config file (onload)");
             //get device ID
             const deviceID = data.deviceID.trim().toUpperCase();
-            document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+            //document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+             //get device Name
+             const deviceName = data.deviceName;
+           
+           const elements = document.querySelectorAll('.sideBar_sensorName');
+           elements.forEach((element) => {
+               element.innerText = deviceName;
+           });
+
 
             //get local RTC
             $.ajax({

html/index.html

@@ -100,16 +100,29 @@
             })
             .catch(error => console.error(`Error loading ${file}:`, error));
     });
+
+    
 });
 
+
 window.onload = function() {
+
     fetch('../config.json') // Replace 'deviceID.txt' with 'config.json'
         .then(response => response.json()) // Parse response as JSON
         .then(data => {
           console.log("Getting config file (onload)");
             //get device ID
             const deviceID = data.deviceID.trim().toUpperCase();
-            document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+            //document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+
+            
+            //get device Name
+            const deviceName = data.deviceName;
+           
+            const elements = document.querySelectorAll('.sideBar_sensorName');
+            elements.forEach((element) => {
+                element.innerText = deviceName;
+            });
 
             //get local RTC
             $.ajax({

html/launcher.php

@@ -12,6 +12,12 @@ if ($type == "git_pull") {
     echo $output;
 }
 
+if ($type == "clear_loopLogs") {
+    $command = 'truncate -s 0 /var/www/nebuleair_pro_4g/logs/loop.log';
+    $output = shell_exec($command);
+    echo $output;
+}
+
 if ($type == "linux_disk") {
     $command = 'df -h /';
     $output = shell_exec($command);

html/logs.html

@@ -56,7 +56,8 @@
           <div class="col-lg-6 col-12">
             <div class="card" style="height: 80vh;">
               <div class="card-header">
-                Loop logs
+                Loop logs  <button type="submit" class="btn btn-secondary btn-sm" onclick="clear_loopLogs()">Clear</button>
+
               </div>
               <div class="card-body overflow-auto" id="card_loop_content">
 
@@ -172,6 +173,14 @@ window.onload = function() {
             //get device ID
             const deviceID = data.deviceID.trim().toUpperCase();
             document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+             //get device Name
+             const deviceName = data.deviceName;
+           
+           const elements = document.querySelectorAll('.sideBar_sensorName');
+           elements.forEach((element) => {
+               element.innerText = deviceName;
+           });
+
 
             //get local RTC
             $.ajax({
@@ -191,6 +200,27 @@ window.onload = function() {
         })
         .catch(error => console.error('Error loading config.json:', error));
         }
+
+
+function clear_loopLogs(){
+    console.log("Clearing loop logs");
+
+        $.ajax({
+            url: 'launcher.php?type=clear_loopLogs',
+            method: 'GET', // Use GET or POST depending on your needs
+            success: function(response) {
+                // Handle success response if needed
+                console.log(response);
+                //alert(response);
+                // Reload the page after the device update
+                location.reload(); // This will reload the page
+
+            },
+            error: function(xhr, status, error) {
+                console.error('AJAX request failed:', status, error);
+            }
+        });
+      }
 </script>
 
 </body>

html/saraR4.html

@@ -594,7 +594,16 @@ window.onload = function() {
         .then(data => {
             //get device ID
             const deviceID = data.deviceID.trim().toUpperCase();
-            document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+            //document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+
+             //get device Name
+             const deviceName = data.deviceName;
+           
+           const elements = document.querySelectorAll('.sideBar_sensorName');
+           elements.forEach((element) => {
+               element.innerText = deviceName;
+           });
+
 
             //get SARA_R4 connection status
             const SARA_statusElement = document.getElementById("modem-status");

html/sidebar.html

@@ -40,5 +40,12 @@
           </svg>
         Admin
       </a>
+
+       <!-- New content at the bottom -->
+    <div class="sidebar-footer text-center text-white">
+      <hr>
+      <span class="sideBar_sensorName"> NebuleAir</span>
+    </div>
+
    
   </nav>

html/topbar.html

@@ -8,8 +8,9 @@
             <button class="btn btn-outline-light d-md-none me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarOffcanvas" aria-controls="sidebarOffcanvas" aria-label="Toggle Sidebar">☰</button>
            
              <!-- Centered text -->
+               <!--
              <span id="pageTitle_plus_ID" class="position-absolute top-50 start-50 translate-middle">Texte au milieu</span>
-
+                -->
             
             <button type="button" class="btn btn-outline-light" id="RTC_time">loading...</button>
         </div>

html/wifi.html

@@ -292,7 +292,16 @@ function get_internet(){
           console.log("Getting config file (onload)");
             //get device ID
             const deviceID = data.deviceID.trim().toUpperCase();
-            document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+            //document.getElementById('pageTitle_plus_ID').innerText = 'token: ' + deviceID;
+
+             //get device Name
+             const deviceName = data.deviceName;
+           
+           const elements = document.querySelectorAll('.sideBar_sensorName');
+           elements.forEach((element) => {
+               element.innerText = deviceName;
+           });
+
 
             //get wifi connection status
             const WIFI_statusElement = document.getElementById("wifi-status");