Design

static/javascript/journuit.js

@@ -0,0 +1,25 @@
+// let toggle = document.querySelector('.toggle-darkmode');
+let toggle = document.querySelector('#jour-nuit');
+
+function lesgvGoDark(toggle) {
+  localStorage.removeItem('lightmode');
+  localStorage.setItem('darkmode', true);
+  toggle.innerText = 'Nuit';
+  document.body.classList.add('darkmode');
+}
+
+function lesgvGoLight(toggle) {
+  localStorage.removeItem('darkmode');
+  localStorage.setItem('lightmode', true);
+  toggle.innerText = 'Jour';
+  document.body.classList.remove('darkmode');
+}
+
+function toggleDarkmode() {
+  let toggle = document.querySelector('#jour-nuit');
+  if (document.body.classList.contains('darkmode')) {
+    lesgvGoLight(toggle);
+  } else {
+    lesgvGoDark(toggle);
+  }
+}

templates/layout.html

@@ -55,7 +55,7 @@
         <li><a href="/invite/new_account">Créer un nouveau compte</a></li>
         {{end}}
         {{if .Login.CanAdmin}}
-        <li>Administration</li>
+        <li><a href="#">Administration</a></li>
         <ul class="submenu">
     <li><a href="/admin/activate">Activer des Utilisateur·ices</a></li>
     <li><a href="/admin/users">Utilisateur·ices</a></li>
@@ -64,6 +64,7 @@
     <li><a href="/admin/ldap/{{.BaseDN}}">Explorateur LDAP</a></li>
   </ul>
   </li>
+  <li> &nbsp;&lt;&nbsp;<a href="#" class="jour-nuit" id="jour-nuit">Jour et nuit</a></li>
 </ul>
       </div>
 {{end}}
@@ -75,5 +76,6 @@
   <script src="/static/javascript/jquery.slim.min.js"></script>
   <script src="/static/javascript/bootstrap.bundle.min.js"></script>
   <script src="/static/javascript/lesgv.js"></script>
+  <script src="/static/javascript/journuit.js"></script>
 </body>
 </html>