przejscie na api

przed rozwaleniem

WebApp/ts/eventCreate.js

@@ -0,0 +1,61 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+console.log("TypeScript działa!");
+function createEvent() {
+    return __awaiter(this, void 0, void 0, function* () {
+        // Pobieranie danych z formularza
+        const title = document.getElementById('title').value;
+        const location = document.getElementById('location').value;
+        const description = document.getElementById('description').value;
+        const eventDateRaw = document.getElementById('eventDate').value;
+        const organisationIdRaw = document.getElementById('organisationId').value;
+        // Walidacja prostych pól
+        if (!title || !location || !eventDateRaw || !organisationIdRaw) {
+            alert("Uzupełnij wszystkie wymagane pola!");
+            return;
+        }
+        const eventDate = new Date(eventDateRaw).toISOString();
+        const organisationId = parseInt(organisationIdRaw);
+        const payload = {
+            title,
+            location,
+            description,
+            eventDate,
+            organisationId
+        };
+        try {
+            const response = yield fetch('/api/events', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(payload)
+            });
+            if (!response.ok) {
+                const errorText = yield response.text();
+                throw new Error(errorText);
+            }
+            alert("Wydarzenie zostało utworzone!");
+            window.location.href = "/"; // Przekierowanie do strony głównej
+        }
+        catch (error) {
+            console.error("Błąd podczas tworzenia:", error);
+            alert("Nie udało się utworzyć wydarzenia: " + error);
+        }
+    });
+}
+document.addEventListener("DOMContentLoaded", () => {
+    const saveBtn = document.getElementById("saveBtn");
+    if (saveBtn) {
+        saveBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            createEvent();
+        });
+    }
+});

WebApp/ts/eventCreate.ts

@@ -0,0 +1,56 @@
+console.log("TypeScript działa!");
+
+async function createEvent() {
+    // Pobieranie danych z formularza
+    const title = (document.getElementById('title') as HTMLInputElement).value;
+    const location = (document.getElementById('location') as HTMLInputElement).value;
+    const description = (document.getElementById('description') as HTMLTextAreaElement).value;
+    const eventDateRaw = (document.getElementById('eventDate') as HTMLInputElement).value;
+    const organisationIdRaw = (document.getElementById('organisationId') as HTMLInputElement).value;
+
+    // Walidacja prostych pól
+    if (!title || !location || !eventDateRaw || !organisationIdRaw) {
+        alert("Uzupełnij wszystkie wymagane pola!");
+        return;
+    }
+
+    const eventDate = new Date(eventDateRaw).toISOString();
+    const organisationId = parseInt(organisationIdRaw);
+
+    const payload = {
+        title,
+        location,
+        description,
+        eventDate,
+        organisationId
+    };
+
+    try {
+        const response = await fetch('/api/events', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
+
+        if (!response.ok) {
+            const errorText = await response.text();
+            throw new Error(errorText);
+        }
+
+        alert("Wydarzenie zostało utworzone!");
+        window.location.href = "/"; // Przekierowanie do strony głównej
+    } catch (error) {
+        console.error("Błąd podczas tworzenia:", error);
+        alert("Nie udało się utworzyć wydarzenia: " + error);
+    }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    const saveBtn = document.getElementById("saveBtn");
+    if (saveBtn) {
+        saveBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            createEvent();
+        });
+    }
+});

WebApp/ts/eventDelete.ts

@@ -0,0 +1,24 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const deleteButtons = document.querySelectorAll(".delete-btn");
+
+    deleteButtons.forEach(button => {
+        button.addEventListener("click", async () => {
+            const id = (button as HTMLButtonElement).dataset.id;
+            if (!id) return;
+
+            const confirmed = confirm("Na pewno chcesz usunąć to wydarzenie?");
+            if (!confirmed) return;
+
+            const response = await fetch(`/api/events/${id}`, {
+                method: "DELETE"
+            });
+
+            if (response.ok) {
+                const row = button.closest("tr");
+                if (row) row.remove();
+            } else {
+                alert("Nie udało się usunąć wydarzenia.");
+            }
+        });
+    });
+});