update

html/admin.html

@@ -110,6 +110,34 @@
             .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;
+
+            //get local RTC
+            $.ajax({
+                url: 'launcher.php?type=RTC_time',
+                dataType: 'text', // Specify that you expect a JSON response
+                method: 'GET', // Use GET or POST depending on your needs
+                success: function(response) {
+                            console.log("Local RTC: " + response);
+                            const RTC_Element = document.getElementById("RTC_time");
+                            RTC_Element.textContent = response;
+                        },
+                        error: function(xhr, status, error) {
+                            console.error('AJAX request failed:', status, error);
+                        }
+                });
+
+        })
+        .catch(error => console.error('Error loading config.json:', error));
+        }
 </script>
 
 </body>

html/index.html

@@ -50,8 +50,23 @@
       <!-- Main content -->
       <main class="col-md-9 ms-sm-auto col-lg-10 offset-md-3 offset-lg-2 px-md-4">
         <h1 class="mt-4">Votre capteur</h1>
-        <p>This is the main content area. You can add any content you want here.</p>
+        <p>Bienvenue sur votre interface de configuration de votre capteur.</p>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
+        <div class="row mb-3">
+
+          <div class="col-sm-4">
+            <div class="card">
+           
+              <div class="card-body">
+                <h5 class="card-title">Linux stats</h5>
+
+                <p class="card-text">Disk space </p>
+                <div id="disk_space"></div>
+    
+              </div>
+            </div>
+          </div>
+
+        </div>
       </main>
     </div>
   </div>
@@ -83,6 +98,74 @@
             .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;
+
+            //get local RTC
+            $.ajax({
+                url: 'launcher.php?type=RTC_time',
+                dataType: 'text', // Specify that you expect a JSON response
+                method: 'GET', // Use GET or POST depending on your needs
+                success: function(response) {
+                            console.log("Local RTC: " + response);
+                            const RTC_Element = document.getElementById("RTC_time");
+                            RTC_Element.textContent = response;
+                        },
+                        error: function(xhr, status, error) {
+                            console.error('AJAX request failed:', status, error);
+                        }
+                });
+              
+              //get disk free space
+              $.ajax({
+                url: 'launcher.php?type=linux_disk',
+                dataType: 'text', // Specify that you expect a JSON response
+                method: 'GET', // Use GET or POST depending on your needs
+                success: function(response) {
+                            console.log("Linux disk space: " + response);
+                            const match = response.match(/(\d+)%/);
+
+                            const diskSpace = document.getElementById("disk_space");
+                            const percentage = match[1];
+
+                            // Create the outer div with class and attributes
+                            const progressDiv = document.createElement('div');
+                            progressDiv.className = 'progress';
+                            progressDiv.setAttribute('role', 'progressbar');
+                            progressDiv.setAttribute('aria-label', 'Example with label');
+                            progressDiv.setAttribute('aria-valuenow', percentage);
+                            progressDiv.setAttribute('aria-valuemin', 0);
+                            progressDiv.setAttribute('aria-valuemax', 100);
+
+                            // Create the inner progress bar div
+                            const progressBarDiv = document.createElement('div');
+                            progressBarDiv.className = 'progress-bar';
+                            progressBarDiv.style.width = `${percentage}%`; // Set the width dynamically
+                            progressBarDiv.textContent = `${percentage}%`; // Set the text dynamically
+
+                            // Append the progress bar to the outer div
+                            progressDiv.appendChild(progressBarDiv);
+
+                            // Append the entire progress bar to the body (or any other container)
+                            diskSpace.appendChild(progressDiv);
+
+                        },
+                        error: function(xhr, status, error) {
+                            console.error('AJAX request failed:', status, error);
+                        }
+                });
+
+        })
+        .catch(error => console.error('Error loading config.json:', error));
+        }
+
 </script>
 
 </body>

html/launcher.php

@@ -12,6 +12,12 @@ if ($type == "git_pull") {
     echo $output;
 }
 
+if ($type == "linux_disk") {
+    $command = 'df -h /';
+    $output = shell_exec($command);
+    echo $output;
+}
+
 if ($type == "sshTunnel") {
     $ssh_port=$_GET['ssh_port'];
     $command = 'sudo ssh -i /var/www/.ssh/id_rsa -f -N -R "'.$ssh_port.':localhost:22" -p 50221 -o StrictHostKeyChecking=no "airlab_server1@aircarto.fr"';

html/logs.html

@@ -162,6 +162,35 @@
 
 
 });
+
+
+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;
+
+            //get local RTC
+            $.ajax({
+                url: 'launcher.php?type=RTC_time',
+                dataType: 'text', // Specify that you expect a JSON response
+                method: 'GET', // Use GET or POST depending on your needs
+                success: function(response) {
+                            console.log("Local RTC: " + response);
+                            const RTC_Element = document.getElementById("RTC_time");
+                            RTC_Element.textContent = response;
+                        },
+                        error: function(xhr, status, error) {
+                            console.error('AJAX request failed:', status, error);
+                        }
+                });
+
+        })
+        .catch(error => console.error('Error loading config.json:', error));
+        }
 </script>
 
 </body>

html/topbar.html

@@ -6,8 +6,11 @@
         </a>      
         <div class="d-flex">
             <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>
-            <!-- Texte centré au milieu -->
+           
-            <span id="pageTitle_plus_ID">Texte au milieu</span>
+             <!-- 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>
     </div>

html/wifi.html

@@ -284,6 +284,51 @@ function get_internet(){
         // You can display a simple confirmation message or customize the behavior
         return confirm("Are you sure you want to connect to this Wi-Fi network?");
     }
+
+    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;
+
+            //get wifi connection status
+            const WIFI_statusElement = document.getElementById("wifi-status");
+            console.log("WIFI is: " + data.WIFI_status);
+
+            if (data.WIFI_status === "connected") {
+              WIFI_statusElement.textContent = "Connected";
+              WIFI_statusElement.className = "badge text-bg-success";
+            } else if (data.WIFI_status === "hotspot") {
+              WIFI_statusElement.textContent = "Hotspot";
+              WIFI_statusElement.className = "badge text-bg-warning";
+            } else {
+              WIFI_statusElement.textContent = "Unknown";
+              WIFI_statusElement.className = "badge text-bg-secondary";
+            }
+
+            //get local RTC
+            $.ajax({
+                url: 'launcher.php?type=RTC_time',
+                dataType: 'text', // Specify that you expect a JSON response
+                method: 'GET', // Use GET or POST depending on your needs
+                success: function(response) {
+                            console.log("Local RTC: " + response);
+                            const RTC_Element = document.getElementById("RTC_time");
+                            RTC_Element.textContent = response;
+                        },
+                        error: function(xhr, status, error) {
+                            console.error('AJAX request failed:', status, error);
+                        }
+                });
+
+
+        })
+        .catch(error => console.error('Error loading config.json:', error));
+        }
+
 </script>
 
 </body>