From a37b0726d7f7797386f355a6333c38cca8383f05 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Wed, 2 Oct 2024 14:59:51 +0700
Subject: [PATCH] refactor: add mask at input nrc

---
 .../03_customer-management/employee/BasicInformation.vue  | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index 6c62dfd7..1813c284 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -287,6 +287,7 @@ defineEmits<{
       <q-input
         :for="`${prefixId}-input-nrc-no`"
         :dense="dense"
+        mask="#############"
         outlined
         hide-bottom-space
         :readonly="readonly"
@@ -294,6 +295,13 @@ defineEmits<{
         :label="$t('customerEmployee.form.nrcNo')"
         :model-value="readonly ? nrcNo || '-' : nrcNo"
         @update:model-value="(v) => (typeof v === 'string' ? (nrcNo = v) : '')"
+        :rules="[
+          (val) =>
+            (val && val.length === 13 && /[0-9]+/.test(val)) ||
+            $t('form.error.invalidCustomeMessage', {
+              msg: $t('form.error.requireLength', { msg: 13 }),
+            }),
+        ]"
       />
     </div>
   </div>