From 67d0214b7f4c34d60d8fa526caec4a30f6e2d58c Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Tue, 10 Oct 2023 13:39:45 +0200
Subject: [PATCH] fixed coloring of disabled and empty days and removed
 individual days in disabled weeks

---
 src/Mealz/MealBundle/Controller/ApiController.php |  2 ++
 src/Resources/src/api/getDashboardData.ts         |  4 +++-
 src/Resources/src/components/dashboard/Day.vue    | 12 ++++++------
 src/Resources/src/components/dashboard/Week.vue   |  2 +-
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/Mealz/MealBundle/Controller/ApiController.php b/src/Mealz/MealBundle/Controller/ApiController.php
index e7f26ff25..e76e626e2 100644
--- a/src/Mealz/MealBundle/Controller/ApiController.php
+++ b/src/Mealz/MealBundle/Controller/ApiController.php
@@ -80,6 +80,7 @@ public function getDashboardData(): JsonResponse
                 'startDate' => $week->getStartTime(),
                 'endDate' => $week->getEndTime(),
                 'days' => [],
+                'isEnabled' => $week->isEnabled(),
             ];
             /* @var Day $day */
             foreach ($week->getDays() as $day) {
@@ -100,6 +101,7 @@ public function getDashboardData(): JsonResponse
                     'slotsEnabled' => count($slots) > 0,
                     'slots' => [],
                     'meals' => [],
+                    'isEnabled' => $day->isEnabled(),
                 ];
 
                 $this->addSlots($response[$week->getId()]['days'][$day->getId()]['slots'], $slots, $day, $activeParticipations);
diff --git a/src/Resources/src/api/getDashboardData.ts b/src/Resources/src/api/getDashboardData.ts
index 613fa85b6..4746851d5 100644
--- a/src/Resources/src/api/getDashboardData.ts
+++ b/src/Resources/src/api/getDashboardData.ts
@@ -43,12 +43,14 @@ export type Day = {
     meals: Dictionary<Meal>,
     slots: Dictionary<Slot>,
     slotsEnabled: boolean,
+    isEnabled: boolean
 }
 
 export type Week = {
     days: Dictionary<Day>,
     startDate: DateTime,
-    endDate: DateTime
+    endDate: DateTime,
+    isEnabled: boolean
 }
 
 export type Dashboard = {
diff --git a/src/Resources/src/components/dashboard/Day.vue b/src/Resources/src/components/dashboard/Day.vue
index 17b712c90..5a5bc895f 100644
--- a/src/Resources/src/components/dashboard/Day.vue
+++ b/src/Resources/src/components/dashboard/Day.vue
@@ -2,7 +2,7 @@
   <div class="day-shadow mx-auto flex h-auto max-w-[414px] rounded bg-white sm:max-w-none">
     <div
       class="relative grid w-[24px] justify-center gap-2 rounded-l-[5px] py-[2px]"
-      :class="[day.isLocked ? 'bg-[#80909F]' : 'grid-rows-[minmax(0,1fr)_24px] bg-primary-2']"
+      :class="[day.isLocked || !day.isEnabled || emptyDay ? 'bg-[#80909F]' : 'bg-primary-2', !day.isLocked && !emptyDay && !guestData ? 'grid-rows-[minmax(0,1fr)_24px]' : '']"
     >
       <span
         class="row-start-1 rotate-180 place-self-center text-center text-[11px] font-bold uppercase leading-4 tracking-[3px] text-white [writing-mode:vertical-lr]"
@@ -11,14 +11,14 @@
         {{ weekday }}
       </span>
       <GuestButton
-        v-if="!day.isLocked && !emptyDay && !guestData"
+        v-if="!day.isLocked && !emptyDay && !guestData && day.isEnabled"
         :dayID="dayID"
         :index="index"
         class="row-start-2 w-[24px] pl-[3px] text-center"
       />
     </div>
     <div
-      v-if="!emptyDay"
+      v-if="!emptyDay && day.isEnabled"
       class="z-[1] flex min-w-[290px] flex-1 flex-col"
     >
       <div
@@ -57,10 +57,10 @@
       </div>
     </div>
     <div
-      v-if="emptyDay"
-      class="z-[1] h-[134px] min-w-[290px]"
+      v-if="emptyDay || !day.isEnabled"
+      class="z-[1] grid h-full min-w-[290px] items-center"
     >
-      <span class="description relative top-[53px] ml-[23px] text-primary-1">{{ t('dashboard.no_service') }}</span>
+      <span class="description relative ml-[23px] text-primary-1">{{ t('dashboard.no_service') }}</span>
     </div>
   </div>
 </template>
diff --git a/src/Resources/src/components/dashboard/Week.vue b/src/Resources/src/components/dashboard/Week.vue
index fc934c350..acd1670af 100644
--- a/src/Resources/src/components/dashboard/Week.vue
+++ b/src/Resources/src/components/dashboard/Week.vue
@@ -8,7 +8,7 @@
     </p>
   </div>
   <div
-    v-if="Object.keys(days).length === 0"
+    v-if="Object.keys(days).length === 0 || !dashboardStore.getWeek(weekID).isEnabled"
     class="mb-20 text-center text-[18px] tracking-[1.5px] text-[#acbdc7]"
   >
     <img