{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "programm-kalender", "name": "Programm-Kalender mit Liste und Monat", "name_en": "Event programme with list and month view, category filter and ICS export", "kurz": "Programm eines Kulturhauses als Liste und Monat mit Rubrik-Filter, echter .ics-Datei je Termin, gedimmter Vergangenheit und Ausverkauft-Zustand.", "kategorie": "Sektionen & Funktionen", "kategorie_slug": "sektionen", "kategorie_nr": 16, "bau_chat": "D", "prioritaet": "D", "trendstatus": "etabliert", "belegstatus": "belegt", "website_belege": 2, "stimmung": [ "präzise", "experimentell" ], "stimmung_roh": [ "sachlich", "grafisch", "funktional" ], "technik": [ "css", "vanilla-js", "intl", "css-grid" ], "technik_gruppen": [ "css", "js" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Das Programm eines Hauses als eine Sektion mit zwei Ansichten: eine Liste nach Datum zum Überfliegen und eine Monatsansicht zum Planen. Ein Umschalter wechselt die Ansicht, Rubrik-Filter wirken in beiden. Jeder Termin zeigt Datum, Uhrzeit, Ort, Rubrik als Text und Farbe, Preis und Ticket-Status. „In Kalender“ erzeugt im Browser eine echte .ics-Datei und lädt sie herunter. Vergangene Termine bleiben sichtbar, aber gedimmt und einzeilig. Ausverkaufte Termine sind als Text gekennzeichnet und bieten die Warteliste an. Ist ein Filter leer, zeigt die Sektion einen Ausweg statt einer leeren Fläche.", "warum_es_wirkt": "Besucher suchen zuerst Datum, Uhrzeit und Ticket, erst dann das Bild. Die Liste beantwortet „Was läuft bald?“, der Monat „Was passt in meine Woche?“. Ein gemeinsamer Filter für beide Ansichten spart Wege. Der Kalender-Export macht aus Interesse einen festen Termin.", "wann_einsetzen": "Kulturhaus, Kunsthalle, Festival, Theater, Kino, Kursanbieter mit festen Terminen, Restaurant oder Hotel mit Veranstaltungen. Ab etwa acht Terminen im Monat.", "wann_nicht": "Bei zwei oder drei Terminen im Jahr reicht eine einfache Liste. Liefert das Ticketsystem (Spektrix, Enviso u. a.) eine eigene Programmseite, die Sektion nur als Teaser bauen und dorthin verlinken. Dauerangebote (Ausstellung täglich geöffnet) gehören nicht als Einzeltermine in den Monat.", "varianten": [ "Liste und Monat mit Umschalter, Filter nach Rubrik (Programmseite eines Hauses)", "Tagesleiste: Tage als Reiter, darunter die Termine des Tages (Festival, Kino, Messe)", "Teaser „Nächste Termine“ mit drei Karten und Link zum Programm (Startseite)", "Kursprogramm mit freien Plätzen und Warteliste statt Ticketpreis" ], "umsetzung": "Daten als Liste von Terminen (id, tag, zeit, dauer, rubrik, titel, ort, preis, status). Ein Filterzustand, je Ansicht eine Render-Funktion. Kalenderrechnung in UTC (Date.UTC), damit die Zeitzone des Geräts keine Tage verschiebt; Anzeige mit Intl.DateTimeFormat('de-DE', { timeZone: 'UTC' }).\n\nListe:
    der Tage, je Tag eine
      der Termine. Datum und Uhrzeit in Mono mit tabular-nums. Vergangene Tage kompakt und gedimmt, „Heute“ als Marke.\n\nMonat:
        mit 7 Spalten, Montag zuerst, Tage mit Terminen als