From 0d72c5eee65716240643acc74b50de2f7b332565 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 29 Nov 2024 13:57:19 +0700
Subject: [PATCH] refactor: handle input rules

---
 .../FormEmployeePassport.vue                  | 12 +++++++++
 .../FormEmployeeVisa.vue                      | 27 +++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue
index 2edc304f..d3500831 100644
--- a/src/components/03_customer-management/FormEmployeePassport.vue
+++ b/src/components/03_customer-management/FormEmployeePassport.vue
@@ -263,6 +263,9 @@ watch(
             (v) => (typeof v === 'string' ? (workerStatus = v) : '')
           "
           @clear="workerStatus = ''"
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         >
           <template v-slot:no-option>
             <q-item>
@@ -384,6 +387,9 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (firstNameEN = v.trim()) : '')
           "
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <q-input
@@ -412,6 +418,9 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (lastNameEN = v.trim()) : '')
           "
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <q-input
@@ -530,6 +539,9 @@ watch(
               typeof v === 'string' ? (birthCountry = nationality = v) : ''
           "
           @clear="nationality = ''"
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         >
           <template v-slot:no-option>
             <q-item>
diff --git a/src/components/03_customer-management/FormEmployeeVisa.vue b/src/components/03_customer-management/FormEmployeeVisa.vue
index 20918c0e..a2817a82 100644
--- a/src/components/03_customer-management/FormEmployeeVisa.vue
+++ b/src/components/03_customer-management/FormEmployeeVisa.vue
@@ -188,6 +188,9 @@ watch(
             (v) => (typeof v === 'string' ? (workerType = v) : '')
           "
           @clear="workerType = ''"
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         >
           <template v-slot:no-option>
             <q-item>
@@ -224,6 +227,9 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (issuePlace = v) : '')
           "
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <q-select
@@ -314,6 +320,9 @@ watch(
                   }
                 }
               "
+              :rules="[
+                (val) => (val && val.length > 0) || $t('form.error.required'),
+              ]"
               clearable
             />
           </div>
@@ -330,6 +339,9 @@ watch(
                   ((issueDate && new Date(issueDate).getTime()) || Date.now())
               "
               clearable
+              :rules="[
+                (val) => (val && val.length > 0) || $t('form.error.required'),
+              ]"
             />
           </div>
           <div class="col">
@@ -356,6 +368,9 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (arrivalTMNo = v) : '')
           "
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <DatePicker
@@ -365,6 +380,9 @@ watch(
           :label="$t('customerEmployee.form.visaEnter')"
           v-model="arrivalTM"
           clearable
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <q-input
@@ -379,6 +397,9 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (arrivalAt = v) : '')
           "
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
 
         <q-select
@@ -406,6 +427,9 @@ watch(
             (v) => (typeof v === 'string' ? (issueCountry = v) : '')
           "
           @clear="type = ''"
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         >
           <template v-slot:no-option>
             <q-item>
@@ -427,6 +451,9 @@ watch(
           v-model="entryCount"
           type="number"
           min="0"
+          :rules="[
+            (val) => (val && val.length > 0) || $t('form.error.required'),
+          ]"
         />
       </div>
     </div>