68 lines
2.1 KiB
HTML
68 lines
2.1 KiB
HTML
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Kikikoz</title>
|
|
<script type="module">
|
|
import {default as init, ajoute, ajoute_kp, next, intervalle_orateurice, toggle_conf_visible} from './pkg/kikikoz.js';
|
|
|
|
async function run() {
|
|
await init()
|
|
}
|
|
|
|
run()
|
|
window.ajoute = ajoute;
|
|
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"/>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Kikikoz</h1>
|
|
|
|
<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>
|
|
|
|
<section id="queues">
|
|
<section class="queue courante" id="queue_a">
|
|
<h3>Queue A</h3>
|
|
<ol>
|
|
|
|
</ol>
|
|
<p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_a")'/>
|
|
<button onclick='ajoute("queue_a")'>+</button></p>
|
|
</section>
|
|
|
|
<section class="queue attente" id="queue_b">
|
|
<h3>Queue B</h3>
|
|
<ol>
|
|
|
|
</ol>
|
|
<p class="finisseur">Ajouter: <input type="text" onkeypress='ajoute_kp(event, "queue_b")'/>
|
|
<button onclick='ajoute("queue_b")'>+</button></p>
|
|
</section>
|
|
</section>
|
|
<button onClick="toggle_conf_visible()">Configuration</button>
|
|
</main>
|
|
<aside id="configuration" class="hidden">
|
|
<h2>Configuration</h2>
|
|
<h3>Queue A</h3>
|
|
<p>Ordre</p>
|
|
<div id="queue_A_config_mode">
|
|
<input type="radio" name="queue_A_mode" value="random" checked="true">Aléatoire</input>
|
|
<input type="radio" name="queue_A_mode" value="chrono">Par ordre d'arrivée</input>
|
|
</div>
|
|
<h3>Queue B</h3>
|
|
<div id="queue_B_config_mode">
|
|
<input type="radio" name="queue_B_mode" value="random" checked="true">Aléatoire</input>
|
|
<input type="radio" name="queue_B_mode" value="chrono">Par ordre d'arrivée</input>
|
|
</div>
|
|
</aside>
|
|
|
|
</body>
|
|
</html>
|