admin panel change into subsequent pages

static/js/admin_users.js

@@ -0,0 +1,32 @@
+async function run() {
+    let users = await fetch("/admin/data/users").then(r => r.json());
+
+    let usersDiv = document.getElementById("users");
+    for (let i = 0; i < users.length; i++) {
+        let item = document.createElement("div");
+        let id = document.createElement("p");
+        let username = document.createElement("input");
+        let permissions = document.createElement("input");
+        let edit = document.createElement("button");
+        let del = document.createElement("button");
+        edit.textContent = "Edit";
+        del.textContent = "Delete";
+        id.textContent = users[i][0];
+        username.value = users[i][1];
+        permissions.value = users[i][2];
+        item.style.display = "flex";
+        item.append(id, username, permissions, edit, del);
+        usersDiv.appendChild(item);
+        edit.addEventListener("click", async () => {
+            await fetch("/admin/edit/user", { method: "POST", body: JSON.stringify({ "id": users[i][0], "username": username.value, "permissions": parseInt(permissions.value) }) });
+            window.location.reload();
+        })
+        del.addEventListener("click", async () => {
+            if (confirm("Delete item?")) {
+            await fetch("/admin/delete/user", { method: "POST", body: JSON.stringify({ "id": users[i][0] }) });
+            window.location.reload();}
+        })
+    }
+}
+
+let _ = run();