From 4582aee9c51800f7b236fc9d731829c16254429f Mon Sep 17 00:00:00 2001 From: Maksymilian Jopek Date: Tue, 28 Mar 2023 20:14:37 +0200 Subject: Add backend code to repo --- backend/static/index.html | 78 +++++++++++++++++++++++++++++++++++++++++++++++ backend/static/index.js | 59 +++++++++++++++++++++++++++++++++++ 2 files changed, 137 insertions(+) create mode 100644 backend/static/index.html create mode 100644 backend/static/index.js (limited to 'backend/static') diff --git a/backend/static/index.html b/backend/static/index.html new file mode 100644 index 0000000..afa1954 --- /dev/null +++ b/backend/static/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + +

Uploaded Images:

+ + + +

+ + + diff --git a/backend/static/index.js b/backend/static/index.js new file mode 100644 index 0000000..07f4c89 --- /dev/null +++ b/backend/static/index.js @@ -0,0 +1,59 @@ +const newDiv = ` +

$name

+ +
+ + Select: + + + ` + +function selectAll() { + for (const c of document.querySelectorAll("input[type='checkbox']")) { + c.checked = !c.checked + } +} +async function deleteFiles(names) { + if (!confirm("Are you sure about that file deleting thingy?")) return; + await fetch("/delete-files", { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ names }), + }) + getFiles() +} +async function removeAllSel() { + const names = [] + for (const c of [...document.querySelectorAll("input[type='checkbox']")].filter(i => i.checked)) { + names.push(c.name) + } + deleteFiles(names) +} +async function renameFile(on) { + const nn = prompt("What will be the new name of this beautiful picture?") + if (!nn) return; + await fetch("/rename-file", { + method: "POST", + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ nn, on }), + }) + getFiles() +} +const cont = document.getElementById("container"); +async function getFiles() { + const files = await fetch("/files").then(res => res.json()); + for (const d of document.querySelectorAll(".dImg")) d.remove() + for (const f of files) { + const div = document.createElement("div") + div.className = "dImg" + div.innerHTML = newDiv.replaceAll("$name", f); + cont.appendChild(div) + } +} +getFiles() + -- cgit v1.3.1