toggle dark thme

2025-02-07 02:15:25 +01:00
parent cdf7e38604
commit b59c617a8d
7 changed files with 727 additions and 758 deletions
--- a/stylesheets/hostScan.xsl
+++ b/stylesheets/hostScan.xsl
@ -11,18 +11,14 @@
  <xsl:output indent="yes" />
  <xsl:strip-space elements='*' />

-  <xsl:variable name="stylesheetURL"
-    select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'href=&quot;'), '?')" />
+  <xsl:variable name="stylesheetURL" select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'href=&quot;'), '?')" />
  <xsl:variable name="base" select="concat($stylesheetURL, '/../../')" />
-  <xsl:variable name="name"
-    select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'name='), '&quot;')" />
+  <xsl:variable name="name" select="substring-before(substring-after(processing-instruction('xml-stylesheet'),'name='), '&quot;')" />

  <xsl:template match="nmaprun">
    <xsl:variable name="targets" select="substring-after(@args, '-oX - ')" />
-    <xsl:variable
-      name="current" select="." />
-    <xsl:variable name="init"
-      select="document(concat($base, 'scans/', $name, '.xml'))/nmaprun" />
+    <xsl:variable name="current" select="." />
+    <xsl:variable name="init" select="document(concat($base, 'scans/', $name, '.xml'))/nmaprun" />

    <html lang="fr">
      <xsl:apply-templates select="." mode="head">
@ -31,14 +27,13 @@
        <xsl:with-param name="targets" select="$targets" />
      </xsl:apply-templates>

-      <body>
+      <body class="inverted">
        <xsl:apply-templates select="." mode="nav">
          <xsl:with-param name="name" select="$name" />
        </xsl:apply-templates>

        <main class="ui main container inverted segment">
-          <xsl:apply-templates
-            select="$current/host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]">
+          <xsl:apply-templates select="$current/host | $init/host[not(address/@addr=$current/host/address/@addr)][not(status/@state='down')]">
            <xsl:with-param name="init" select="$init" />
            <xsl:with-param name="current" select="$current" />
          </xsl:apply-templates>
@ -60,12 +55,9 @@ $('.ui.dropdown').dropdown()
  <xsl:template match="host">
    <xsl:param name="init" />
    <xsl:param name="current" />
-    <xsl:variable name="addr"
-      select="address/@addr" />
-    <xsl:variable name="initHost"
-      select="$init/host[address/@addr=$addr]" />
-    <xsl:variable name="currentHost"
-      select="$current/host[address/@addr=$addr]" />
+    <xsl:variable name="addr" select="address/@addr" />
+    <xsl:variable name="initHost" select="$init/host[address/@addr=$addr]" />
+    <xsl:variable name="currentHost" select="$current/host[address/@addr=$addr]" />
    <xsl:variable name="hostAddress">
      <xsl:choose>
        <xsl:when test="hostnames/hostname/@name">
@ -77,12 +69,11 @@ $('.ui.dropdown').dropdown()
      </xsl:choose>
    </xsl:variable>

-    <h1
-      class="ui header">
+    <h1 class="ui header">
      <div>
        <xsl:attribute name="class">
          <xsl:text>ui horizontal label </xsl:text>
-        <xsl:choose>
+          <xsl:choose>
            <xsl:when test="$currentHost/status/@state='up'">green</xsl:when>
            <xsl:otherwise>red</xsl:otherwise>
          </xsl:choose>
@ -99,8 +90,7 @@ $('.ui.dropdown').dropdown()
      </xsl:choose>
    </h1>

-    <table
-      class="ui inverted table" style="width: max-content">
+    <table class="ui inverted table" style="width: max-content">
      <thead>
        <tr>
          <xsl:if test="address[@addrtype='ipv4']/@addr">
@ -160,8 +150,7 @@ $('.ui.dropdown').dropdown()
      </tbody>
    </table>

-    <xsl:if
-      test="hostscript/script">
+    <xsl:if test="hostscript/script">
      <div class="ui inverted tree accordion">
        <div class="title">
          <i class="dropdown icon"></i> Informations supplémentaires </div>
@ -171,32 +160,26 @@ $('.ui.dropdown').dropdown()
      </div>
    </xsl:if>

-    <h2
-      class="ui header">Services</h2>
+    <h2 class="ui header">Services</h2>

    <div class="ui cards">
-      <xsl:apply-templates
-        select="$currentHost/ports/port | $initHost/ports/port[not(@portid=$currentHost/ports/port/@portid)][not(state/@state='closed')]">
+      <xsl:apply-templates select="$currentHost/ports/port | $initHost/ports/port[not(@portid=$currentHost/ports/port/@portid)][not(state/@state='closed')]">
        <xsl:with-param name="initHost" select="$initHost" />
        <xsl:with-param name="currentHost" select="$currentHost" />
        <xsl:with-param name="hostAddress" select="$hostAddress" />
      </xsl:apply-templates>
    </div>

-    <xsl:apply-templates
-      select="trace" />
+    <xsl:apply-templates select="trace" />
  </xsl:template>

  <xsl:template match="port">
    <xsl:param name="hostAddress" />
    <xsl:param name="initHost" />
    <xsl:param name="currentHost" />
-    <xsl:variable
-      name="portid" select="@portid" />
-    <xsl:variable name="initPort"
-      select="$initHost/ports/port[@portid=$portid]" />
-    <xsl:variable name="currentPort"
-      select="$currentHost/ports/port[@portid=$portid]" />
+    <xsl:variable name="portid" select="@portid" />
+    <xsl:variable name="initPort" select="$initHost/ports/port[@portid=$portid]" />
+    <xsl:variable name="currentPort" select="$currentHost/ports/port[@portid=$portid]" />
    <xsl:variable name="color">
      <xsl:choose>
        <xsl:when test="$currentPort/script[@id='http-info']/elem[@key='status']>=500">red</xsl:when>
@ -208,8 +191,7 @@ $('.ui.dropdown').dropdown()
      </xsl:choose>
    </xsl:variable>

-    <div
-      class="ui inverted card {$color}">
+    <div class="ui inverted card {$color}">
      <div class="content">
        <div class="header">
          <div class="ui {$color} ribbon label">
@ -257,8 +239,7 @@ $('.ui.dropdown').dropdown()
          </div>
        </div>
      </div>
-      <xsl:if
-        test="service/@name='ftp' or service/@name='ssh' or service/@name='http' or service/@name='https' or service/@name='ms-wbt-server'">
+      <xsl:if test="service/@name='ftp' or service/@name='ssh' or service/@name='http' or service/@name='https' or service/@name='ms-wbt-server'">
        <a class="ui {$color} button" target="_blank">
          <xsl:attribute name="href">
            <xsl:choose>
@ -266,8 +247,7 @@ $('.ui.dropdown').dropdown()
                <xsl:text>rdp.php?v=</xsl:text>
                <xsl:value-of select="$hostAddress" />
                <xsl:text>&amp;p=</xsl:text>
-                <xsl:value-of
-                  select="@portid" />
+                <xsl:value-of select="@portid" />
              </xsl:when>
              <xsl:otherwise>
                <xsl:choose>
@ -279,8 +259,7 @@ $('.ui.dropdown').dropdown()
                  </xsl:otherwise>
                </xsl:choose>
                <xsl:text>://</xsl:text>
-                <xsl:value-of
-                  select="$hostAddress" />
+                <xsl:value-of select="$hostAddress" />
                <xsl:text>:</xsl:text>
                <xsl:value-of select="@portid" />
              </xsl:otherwise>
@ -295,13 +274,11 @@ $('.ui.dropdown').dropdown()
          <xsl:attribute name="style">
            <xsl:for-each select="$currentPort/script[@id='smb-shares-size']/table">
              <xsl:sort select="elem[@key='FreeSize'] div elem[@key='TotalSize']" order="ascending" />
-              <xsl:if
-                test="position()=1">
+              <xsl:if test="position()=1">
                <xsl:text>--free: </xsl:text>
                <xsl:value-of select="elem[@key='FreeSize']" />
                <xsl:text>; --total: </xsl:text>
-                <xsl:value-of
-                  select="elem[@key='TotalSize']" />
+                <xsl:value-of select="elem[@key='TotalSize']" />
              </xsl:if>
            </xsl:for-each>
          </xsl:attribute>
@ -335,8 +312,7 @@ $('.ui.dropdown').dropdown()
                </tbody>
              </table>
            </xsl:if>
-            <xsl:apply-templates
-              select="table" />
+            <xsl:apply-templates select="table" />
          </xsl:when>
          <xsl:otherwise>
            <xsl:value-of select="@output" />
@ -389,9 +365,7 @@ $('.ui.dropdown').dropdown()

  <xsl:template match="table">
    <xsl:param name="hostAddress" />
-    <a class="item share-size"
-      href="file://///{$hostAddress}/{@key}" target="_blank" rel="noopener noreferrer"
-      style="--free: {elem[@key='FreeSize']}; --total: {elem[@key='TotalSize']}">
+    <a class="item share-size" href="file://///{$hostAddress}/{@key}" target="_blank" rel="noopener noreferrer" style="--free: {elem[@key='FreeSize']}; --total: {elem[@key='TotalSize']}">
      <xsl:value-of select="@key" />
    </a>
  </xsl:template>
--- a/stylesheets/lanScan.xsl
+++ b/stylesheets/lanScan.xsl
@ -26,12 +26,12 @@
        <xsl:with-param name="targets" select="$targets" />
      </xsl:apply-templates>

-      <body>
+      <body class="inverted">
        <xsl:apply-templates select="." mode="nav">
          <xsl:with-param name="name" select="$name" />
        </xsl:apply-templates>

-        <main class="ui main container inverted segment">
+        <main class="ui main container inverted vertical segment">
          <h1 class="ui header">
            <xsl:choose>
              <xsl:when test="$name">
--- a/stylesheets/lib/nav.xsl
+++ b/stylesheets/lib/nav.xsl
@ -55,25 +55,39 @@
      </svg>
    can</a>
    <div class="right menu">
-      <form class="ui right aligned category search item" id="scanForm" action="scan.php" method="get">
-        <div class="ui inverted icon input" id="targetsInputDiv">
-          <input name="lan" class="prompt" type="text" placeholder="Scanner un réseau" pattern="[a-zA-Z0-9._\/ \-]+" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
+      <div class="ui right aligned category search item">
+        <form id="scanForm" action="scan.php" method="get">
+          <div class="ui inverted icon input" id="targetsInputDiv">
+            <input name="lan" class="prompt" type="text" placeholder="Scanner un réseau" pattern="[a-zA-Z0-9._\/ \-]+" title="Les cibles peuvent être spécifiées par des noms d'hôtes, des adresses IP, des adresses de réseaux, etc.
 Exemples: 192.168.1.0/24 scanme.nmap.org 10.0-255.0-255.1-254" />
-          <i class="satellite dish icon"></i>
-        </div>
-        <a class="button item" href="options.php" title="Options avancées">
+            <i class="satellite dish icon"></i>
+          </div>
+        </form>
+        <a class="ui icon button item" href="options.php" title="Options avancées">
          <i class="settings icon"></i>
        </a>
        <xsl:if test="$name">
-          <a class="button item" id="refreshLink" href="rescan.php?name={$name}" title="Actualiser">
+          <a class="ui icon button item" id="refreshLink" href="rescan.php?name={$name}" title="Actualiser">
            <i class='sync icon'></i>
          </a>
        </xsl:if>
-      </form>
+        <button id="toggleThemeButton" type="button" class="ui icon link item" title="Thème clair/sombre">
+          <i class="sun icon"></i>
+        </button>
+      </div>
    </div>
  </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')
@ -88,7 +102,7 @@ scanForm.onsubmit = function(event) {
    })
  }
 }
-<xsl:if test="$name">
+    <xsl:if test="$name">
 refreshLink.onclick = function(event) {
    refreshLink.getElementsByTagName('i')[0].className = 'loading spinner icon'
    $.toast({
@ -101,7 +115,7 @@ refreshLink.onclick = function(event) {
        position   : 'bottom right',
    })
 }
-</xsl:if>
+    </xsl:if>
  </script>
 </xsl:template>
 </xsl:stylesheet>