Veranstaltungs-Dashboard

Clickdummy: Es gibt keine echte Datenbank. Alle Änderungen werden nur in diesem Browser gespeichert (localStorage) und sind für andere nicht sichtbar.

Neue Veranstaltung

Felder mit * müssen ausgefüllt werden.

Titel

Location

Status

Datum

Uhrzeit

Eintritt

Kürzel

Deine Initialen (2–4 Buchstaben)

Ticket-Link

Optional. Vollständige Adresse inklusive https://

Beschreibung

Kommende Veranstaltungen

Nach Location filtern

Kommende Veranstaltungen, sortiert nach Datum
Datum	Uhrzeit	Veranstaltung	Location	Eintritt	Tickets	Kürzel	Aktion

Löschen ist bewusst nicht möglich. Fällt eine Veranstaltung aus, setze den Status auf „abgesagt“ – so sehen Gäste, dass sie nicht stattfindet.

Öffentliche Listen für die Gastro-Websites

Jede Location bekommt eine eigene Liste ihrer kommenden Veranstaltungen. Diese wird später per iframe auf der jeweiligen Website eingebunden. Vorschau (öffnet in neuem Tab):

Beispiel-Code für die Einbindung

So könnte die Liste später auf einer Gastro-Website eingebunden werden. Die Adresse ist ein Platzhalter.

<iframe
  src="https://www.example.com/veranstaltungen/embed.html?location=dreieck"
  title="Veranstaltungen im Dreieck"
  loading="lazy"
  style="width: 100%; height: 600px; border: 0;">
</iframe>

Optional passt sich die Höhe automatisch an: Die Liste meldet ihre Höhe per postMessage. Die Gastro-Website kann darauf so reagieren (im echten Betrieb zusätzlich ereignis.origin prüfen):

<script>
  window.addEventListener('message', function (ereignis) {
    var daten = ereignis.data;
    if (daten && daten.typ === 'liebenwir-embed-hoehe') {
      document.querySelector('iframe[src*="location=' + daten.location + '"]')
        .style.height = daten.hoehe + 'px';
    }
  });
</script>