save theme

options.php

@@ -25,7 +25,7 @@
           <a class="ui icon button item" href="https://nmap.org/man/fr/index.html" target="_blank">
             <i class="question circle icon"></i>
           </a>
-          <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre">
+          <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre" onclick="toggleTheme()">
             <i class="sun icon"></i>
           </button>
         </div>
@@ -453,9 +453,9 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
                     <select id="minRTTUnit" class="ui clearable dropdown label"
                       oninput="minRTTHidden.value = minRTTNumber.value? minRTTNumber.value+minRTTUnit.value: ''">
                       <option value="">ms</option>
-                      <option value="s" secondes </option>
-                      <option value="m" minutes </option>
-                      <option value="h" heures </option>
+                      <option value="s">secondes</option>
+                      <option value="m">minutes</option>
+                      <option value="h">heures</option>
                     </select>
                   </div>
                   <input id="minRTTHidden" type="hidden" name="--min-rtt-timeout">
@@ -468,9 +468,9 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
                     <select id="maxRTTUnit" class="ui clearable dropdown label"
                       oninput="maxRTTHidden.value = maxRTTNumber.value? maxRTTNumber.value+maxRTTUnit.value: ''">
                       <option value="">ms</option>
-                      <option value="s" secondes </option>
-                      <option value="m" minutes </option>
-                      <option value="h" heures </option>
+                      <option value="s">secondes</option>
+                      <option value="m">minutes</option>
+                      <option value="h">heures</option>
                     </select>
                   </div>
                   <input id="maxRTTHidden" type="hidden" name="--max-rtt-timeout">
@@ -492,9 +492,9 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
                 <select id="hostTimoutUnit" class="ui clearable dropdown label"
                   oninput="hostTimoutHidden.value = hostTimoutNumber.value? hostTimoutNumber.value+hostTimoutUnit.value: ''">
                   <option value="">ms</option>
-                  <option value="s" secondes </option>
-                  <option value="m" minutes </option>
-                  <option value="h" heures </option>
+                    <option value="s">secondes</option>
+                    <option value="m">minutes</option>
+                    <option value="h">heures</option>
                 </select>
               </div>
               <input id="hostTimoutHidden" type="hidden" name="--host-timeout">
@@ -509,9 +509,9 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
                   <select id="scanDelayUnit" class="ui clearable dropdown label"
                     oninput="scanDelayHidden.value = scanDelayNumber.value? scanDelayNumber.value+scanDelayUnit.value: ''">
                     <option value="">ms</option>
-                    <option value="s" secondes </option>
-                    <option value="m" minutes </option>
-                    <option value="h" heures </option>
+                    <option value="s">secondes</option>
+                    <option value="m">minutes</option>
+                    <option value="h">heures</option>
                   </select>
                 </div>
                 <input id="scanDelayHidden" type="hidden" name="--scan-delay">
@@ -524,9 +524,9 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
                   <select id="maxRTTUnit" class="ui clearable dropdown label"
                     oninput="maxRTTHidden.value = maxScanDelay.value? maxScanDelay.value+maxRTTUnit.value: ''">
                     <option value="">ms</option>
-                    <option value="s" secondes </option>
-                    <option value="m" minutes </option>
-                    <option value="h" heures </option>
+                    <option value="s">secondes</option>
+                    <option value="m">minutes</option>
+                    <option value="h">heures</option>
                   </select>
                 </div>
                 <input id="maxRTTHidden" type="hidden" name="--max-scan-delay">
@@ -680,17 +680,8 @@ Exemples: <?= $_SERVER['REMOTE_ADDR']; ?>/24 <?= $_SERVER['SERVER_NAME']; ?> 10.
       ?>
     </datalist>
 
+    <script src="script.js"></script>
     <script>
-      toggleThemeButton.onclick = function(event) {
-        if (document.body.classList.contains('inverted')) {
-          $(".inverted").addClass("light").removeClass("inverted")
-          $("#toggleThemeButton i").addClass("moon").removeClass("sun")
-        } else {
-          $(".light").addClass("inverted").removeClass("light")
-          $("#toggleThemeButton i").addClass("sun").removeClass("moon")
-        }
-      }
-
       $(".ui.accordion").accordion()
 
       $(".ui.clearable.dropdown").dropdown({

script.js

@@ -0,0 +1,15 @@
+function toggleTheme() {
+    if (document.body.classList.contains('inverted')) {
+        $(".inverted").addClass("light").removeClass("inverted")
+        $("#toggleThemeButton i").addClass("moon").removeClass("sun")
+        localStorage.setItem("laScanTheme", "light")
+    } else {
+        $(".light").addClass("inverted").removeClass("light")
+        $("#toggleThemeButton i").addClass("sun").removeClass("moon")
+        localStorage.setItem("laScanTheme", "dark")
+    }
+}
+
+if (localStorage.getItem("laScanTheme") === "light") {
+    toggleTheme()
+}

stylesheets/hostScan.xsl

@@ -39,6 +39,7 @@
           </xsl:apply-templates>
         </main>
 
+        <script src="script.js"></script>
         <script>
 $('.ui.tree.accordion').accordion()
 $('.ui.dropdown').dropdown()
@@ -132,7 +133,7 @@ $('.ui.dropdown').dropdown()
           </xsl:if>
           <xsl:if test="os/osmatch/@name">
             <td>
-              <xsl:value-of select="os/osmatch/@name" />
+              <abbr title="Confiance : {os/osmatch/@accuracy}%"><xsl:value-of select="os/osmatch/@name" /></abbr>
             </td>
           </xsl:if>
           <xsl:if test="distance/@value">

stylesheets/lanScan.xsl

@@ -49,7 +49,7 @@
           <table id="scanResultsTable" style="width:100%" role="grid" class="ui sortable small compact stuck striped table">
             <thead>
               <tr>
-                <th style="width: min-width">Etat</th>
+                <th style="width: min-width">État</th>
                 <th>Adresse IP</th>
                 <th>Nom</th>
                 <th>Constructeur</th>
@@ -68,6 +68,7 @@
           </table>
         </main>
 
+        <script src="script.js"></script>
         <script>
 var table = $('#scanResultsTable').DataTable({
     responsive: true,

stylesheets/lib/nav.xsl

@@ -71,7 +71,7 @@ Exemples: 192.168.1.0/24 scanme.nmap.org 10.0-255.0-255.1-254" />
             <i class='sync icon'></i>
           </a>
         </xsl:if>
-        <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre">
+        <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre" onclick="toggleTheme()">
           <i class="sun icon"></i>
         </button>
       </div>
@@ -79,15 +79,6 @@ Exemples: 192.168.1.0/24 scanme.nmap.org 10.0-255.0-255.1-254" />
   </nav>
 
   <script>
-toggleThemeButton.onclick = function(event) {
-  if (document.body.classList.contains('inverted')) {
-    $(".inverted").addClass("light").removeClass("inverted")
-    $("#toggleThemeButton i").addClass("moon").removeClass("sun")
-  } else {
-    $(".light").addClass("inverted").removeClass("light")
-    $("#toggleThemeButton i").addClass("sun").removeClass("moon")
-  }
-}
 scanForm.onsubmit = function(event) {
   if (scanForm.checkValidity()) {
     targetsInputDiv.classList.add('loading')