fix: prevent submit modal when trying to create location with no name

sysadminsmedia · Sep 22, 2024 · d09d59d · d09d59d
1 parent 85b54c4
commit d09d59d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/frontend/components/Form/TextField.vue b/frontend/components/Form/TextField.vue
@@ -3,7 +3,14 @@
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <input ref="input" v-model="value" :placeholder="placeholder" :type="type" class="input input-bordered w-full" />
+    <input
+      ref="input"
+      v-model="value"
+      :placeholder="placeholder"
+      :type="type"
+      :required="required"
+      class="input input-bordered w-full"
+    />
   </div>
   <div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
     <label class="label">
@@ -23,6 +30,10 @@
       type: [String, Number],
       default: null,
     },
+    required: {
+      type: [Boolean],
+      default: null,
+    },
     type: {
       type: String,
       default: "text",

diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue
@@ -7,6 +7,7 @@
         v-model="form.name"
         :trigger-focus="focused"
         :autofocus="true"
+        :required="true"
         label="Location Name"
       />
       <FormTextArea v-model="form.description" label="Location Description" />
@@ -18,7 +19,7 @@
             <label tabindex="0" class="btn rounded-l-none rounded-r-xl">
               <MdiChevronDown class="size-5" />
             </label>
-            <ul tabindex="0" class="dropdown-content menu rounded-box right-0 w-64 bg-base-100 p-2 shadow">
+            <ul tabindex="0" class="dropdown-content menu rounded-box bg-base-100 right-0 w-64 p-2 shadow">
               <li>
                 <button type="button" @click="create(false)">{{ $t("global.create_and_add") }}</button>
               </li>