feat(prompts): food entry auto focus option (#V4-1357)

MRC-Epid-it24 · Jan 15, 2025 · 9bf1306 · 9bf1306
1 parent 0fbbfab
commit 9bf1306
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/apps/admin/src/components/prompts/standard/edit-meal-prompt.vue b/apps/admin/src/components/prompts/standard/edit-meal-prompt.vue
@@ -8,6 +8,12 @@
           :model-value="separateDrinks"
           @update:model-value="update('separateDrinks', $event)"
         />
+        <v-switch
+          hide-details="auto"
+          :label="$t('survey-schemes.prompts.edit-meal-prompt.inputAutoFocus')"
+          :model-value="inputAutoFocus"
+          @update:model-value="update('inputAutoFocus', $event)"
+        />
       </v-col>
     </v-row>
   </v-tabs-window-item>
@@ -31,6 +37,10 @@ export default defineComponent({
       type: Boolean as PropType<Prompts['edit-meal-prompt']['separateDrinks']>,
       required: true,
     },
+    inputAutoFocus: {
+      type: Boolean as PropType<Prompts['edit-meal-prompt']['inputAutoFocus']>,
+      required: true,
+    },
   },
 });
 </script>

diff --git a/apps/survey/src/components/prompts/standard/EditMealPrompt.vue b/apps/survey/src/components/prompts/standard/EditMealPrompt.vue
@@ -4,7 +4,7 @@
       <editable-food-list
         v-model="foodsOnly"
         v-bind="{ prompt, section }"
-        focus
+        :focus="prompt.inputAutoFocus"
         mode="foodsOnly"
         @delete="deleteFood"
       />
@@ -19,7 +19,7 @@
       v-else
       v-bind="{ prompt, section }"
       v-model="state"
-      focus
+      :focus="prompt.inputAutoFocus"
       @delete="deleteFood"
     />
     <template #actions>

diff --git a/packages/common/src/prompts/prompts.ts b/packages/common/src/prompts/prompts.ts
@@ -364,6 +364,7 @@ const generalAssociatedFoodsPrompt = baseStandardPrompt.merge(foodBrowser).exten
 const editMealPrompt = baseStandardPrompt.extend({
   component: z.literal('edit-meal-prompt'),
   separateDrinks: z.boolean(),
+  inputAutoFocus: z.boolean(),
 });
 
 const externalSourcePrompt = baseStandardPrompt.extend({

diff --git a/packages/common/src/prompts/standard.ts b/packages/common/src/prompts/standard.ts
@@ -37,6 +37,7 @@ export const editMealPrompt: Prompts['edit-meal-prompt'] = copy({
   id: 'edit-meal-prompt',
   name: 'Meal Edit prompt',
   separateDrinks: false,
+  inputAutoFocus: true,
 });
 
 export const externalSourcePrompt: Prompts['external-source-prompt'] = copy({

diff --git a/packages/i18n/src/admin/en/survey-schemes.json b/packages/i18n/src/admin/en/survey-schemes.json
@@ -490,7 +490,8 @@
     "edit-meal-prompt": {
       "title": "Food list",
       "subtitle": "List or edit foods in this meal as free text descriptions",
-      "separateDrinks": "Separate drinks list"
+      "separateDrinks": "Separate drinks list",
+      "inputAutoFocus": "Automatically set focus to the food entry text field"
     },
     "external-source-prompt": {
       "title": "External source",