From ce41443c1317f3f54b7745268bf89f692dd4d8a1 Mon Sep 17 00:00:00 2001
From: Lukas Hroch <lukashroch@gmail.com>
Date: Tue, 1 Oct 2024 16:20:53 +0100
Subject: [PATCH] fix(survey): meal time hidden/disabled flags (V4-1162)

---
 .../src/components/layouts/meal-list/desktop/meal-item.vue    | 4 ++--
 .../src/components/layouts/meal-list/mobile/meal-item.vue     | 2 +-
 apps/survey/src/components/layouts/meal-list/use-meal-item.ts | 1 +
 .../survey/src/components/prompts/standard/EditMealPrompt.vue | 2 ++
 packages/common/src/types/recall.ts                           | 2 ++
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/survey/src/components/layouts/meal-list/desktop/meal-item.vue b/apps/survey/src/components/layouts/meal-list/desktop/meal-item.vue
index cfdacc0c16..2df1c11a07 100644
--- a/apps/survey/src/components/layouts/meal-list/desktop/meal-item.vue
+++ b/apps/survey/src/components/layouts/meal-list/desktop/meal-item.vue
@@ -8,10 +8,10 @@
         {{ mealName }}
       </v-list-item-title>
       <v-list-item-action>
-        <v-list-item-action-text v-if="mealTime?.length">
+        <v-list-item-action-text v-if="mealTime && !meal.flags.includes('meal-time:hidden')">
           {{ mealTime }}
         </v-list-item-action-text>
-        <v-tooltip v-else bottom>
+        <v-tooltip v-else-if="!mealTime" bottom>
           <template #activator="{ on, attrs }">
             <v-icon v-bind="attrs" small v-on="on">
               $question
diff --git a/apps/survey/src/components/layouts/meal-list/mobile/meal-item.vue b/apps/survey/src/components/layouts/meal-list/mobile/meal-item.vue
index c2bc5b2708..61296156f5 100644
--- a/apps/survey/src/components/layouts/meal-list/mobile/meal-item.vue
+++ b/apps/survey/src/components/layouts/meal-list/mobile/meal-item.vue
@@ -13,7 +13,7 @@
           {{ mealName }}
         </v-list-item-title>
       </v-list-item-content>
-      <v-list-item-action v-if="meal.time">
+      <v-list-item-action v-if="meal.time && !meal.flags.includes('meal-time:hidden')">
         <v-list-item-action-text>
           {{ mealTime }}
         </v-list-item-action-text>
diff --git a/apps/survey/src/components/layouts/meal-list/use-meal-item.ts b/apps/survey/src/components/layouts/meal-list/use-meal-item.ts
index a4d26fbb1c..d3581afb69 100644
--- a/apps/survey/src/components/layouts/meal-list/use-meal-item.ts
+++ b/apps/survey/src/components/layouts/meal-list/use-meal-item.ts
@@ -34,6 +34,7 @@ export function useMealItem(props: UseMealItemProps, { emit }: SetupContext) {
           name: i18n.t('recall.menu.meal.editTime').toString(),
           action: 'mealTime',
           icon: '$mealTime',
+          if: (meal: MealState) => !meal.flags.includes('meal-time:disabled'),
         },
         {
           name: i18n.t('recall.menu.meal.delete').toString(),
diff --git a/apps/survey/src/components/prompts/standard/EditMealPrompt.vue b/apps/survey/src/components/prompts/standard/EditMealPrompt.vue
index c84b4e7878..0d0379b4ab 100644
--- a/apps/survey/src/components/prompts/standard/EditMealPrompt.vue
+++ b/apps/survey/src/components/prompts/standard/EditMealPrompt.vue
@@ -23,6 +23,7 @@
     />
     <template #actions>
       <v-btn
+        v-if="!meal.flags.includes('meal-time:disabled')"
         class="px-4"
         color="primary"
         large
@@ -65,6 +66,7 @@
     </template>
     <template #nav-actions>
       <v-btn
+        v-if="!meal.flags.includes('meal-time:disabled')"
         color="primary"
         text
         :title="$t('recall.actions.nav.mealTime')"
diff --git a/packages/common/src/types/recall.ts b/packages/common/src/types/recall.ts
index fb4fd2aece..a11a3f4d4a 100644
--- a/packages/common/src/types/recall.ts
+++ b/packages/common/src/types/recall.ts
@@ -31,6 +31,8 @@ export const staticMealFlag = [
   'no-meals-between',
   'no-meals-before',
   'ready-meal-complete',
+  'meal-time:hidden',
+  'meal-time:disabled',
 ] as const;
 export type StaticMealFlag = (typeof staticMealFlag)[number];
 export const dynamicMealFlag = z.custom<`food-search:${string}` | `${string}-acknowledged` | `${string}-complete`>((val) => {