fix(survey): meal time hidden/disabled flags (V4-1162)

MRC-Epid-it24 · Oct 1, 2024 · ce41443 · ce41443
1 parent 7ad10e6
commit ce41443
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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) => {