From d6b17868c088b581788342f9bc93441638a8a04e Mon Sep 17 00:00:00 2001
From: Florent Becker <Florent.Becker@posteo.net>
Date: Tue, 19 Jul 2022 11:26:25 +0200
Subject: [PATCH] Ajout du panneau de configuration (non-fonctionnel)

---
 Cargo.toml  |  1 +
 index.html  |  9 +++++----
 kikikoz.css |  4 ++++
 src/lib.rs  | 14 ++++++++++++++
 4 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/Cargo.toml b/Cargo.toml
index a8e4be9..d5e332a 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -39,6 +39,7 @@ features = [
 	 'HtmlInputElement',
 	 'HtmlOListElement',
 	 'KeyboardEvent',
+	 'NamedNodeMap',
 	 'Node',
 	 'NodeList',
 	 'Window',
diff --git a/index.html b/index.html
index 05bde48..94ae261 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
     <meta charset="utf-8"/>
     <title>Kikikoz</title>
     <script type="module">
-      import {default as init, ajoute, ajoute_kp, next, intervalle_orateurice} from './pkg/kikikoz.js';
+      import {default as init, ajoute, ajoute_kp, next, intervalle_orateurice, toggle_conf_visible} from './pkg/kikikoz.js';
 
       async function run() {
 	  await init()
@@ -14,6 +14,7 @@
       window.ajoute_kp = ajoute_kp;
       window.next = next;
       window.intervalle_orateurice = intervalle_orateurice;
+      window.toggle_conf_visible = toggle_conf_visible;
       window.setInterval(intervalle_orateurice, 1000);
     </script>
     <link rel="stylesheet" href="kikikoz.css"/>
@@ -22,8 +23,7 @@
     <main>
       <h1>Kikikoz</h1>
 
-      <button>Configuration</button>
-    <p class="orateurice">
+    <p class="orateurice" visible="true">
       <span id="orateurice" class="personne" onclick="intervalle_orateurice()">Personne</span> <span id="compte"></span> <button onclick="next()">Hop!</button>
     </p>
 
@@ -46,8 +46,9 @@
 	<button onclick='ajoute("queue_b")'>+</button></p>
     </section>
     </section>
+    <button onClick="toggle_conf_visible()">Configuration</button>
     </main>
-    <aside id="configuration">
+    <aside id="configuration" class="hidden">
       <h2>Configuration</h2>
       <p> Pas d'options pour le moment, revenez dans une version ultérieure.</p>
     </aside>
diff --git a/kikikoz.css b/kikikoz.css
index 5705b56..581a802 100644
--- a/kikikoz.css
+++ b/kikikoz.css
@@ -60,3 +60,7 @@ aside#configuration {
     border-radius: 5px;
     height: 100%;
 }
+
+.hidden {
+    display: none;
+}
diff --git a/src/lib.rs b/src/lib.rs
index 9b0e7ad..2f5a50d 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -14,6 +14,20 @@ fn le_document() -> web_sys::Document {
     window.document().expect("pas_de_document")
 }
 
+#[wasm_bindgen]
+pub fn toggle_conf_visible() {
+    let document = le_document();
+    let conf = document
+        .get_element_by_id("configuration")
+        .expect("pas de conf");
+    let hidden = conf.class_list().contains("hidden");
+    if hidden {
+        conf.class_list().remove_1("hidden");
+    } else {
+        conf.class_list().add_1("hidden");
+    }
+}
+
 #[wasm_bindgen]
 pub fn intervalle_orateurice() {
     let document = le_document();