From f1e9615efda1aa6066079ee1ae111f63e3af072e Mon Sep 17 00:00:00 2001
From: Arshad Basha <43876926+Arshad561@users.noreply.github.com>
Date: Tue, 3 Dec 2024 19:07:54 -0700
Subject: [PATCH] fix: Meal Plan Notes allow Submission Without Title/Note Text
 (#4615)

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
---
 .../pages/household/mealplan/planner/edit.vue     | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/household/mealplan/planner/edit.vue b/frontend/pages/household/mealplan/planner/edit.vue
index a03f8c595..a94f44661 100644
--- a/frontend/pages/household/mealplan/planner/edit.vue
+++ b/frontend/pages/household/mealplan/planner/edit.vue
@@ -22,6 +22,7 @@
         resetDialog();
       "
       @close="resetDialog()"
+      :submitDisabled="isCreateDisabled"
     >
       <v-card-text>
         <v-menu
@@ -70,9 +71,10 @@
             item-text="name"
             item-value="id"
             :return-object="false"
+            :rules="[requiredRule]"
           />
           <template v-else>
-            <v-text-field v-model="newMeal.title" :label="$t('meal-plan.meal-title')" />
+            <v-text-field v-model="newMeal.title" :rules="[requiredRule]" :label="$t('meal-plan.meal-title')" />
             <v-textarea v-model="newMeal.text" rows="2" :label="$t('meal-plan.meal-note')" />
           </template>
         </v-card-text>
@@ -253,6 +255,7 @@ export default defineComponent({
     const api = useUserApi();
     const { $auth } = useContext();
     const { household } = useHouseholdSelf();
+    const requiredRule = (value: any) => !!value || "Required."
 
     const state = ref({
       dialog: false,
@@ -315,6 +318,14 @@ export default defineComponent({
       userId: $auth.user?.id || "",
     });
 
+    const isCreateDisabled = computed(() => {
+      if (dialog.note) {
+        return !newMeal.title.trim();
+      }
+      return !newMeal.recipeId;
+    });
+
+
     function openDialog(date: Date) {
       newMeal.date = format(date, "yyyy-MM-dd");
       state.value.dialog = true;
@@ -373,6 +384,8 @@ export default defineComponent({
       onMoveCallback,
       planTypeOptions,
       getEntryTypeText,
+      requiredRule,
+      isCreateDisabled,
 
       // Dialog
       dialog,