From 443a272a5ee01b0c33b848da81b416507e0ea7ab Mon Sep 17 00:00:00 2001
From: Chris Mann <chris@lesgrandsvoisins.com>
Date: Fri, 21 Jul 2023 15:54:17 +0200
Subject: [PATCH] Design

---
 static/javascript/journuit.js | 25 +++++++++++++++++++++++++
 templates/layout.html         |  4 +++-
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 static/javascript/journuit.js

diff --git a/static/javascript/journuit.js b/static/javascript/journuit.js
new file mode 100644
index 0000000..ffe9b67
--- /dev/null
+++ b/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);
+  }
+}
diff --git a/templates/layout.html b/templates/layout.html
index 5a84aa1..aa9404c 100644
--- a/templates/layout.html
+++ b/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>