From 78f40bc5c7816a218280038e02644a862372cf03 Mon Sep 17 00:00:00 2001
From: Jannis Heydemann <Jannis.Heydemann@mekra.de>
Date: Wed, 6 May 2026 09:06:11 +0200
Subject: [PATCH] Buttons on MovieViewList now change between active and not
 active if their clicked

---
 src/components/MovieListView.astro | 20 ++++++++++++++++++++
 src/scripts/bigConstants.ts        |  1 +
 2 files changed, 21 insertions(+)

diff --git a/src/components/MovieListView.astro b/src/components/MovieListView.astro
index ee940bd..4371656 100644
--- a/src/components/MovieListView.astro
+++ b/src/components/MovieListView.astro
@@ -199,10 +199,22 @@ const movieProgram = movieCatalog?.map((movie, movieIndex) => ({
 </section>
 
 <script>
+import { length } from "astro:schema";
+
     const movieProgramList = document.getElementById("movie-program-list");
 
     movieProgramList?.addEventListener("click", (event: any) => {
         const dayButton = event.target.closest(".program-day-tab");
+        let dayButtonsAll = document.getElementsByClassName("program-day-tab");
+        let dayButtons: any[] = [];
+        //only select the daybuttons for this movie
+
+        for (let i = 0; i < dayButtonsAll.length; i++) {
+            if (dayButtonsAll[i].getAttribute("data-program-index") == dayButton.getAttribute("data-program-index")) {
+                dayButtons.push(dayButtonsAll[i])
+            }
+        }
+
         if (dayButton) {
             const programIndex = dayButton.getAttribute("data-program-index");
             const dayIndex = parseInt(dayButton.getAttribute("data-day-index"));
@@ -225,6 +237,14 @@ const movieProgram = movieCatalog?.map((movie, movieIndex) => ({
         `,
                 )
                 .join("");
+                dayButton.setAttribute("class", dayButton.getAttribute("class") + " active")
+                for (let i = 0; i < dayButtons.length; i++) {
+                    // check if current button is the one needed
+                    if (dayButtons[i].getAttribute("data-day-index") != dayIndex.toString()) {
+                        dayButtons[i].setAttribute("class", "program-day-tab");
+                    }
+                }
+
         }
     });
 
diff --git a/src/scripts/bigConstants.ts b/src/scripts/bigConstants.ts
index 90bde8c..92fc911 100644
--- a/src/scripts/bigConstants.ts
+++ b/src/scripts/bigConstants.ts
@@ -80,6 +80,7 @@ export interface BaseCartItem {
 export interface MovieCartItem extends BaseCartItem {
     category: "movie";
     seatId: string;
+    poster?: string;
 }
 
 export interface SnackCartItem extends BaseCartItem {