novi vnos, izbris vnosov, itd.

scripts/contact.js

@@ -3,7 +3,7 @@ const form = `
     <label for="message">Sporočilo:</label>
     <textarea id="message" name="message" rows="5" class="page-input" required></textarea>
     <button type="submit" class="page-btn">Pošlji</button>
-    <p>Vaše sporočilo bo vezano na vaš račun, zato vam bomo lahko odgovorili na e-pošto, ki ste jo vnesli ob registraciji.</p>
+    <p><em>Vaše sporočilo bo vezano na vaš račun, zato vam bomo lahko odgovorili na e-pošto, ki ste jo vnesli ob registraciji.</em></p>
 </form>`;
 
 document.addEventListener("DOMContentLoaded", () => {

scripts/index.js

@@ -100,5 +100,9 @@ document.getElementById("search-input").addEventListener("keydown", (event) => {
     }
 });
 
+function addEntry() {
+    window.location.href = "/new.html";
+}
+
 // DELAJ DELAJ
 getLast();

scripts/login.js

@@ -29,6 +29,7 @@ document.getElementById("login-form").addEventListener("submit", async function(
         if (response.status === 200) {
             // Nastavi cookie, 3 ure veljaven
             document.cookie = `token=${data.token}; max-age=${3 * 60 * 60}; path=/; secure; samesite=strict`;
+            document.cookie = `username=${username}; max-age=${3 * 60 * 60}; path=/; secure; samesite=strict`;
             
             window.location.href = "/";
             return;

scripts/main.js

@@ -45,6 +45,8 @@ function updateToggleState(theme) {
 function logout() {
     // Odstrani cookie tako, da ga nastaviš z max-age=0
     document.cookie = 'token=; max-age=0; path=/; secure; samesite=strict';
+    document.cookie = 'username=; max-age=0; path=/; secure; samesite=strict';
+    window.location.href = "/";
 }
 
 document.addEventListener("DOMContentLoaded", function() {

scripts/new.js

@@ -0,0 +1,95 @@
+const form = `
+<form class="contact-form" id="contact-form">
+    <label for="key">Ključ:</label>
+    <input type="text" id="key" name="key" class="page-input" required>
+    <label for="type">Tip vnosa:</label>
+    <select id="type" name="type" class="page-input" required>
+        <option value="samostalnik, moški spol">Samostalnik; Moški spol</option>
+        <option value="samostalnik, ženski spol">Samostalnik; Ženski spol</option>
+        <option value="samostalnik, srednji spol">Samostalnik; Srednji spol</option>
+        <option value="pridevnik, moški spol">Pridevnik; Moški spol</option>
+        <option value="pridevnik, ženski spol">Pridevnik; Ženski spol</option>
+        <option value="pridevnik, srednji spol">Pridevnik; Srednji spol</option>
+        <option value="glagol">Glagol</option>
+        <option value="frazem">Frazem</option>
+    </select>
+    <label for="content">Definicija:</label>
+    <textarea id="content" name="content" rows="5" class="page-input" required></textarea>
+    <label for="examples">Primeri (neobvezno):</label>
+    <textarea id="examples" name="examples" rows="5" class="page-input"></textarea>
+    <button type="submit" class="page-btn">Dodaj vnos</button>
+    <br>
+    <p>Pomoč:</p>
+    <ul class="page-unordered-list">
+        <li><strong>Ključ</strong> je sama beseda, oz. vnos. Npr. "raca".</li>
+        <li><strong>Definicija</strong> je vsebina vašega vnosa.</li>
+    </ul>
+    <p><strong>Definicijo morate specifično spisati!</strong> Morate uporabiti specifične <em>indentifikatorje</em>, tako da bo sistem pravilno pokazal vašo definicijo.</p>
+    <ul class="page-unordered-list">
+        <li><strong>Vsako posamezno definicijo</strong> morate vnesti med &lt;def&gt; in &lt;/def&gt;. Primer: <em>&lt;def&gt;1. srednje velika domača ali divja ptica s ploščatim kljunom in krajšim vratom&lt;/def&gt;</em></li>
+    </ul>
+    <p><strong>Primeri</strong> so neobvezni, vendar zelo priporočeni.</em></p>
+    <p><em>Vaš vnos bo javno vezan na vaš račun.</em></p>
+</form>`;
+
+document.getElementById("confirm-add").addEventListener("click", () => {
+    document.getElementById("new-entry-form-modal").style.display = "none";
+
+    const url = "http://localhost:3000/nov-vnos";
+    let content = document.getElementById("content").value;
+    const key = document.getElementById("key").value;
+    const examples = document.getElementById("examples").value ? "Primer: " + document.getElementById("examples").value : "Ni podanih primerov.";
+    const type = document.getElementById("type").value;
+
+    content = content.replace("<def>", "<p class=\"entry-meaning\">");
+    content = content.replace("</def>", "</p>");
+
+    fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ "token": document.cookie.split(";").find(cookie => cookie.trim().startsWith("token=")).split("=")[1], "content": content, "key": key, "examples": examples, "type": type })
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error("Network response was not ok");
+        }
+        return response.json();
+    })
+    .then(data => {
+        console.log("Success:", data);
+        document.getElementById("contact-form").innerHTML = `<p class="page-paragraph-success">Hvala za vaš vnos!</p>`;
+    })
+    .catch((error) => {
+        console.error("Error:", error);
+        document.getElementById("contact-form").innerHTML = `<p class="page-paragraph-error">Prišlo je do napake pri dodajanju vnosa. Prosimo, poskusite znova pozneje.</p>`;
+    });
+});
+
+document.getElementById("cancel-add").addEventListener("click", () => {
+    document.getElementById("new-entry-form-modal").style.visibility = "hidden";
+});
+
+document.getElementById("close-modal").addEventListener("click", () => {
+    document.getElementById("new-entry-form-modal").style.visibility = "hidden";
+});
+
+document.addEventListener("DOMContentLoaded", () => {
+    const contactFormContainer = document.getElementById("entry-form-container");
+    // Najdi cookie "token" v cookies
+    const isLoggedIn = document.cookie.split(";").some(cookie => cookie.trim().startsWith("token="));
+    if (contactFormContainer && isLoggedIn) {
+        contactFormContainer.innerHTML = form;
+
+        document.getElementById("contact-form").addEventListener("submit", (e) => {
+            e.preventDefault();
+            document.getElementById("new-entry-form-modal").style.visibility = "visible";
+
+            // TODO: Popravi margin pri success in error textu da ne bo offsetan
+
+        });
+    } else if (contactFormContainer) {
+        contactFormContainer.innerHTML = `<p class="page-paragraph">Za dodajanje vnosov se morate prijaviti.</p>`;
+    }
+});

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);