From 7caf0dfdd9a92a3c8845dd1e7358143d60cff63b Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 29 Aug 2024 12:03:54 +0700
Subject: [PATCH] feat(01): webUrl contract

---
 .../01_branch-management/FormBranchContact.vue | 18 ++++++++++++++++++
 src/i18n/eng/index.ts                          |  1 +
 src/i18n/tha/index.ts                          |  1 +
 src/pages/01_branch-management/MainPage.vue    |  4 ++++
 src/stores/branch/types.ts                     |  1 +
 5 files changed, 25 insertions(+)

diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index 4ca61c64..5f266b4d 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -3,6 +3,7 @@ const telephoneNo = defineModel<string>('telephoneNo');
 const contact = defineModel<string>('contact');
 const email = defineModel<string>('email');
 const contactName = defineModel<string>('contactName');
+const webUrl = defineModel<string>('webUrl');
 // const operatingHours = defineModel<string>('operatingHours');
 const lineId = defineModel<string>('lineId');
 const typeBranch = defineModel<string>('typeBranch');
@@ -127,6 +128,23 @@ defineProps<{
           />
         </template>
       </q-input>
+
+      <q-input
+        lazy-rules="ondemand"
+        :dense="dense"
+        outlined
+        :readonly="readonly"
+        hide-bottom-space
+        class="col-6 col-md-4"
+        :label="$t('branch.form.webUrl')"
+        for="input-web-url"
+        :model-value="readonly ? webUrl || '-' : webUrl"
+        @update:model-value="(v) => (typeof v === 'string' ? (webUrl = v) : '')"
+      >
+        <template #prepend>
+          <q-icon color="primary" name="mdi-web" size="xs" class="q-mr-xs" />
+        </template>
+      </q-input>
     </div>
   </div>
 </template>
diff --git a/src/i18n/eng/index.ts b/src/i18n/eng/index.ts
index 4b410662..d33968c1 100644
--- a/src/i18n/eng/index.ts
+++ b/src/i18n/eng/index.ts
@@ -204,6 +204,7 @@ export default {
       bankAccountType: 'Bank Account Type',
       latitude: 'Latitude',
       longitude: 'Longitude',
+      webUrl: 'Website URL',
     },
   },
 
diff --git a/src/i18n/tha/index.ts b/src/i18n/tha/index.ts
index f0d0aa57..b3d60e0d 100644
--- a/src/i18n/tha/index.ts
+++ b/src/i18n/tha/index.ts
@@ -204,6 +204,7 @@ export default {
       bankAccountType: 'ประเภทบัญชี',
       latitude: 'ละติจูด',
       longitude: 'ลองจิจูด',
+      webUrl: 'ที่อยู่เว็บไซต์',
     },
   },
 
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 523a39c9..0ae73006 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -291,6 +291,7 @@ const defaultFormData = {
   districtId: '',
   provinceId: '',
   lineId: '',
+  webUrl: '',
 };
 
 const formDialogRef = ref();
@@ -357,6 +358,7 @@ async function fetchBranchById(id: string) {
       provinceId: res.provinceId,
       lineId: res.lineId,
       status: res.status,
+      webUrl: res.webUrl,
     };
   }
 }
@@ -1528,6 +1530,7 @@ watch(currentHq, () => {
           v-model:email="formData.email"
           v-model:contact-name="formData.contactName"
           v-model:line-id="formData.lineId"
+          v-model:web-url="formData.webUrl"
           :separator="true"
           title="branch.form.group.contact"
           :dense="true"
@@ -1759,6 +1762,7 @@ watch(currentHq, () => {
               v-model:email="formData.email"
               v-model:contact-name="formData.contactName"
               v-model:line-id="formData.lineId"
+              v-model:web-url="formData.webUrl"
               :readonly="formType === 'view'"
               :view="formType === 'view'"
               :separator="true"
diff --git a/src/stores/branch/types.ts b/src/stores/branch/types.ts
index 86959d29..3edc5cdc 100644
--- a/src/stores/branch/types.ts
+++ b/src/stores/branch/types.ts
@@ -72,6 +72,7 @@ export type BranchCreate = {
   qrCodeImage?: File;
   imageUrl?: File;
   lineId: string;
+  webUrl?: string;
 };
 
 export type BranchUserStats = {