${event.name}
@@ -361,6 +361,7 @@ export class EventTableComponent extends HTMLElement {
leafletScript.setAttribute("crossorigin", "");
this.shadowRoot.appendChild(leafletScript);
}
+}*/
}
customElements.define("event-table", EventTableComponent);
diff --git a/app/frontend/src/components/hinzufuegen-component.ts b/app/frontend/src/components/hinzufuegen-component.ts
index 0c68641..cf0b331 100644
--- a/app/frontend/src/components/hinzufuegen-component.ts
+++ b/app/frontend/src/components/hinzufuegen-component.ts
@@ -1,26 +1,83 @@
-import { loadEvents, loadEventsByList } from "../service/event-service";
+<<<<<<< Updated upstream
import { Event, store } from "../model/model";
import { html, render } from "lit-html";
import { produce } from "immer";
import L from 'leaflet';
import { EventTableComponent } from "./event-table-component";
+import { loadEvents, loadEventsByList } from "../service/event-service";
+=======
+import { loadEvents, loadEventsByList } from "../service/event-service";
+import { Event, store } from "../model/model";
+import { html, render } from "lit-html";
+import { produce } from "immer";
+import { EventTableComponent } from "./event-table-component";
+
+>>>>>>> Stashed changes
export class HinzufuegenComponent extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open" });
}
+<<<<<<< Updated upstream
+=======
+>>>>>>> Stashed changes
connectedCallback(): void {
console.log("hinzufuegen connected");
this.render();
}
+<<<<<<< Updated upstream
+=======
+>>>>>>> Stashed changes
render() {
console.log("hinzufuegen component loaded");
render(this.displayContent(), this.shadowRoot);
}
+<<<<<<< Updated upstream
+ displayContent() {
+ return html`
+
Event hinzufügen
+
- `;
+ `;
}
previewImage(event) {
@@ -99,6 +147,10 @@ export class HinzufuegenComponent extends HTMLElement {
const img = this.shadowRoot.getElementById('imagePreview');
if (img instanceof HTMLImageElement && typeof e.target.result === 'string') {
img.src = e.target.result;
+<<<<<<< Updated upstream
+ console.log(img.src)
+=======
+>>>>>>> Stashed changes
img.style.display = 'block';
}
};
@@ -107,12 +159,18 @@ export class HinzufuegenComponent extends HTMLElement {
}
updateSaveButtonState() {
- const saveButton = this.shadowRoot.getElementById("addEvent") as HTMLButtonElement | null;
+<<<<<<< Updated upstream
+ /*const saveButton = this.shadowRoot.getElementById("addEvent") as HTMLButtonElement | null;
+=======
+ const saveButton = this.shadowRoot.getElementById("addEvent");
+
+>>>>>>> Stashed changes
if (saveButton) {
const eventName = (this.shadowRoot.getElementById("eventName") as HTMLInputElement).value;
const organizerName = (this.shadowRoot.getElementById("organizerName") as HTMLInputElement).value;
const eventDate = (this.shadowRoot.getElementById("eventDate") as HTMLInputElement).value;
const eventLocation = (this.shadowRoot.getElementById("eventLocation") as HTMLInputElement).value;
+<<<<<<< Updated upstream
const eventAddress = (this.shadowRoot.getElementById("eventAddress") as HTMLInputElement).value;
const eventEinlassalter = (this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value;
const eventEintrittskarten = (this.shadowRoot.getElementById("eventEintrittskarten") as HTMLInputElement).value;
@@ -120,9 +178,38 @@ export class HinzufuegenComponent extends HTMLElement {
const eventXCoordinate = Number((this.shadowRoot.getElementById("eventXCoordinate") as HTMLInputElement).value);
const eventYCoordinate = Number((this.shadowRoot.getElementById("eventYCoordinate") as HTMLInputElement).value);
+ saveButton.disabled = !(eventName && organizerName && eventDate && eventLocation && eventAddress && eventEinlassalter && eventEintrittskarten && eventKontaktdaten);
saveButton.disabled = !(eventName && organizerName && eventDate && eventLocation && eventAddress && eventEinlassalter && eventEintrittskarten && eventKontaktdaten && eventXCoordinate && eventYCoordinate);
} else {
console.log("Button nicht gefunden.");
+ }*/
+ }
+
+ saveEvent() {
+ const formData = new FormData();
+
+ const eventName = (this.shadowRoot.getElementById("eventName") as HTMLInputElement).value;
+ formData.append("eventName", eventName);
+ console.log(eventName);
+
+ fetch("/api/events/addEvent", {
+ method: "POST",
+ body: formData
+ })
+ .then(response => response.json())
+ .then(data => console.log(data))
+ .catch(error => console.error('Error:', error));
+ }
+
+=======
+ const eventOrt = (this.shadowRoot.getElementById("eventOrt") as HTMLInputElement).value;
+ const eventEinlassalter = (this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value;
+ const eventEintrittskarten = (this.shadowRoot.getElementById("eventEintrittskarten") as HTMLInputElement).value;
+ const eventKontaktdaten = (this.shadowRoot.getElementById("eventKontaktdaten") as HTMLInputElement).value;
+
+ saveButton.disabled = !(eventName && organizerName && eventDate && eventLocation && eventOrt && eventEinlassalter && eventEintrittskarten && eventKontaktdaten);
+ } else {
+ console.log("Button nicht gefunden.");
}
}
@@ -131,35 +218,29 @@ export class HinzufuegenComponent extends HTMLElement {
const organizerName = (this.shadowRoot.getElementById("organizerName") as HTMLInputElement).value;
const eventDate = (this.shadowRoot.getElementById("eventDate") as HTMLInputElement).value;
const eventLocation = (this.shadowRoot.getElementById("eventLocation") as HTMLInputElement).value;
- const eventAddress = (this.shadowRoot.getElementById("eventAddress") as HTMLInputElement).value;
- const eventEinlassalter = Number((this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value);
+ const eventOrt = (this.shadowRoot.getElementById("eventOrt") as HTMLInputElement).value;
+ const eventEinlassalter = (this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value;
const eventEintrittskarten = (this.shadowRoot.getElementById("eventEintrittskarten") as HTMLInputElement).value;
const eventKontaktdaten = (this.shadowRoot.getElementById("eventKontaktdaten") as HTMLInputElement).value;
const eventImage = (this.shadowRoot.getElementById("imagePreview") as HTMLImageElement).src;
- const eventXCoordinate = Number((this.shadowRoot.getElementById("eventXCoordinate") as HTMLInputElement).value);
- const eventYCoordinate = Number((this.shadowRoot.getElementById("eventYCoordinate") as HTMLInputElement).value);
- if (eventName && organizerName && eventDate && eventLocation && eventAddress && eventEinlassalter && eventEintrittskarten && eventKontaktdaten && eventXCoordinate && eventYCoordinate) {
+ if (eventName && organizerName && eventDate && eventLocation && eventOrt && eventEinlassalter && eventEintrittskarten && eventKontaktdaten) {
const event: Event = {
id: null,
name: eventName,
organization: organizerName,
date: eventDate,
- address: eventAddress,
location: eventLocation,
- age: eventEinlassalter,
- tickets: eventEintrittskarten,
- contact: eventKontaktdaten,
- img: eventImage,
- xkoordinate: eventXCoordinate,
- ykoordinate: eventYCoordinate
+ ort: eventOrt,
+ einlassalter: eventEinlassalter,
+ eintrittskarten: eventEintrittskarten,
+ kontaktdaten: eventKontaktdaten,
+ image: eventImage,
};
- console.log(event)
fetch("/api/events/addEvent", {
method: "POST",
headers: {
"Content-Type": "application/json",
- "Authorization": `Bearer ${localStorage.token}`
},
body: JSON.stringify(event),
})
@@ -174,30 +255,45 @@ export class HinzufuegenComponent extends HTMLElement {
}
})
.catch((error) => {
- console.error("Fehler beim Speichern der Daten in ie Datenbank:", error);
+ console.error("Fehler beim Speichern der Daten:", error);
});
}
}
+>>>>>>> Stashed changes
clearForm() {
(this.shadowRoot.getElementById("eventName") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("organizerName") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventDate") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventLocation") as HTMLInputElement).value = '';
+<<<<<<< Updated upstream
(this.shadowRoot.getElementById("eventAddress") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventEintrittskarten") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventKontaktdaten") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventXCoordinate") as HTMLInputElement).value = '';
(this.shadowRoot.getElementById("eventYCoordinate") as HTMLInputElement).value = '';
+=======
+ (this.shadowRoot.getElementById("eventOrt") as HTMLInputElement).value = '';
+ (this.shadowRoot.getElementById("eventEinlassalter") as HTMLInputElement).value = '';
+ (this.shadowRoot.getElementById("eventEintrittskarten") as HTMLInputElement).value = '';
+ (this.shadowRoot.getElementById("eventKontaktdaten") as HTMLInputElement).value = '';
+>>>>>>> Stashed changes
const imgPreview = this.shadowRoot.getElementById("imagePreview") as HTMLImageElement;
if (imgPreview) {
imgPreview.src = '';
imgPreview.style.display = 'none';
}
+<<<<<<< Updated upstream
+=======
+>>>>>>> Stashed changes
this.updateSaveButtonState();
}
}
+<<<<<<< Updated upstream
+customElements.define("event-hinzufuegen", HinzufuegenComponent);
+=======
customElements.define("event-hinzufuegen", HinzufuegenComponent);
+>>>>>>> Stashed changes
diff --git a/app/frontend/src/components/navigation-component.ts b/app/frontend/src/components/navigation-component.ts
index ae0b632..8b2d759 100644
--- a/app/frontend/src/components/navigation-component.ts
+++ b/app/frontend/src/components/navigation-component.ts
@@ -81,6 +81,10 @@ export class AppNavigationComponent extends HTMLElement {
Entdecken
Favoriten
Profil
+<<<<<<< Updated upstream
+=======
+
+>>>>>>> Stashed changes
Hinzufügen