novi vnos, izbris vnosov, itd.

scripts/vnos.js

@@ -26,8 +26,53 @@ function getKey() {
             <p class="entry-example">Vnos dodal: ${data.data.avtor}</p>
         `;
 
+        // Preveri lastinino
+        let addIf = ``;
+
+        if (data.data.avtor === document.cookie.split(";").find(cookie => cookie.trim().startsWith("username="))?.split("=")[1]) {
+            addIf = `<br><button id="delete-entry-button" class="page-btn nav-btn-danger">Izbriši vnos</button>`;
+        }
+
+        build += addIf;
+
         document.getElementById("page-title").innerText = `Vnos '${data.data.kljuc}'`;
         document.getElementById("entry-container-single").innerHTML += build;
+
+        document.getElementById("delete-entry-button")?.addEventListener("click", () => {
+            document.getElementById("delete-entry-modal").style.visibility = "visible";
+        });
+
+        document.getElementById("cancel-delete")?.addEventListener("click", () => {
+            document.getElementById("delete-entry-modal").style.visibility = "hidden";
+        });
+
+        document.getElementById("confirm-delete")?.addEventListener("click", () => {
+            fetch("http://localhost:3000/izbrisi-vnos", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({ "token": document.cookie.split(";").find(cookie => cookie.trim().startsWith("token=")).split("=")[1], "pk": kljuc })
+            })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error("Network response was not ok");
+                }
+                return response.json();
+            })
+            .then(data => {
+                console.log("Success:", data);
+                window.location.href = "/";
+            })
+            .catch((error) => {
+                console.error("Error:", error);
+                document.getElementById("delete-entry-modal").style.visibility = "hidden";
+            });
+        });
+
+        document.getElementById("close-modal")?.addEventListener("click", () => {
+            document.getElementById("delete-entry-modal").style.visibility = "hidden";
+        });
     })
     .catch((error) => {
         console.error('Error:', error);