rewrite

2024-04-26 13:05:31 +02:00
parent 30dc609b30
commit 9d902b2ce9
14 changed files with 353 additions and 99 deletions
--- a/html/assets/script.js
+++ b/html/assets/script.js
@ -0,0 +1,61 @@
+window.onload = () => {
+    var pin = document.getElementById("pin");
+    var naming = document.getElementById("naming");
+    var name = document.getElementById("name");
+    var amount = document.getElementById("amount");
+    var flood = document.getElementById("flood");
+    var text = document.getElementById("text");
+
+    function checkMaxCaps()
+    {
+        if (naming.value == "capitalized")
+        {
+            var maxCaps = 1 << name.value.length;
+            if (amount.value > maxCaps)
+            {
+                text.innerText = `Amount will be capped at ${maxCaps}.`;
+                text.style.color = "red";
+            }
+            else
+            {
+                text.innerText = "";
+                text.style.color = "black";
+            }
+        }
+    }
+
+    naming.onchange = () => {
+        if (naming.value == "random")
+        {
+            name.disabled = true;
+        }
+        else
+        {
+            name.disabled = false;
+            checkMaxCaps();
+        }
+    }
+
+    amount.oninput = () => {checkMaxCaps()};
+    name.oninput = () => {checkMaxCaps()};
+        
+    flood.onclick = async () => {
+        var formData = new FormData();
+        formData.append("pin", parseInt(pin.value));
+        formData.append("naming", naming.value)
+        formData.append("name", name.value);
+        formData.append("amount", parseInt(amount.value));
+        text.value = "Flooding in progress...";
+        text.style.color = "green";
+        var request = await fetch("http://127.0.0.1/flood", {
+            method: "POST",
+            body: formData
+        })
+        response = await request.json();
+        text.value = response.message;
+        if (response.type == "error")
+        {
+            text.style.color = "red";
+        }
+    }
+}