summaryrefslogblamecommitdiffstats
path: root/prog/jelka/templates/index.html
blob: f73d0b739b864d4f82c24fae44d7857606f3c9e5 (plain) (tree)























































































                                                                                                                                                           
<meta name=viewport content='width=device-width, initial-scale=1.0'>
<title>jelka na fmf</title>
<h1>jelka na fmf</h1>
<label for=geslo>geslo: </label><input id=geslo type=text placeholder=geslo /> (geslo najdete na LED zaslonu)
<br>
<label for=čas>čas vzorca v sekundah: </label><input id=čas type=number placeholder=10 min=1 max=300 /> <button onclick=nastavi_čas()>nastavi!</button>
<br>
<!-- enkrat poženi poljuben vzorec: <input type=file id=file /> <button id=poženi>poženi</button> -->
<ul id=vzorci></ul>
<script>
	function nastavi_čas() {
		if (geslo.value == "") {
			alert("nastavite geslo!");
			return;
		}
		fetch(geslo.value, {
			method: "POST",
			body: JSON.stringify({
				"čas": Numberas.value)
			}),
		}).then(data => {
			data.json().then(json => {
				if (Object.keys(json).includes("napaka")) {
					alert(json.napaka.besedilo)
				}
			})
		});
	}
	geslo.value = location.hash.substr(1);
	const evt = new EventSource("stream/");
	evt.onmessage = (e) => {
		data = JSON.parse(e.data);
		console.log(data);
		vzorci.innerHTML = "";
		for (let i = 0; i < data.vzorci.length; i++) {
			const li = document.createElement("li");
			const začni = document.createElement("button");
			const a = document.createElement("a");
			if (data["trenuten"] == data.vzorci[i])
				li.innerText = "trenuten: ";
			začni.innerText = "začni";
			a.innerText = data.vzorci[i];
			a.href = "vzorci/" + data.vzorci[i];
			li.appendChild(a);
			začni.onclick = () => {
				if (geslo.value == "") {
					alert("nastavite geslo!");
					return;
				}
				fetch(geslo.value, {
					method: "POST",
					body: JSON.stringify({
						"začni": data.vzorci[i]
					}),
				}).then(data => {
					data.json().then(json => {
						if (Object.keys(json).includes("napaka")) {
							alert(a.napaka.besedilo)
						}
					})
				});
			};
			li.appendChild(začni);
			const stanje = document.createElement("button");
			stanje.innerText = "onemogoči";
			if (data.onemogočeni.includes(data.vzorci[i]))
				stanje.innerText = "omogoči";
			stanje.onclick = () => {
				if (geslo.value == "") {
					alert("nastavite geslo!");
					return;
				}
				fetch(geslo.value, {
					method: "POST",
					body: "{\"" + stanje.innerText + "\": [\"" + data.vzorci[i] + "\"]}",
				}).then(data => {
					data.json().then(json => {
						if (Object.keys(json).includes("napaka")) {
							alert(a.napaka.besedilo)
						}
					})
				});
			};
			li.appendChild(stanje);
			vzorci.appendChild(li);
		}
	}
</script>