jurajk/knet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

live users

Browse Source
This commit is contained in:
JurajKubrican
2025-08-04 20:05:08 +02:00
parent 70b0b70f65
commit c350501f29
5 changed files with 50 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
js/boxes.js
View File

@@ -20,34 +20,28 @@
});
return;
}
if (instruction.startsWith("u:")) {
const items = instruction.split(":");
const el = document.getElementById("counter");
el.innerText = items[1];
const el2 = document.getElementById("ips");
el2.innerText = items[2].replaceAll(",", "\n");
return;
}
};
socket.addMessageListener((data) => {
const instructions = data.split("\n");
instructions.forEach(handleInstruction);
});
const handleBoxChange = (event) => {
const target = event.target;
const id = target?.id.split("-")[1];
const value = target.checked ? "+" : "-";
socket.send("b:" + id + ":" + value);
};
document.querySelectorAll(".boxes input").forEach((input) => {
input.addEventListener("change", (event) => {
const target = event.target;
const id = target?.id.split("-")[1];
const value = target.checked ? "+" : "-";
socket.send("b:" + id + ":" + value);
});
input.addEventListener("change", handleBoxChange);
});
// const autoPlayEl = document.querySelector("#randomize") as CheckboxEl;
// autoPlayEl?.addEventListener("click", (e) => socket.send("r:1000"));
// var golTimer: number | undefined = undefined;
// const handleGol = (el: CheckboxEl) => {
// if (el.checked) {
// golTimer = setInterval(() => {
// socket.send("gol");
// }, 500);
// } else {
// clearInterval(golTimer);
// }
// };
// const golEl = document.querySelector("#game-of-life") as CheckboxEl;
// handleGol(golEl);
// golEl.addEventListener("change", (e) => handleGol(e.target as CheckboxEl));
const container = document.querySelector(".boxes");
const resizeObserver = new ResizeObserver((entries) => {
const entry = entries.at(0);

43
js/boxes.ts
View File

@@ -29,6 +29,16 @@ type Box = {
});
return;
}
if (instruction.startsWith("u:")) {
const items = instruction.split(":");
const el = document.getElementById("counter") as CheckboxEl;
el.innerText = items[1];
const el2 = document.getElementById("ips") as CheckboxEl;
el2.innerText = items[2].replaceAll(",", "<br/>");
return;
}
};
socket.addMessageListener((data) => {
@@ -36,34 +46,17 @@ type Box = {
instructions.forEach(handleInstruction);
});
const handleBoxChange = (event: Event) => {
const target = event.target as CheckboxEl;
const id = target?.id.split("-")[1];
const value = target.checked ? "+" : "-";
socket.send("b:" + id + ":" + value);
}
document.querySelectorAll(".boxes input").forEach((input) => {
input.addEventListener("change", (event) => {
const target = event.target as CheckboxEl;
const id = target?.id.split("-")[1];
const value = target.checked ? "+" : "-";
socket.send("b:" + id + ":" + value);
});
input.addEventListener("change", handleBoxChange);
});
// const autoPlayEl = document.querySelector("#randomize") as CheckboxEl;
// autoPlayEl?.addEventListener("click", (e) => socket.send("r:1000"));
// var golTimer: number | undefined = undefined;
// const handleGol = (el: CheckboxEl) => {
// if (el.checked) {
// golTimer = setInterval(() => {
// socket.send("gol");
// }, 500);
// } else {
// clearInterval(golTimer);
// }
// };
// const golEl = document.querySelector("#game-of-life") as CheckboxEl;
// handleGol(golEl);
// golEl.addEventListener("change", (e) => handleGol(e.target as CheckboxEl));
const container = document.querySelector(".boxes") as HTMLDivElement;
const resizeObserver = new ResizeObserver((entries) => {
const entry = entries.at(0);