Ajout du panneau de configuration (non-fonctionnel)

Cargo.toml

@@ -39,6 +39,7 @@ features = [
 	 'HtmlInputElement',
 	 'HtmlOListElement',
 	 'KeyboardEvent',
+	 'NamedNodeMap',
 	 'Node',
 	 'NodeList',
 	 'Window',

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" visible="true">
-    <p class="orateurice">
       <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>

kikikoz.css

@@ -60,3 +60,7 @@ aside#configuration {
     border-radius: 5px;
     height: 100%;
 }
+
+.hidden {
+    display: none;
+}

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();