From 46de2412dfd401401a6e18d1189530d2c683a8c3 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 29 Apr 2025 11:22:10 +0700
Subject: [PATCH 01/11] refactor: handle role

---
 src/pages/04_product-service/MainPage.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index d70b6b6a..88d6746c 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2506,6 +2506,7 @@ watch(
                           />
 
                           <KebabAction
+                            v-if="actionDisplay"
                             :disable-delete="props.row.status !== 'CREATED'"
                             :status="props.row.status"
                             :id-name="props.row.name"
@@ -3252,6 +3253,7 @@ watch(
                               "
                             />
                             <KebabAction
+                              v-if="actionDisplay"
                               :use-copy="productAndServiceTab === 'service'"
                               :status="props.row.status"
                               :id-name="props.row.name"

From c1ffbef56562cc8d98d39046196b4c5e2d77d063 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 29 Apr 2025 13:07:55 +0700
Subject: [PATCH 02/11] feat: auto go into first entry if only one

---
 src/pages/00_manual/MainPage.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/00_manual/MainPage.vue b/src/pages/00_manual/MainPage.vue
index a0b85ef8..33a19ebe 100644
--- a/src/pages/00_manual/MainPage.vue
+++ b/src/pages/00_manual/MainPage.vue
@@ -10,10 +10,11 @@ import { onMounted, watch } from 'vue';
 import { useManualStore } from 'src/stores/manual';
 import { useNavigator } from 'src/stores/navigator';
 import { Icon } from '@iconify/vue/dist/iconify.js';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 
 // NOTE: Variable
 const route = useRoute();
+const router = useRouter();
 const manualStore = useManualStore();
 const navigatorStore = useNavigator();
 const { dataManual, dataTroubleshooting } = storeToRefs(manualStore);
@@ -33,6 +34,16 @@ watch(
     if (route.name === 'Troubleshooting') {
       const res = await manualStore.getTroubleshooting();
       dataTroubleshooting.value = res ? res : [];
+      if (
+        res.length &&
+        res.length === 1 &&
+        res[0].page &&
+        res[0].page.length === 1
+      ) {
+        router.replace(
+          `/troubleshooting/${res[0].category}/${res[0].page[0].name}`,
+        );
+      }
     }
   },
   { immediate: true },

From c4c4b76973aa1dd6fb32486c7531732e09f7f522 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 10:23:40 +0700
Subject: [PATCH 03/11] refactor: adjust button sizes and padding for improved
 layout consistency

---
 src/pages/00_notification/MainPage.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/00_notification/MainPage.vue b/src/pages/00_notification/MainPage.vue
index a3506813..a2a37e65 100644
--- a/src/pages/00_notification/MainPage.vue
+++ b/src/pages/00_notification/MainPage.vue
@@ -94,21 +94,21 @@ onMounted(async () => {
 <template>
   <main class="column full-height no-wrap">
     <div class="surface-1 col bordered rounded column">
-      <div class="q-px-lg q-py-xs row items-center">
+      <div class="q-py-xs row items-center" style="padding-inline: 38px">
         <q-checkbox
           size="xs"
           :model-value="selectedNoti.length === noti.length"
-          class="q-px-sm"
           @click="toggleSelection('', true)"
         />
+        <q-separator vertical inset spaced="md" />
         <q-btn
           v-if="selectedNoti.length === 0"
           icon="mdi-refresh"
           rounded
           flat
           dense
-          size="xs"
-          class="app-text-muted-2 q-ml-sm q-mt-xs"
+          size="sm"
+          class="app-text-muted-2 q-mt-xs"
           @click="async () => await fetchNoti()"
         >
           <q-tooltip>Refresh</q-tooltip>
@@ -119,8 +119,8 @@ onMounted(async () => {
           rounded
           flat
           dense
-          size="xs"
-          class="app-text-muted-2 q-ml-sm"
+          size="sm"
+          class="app-text-muted-2"
           @click="async () => await deleteNoti()"
         >
           <q-tooltip>{{ $t('general.delete') }}</q-tooltip>
@@ -131,7 +131,7 @@ onMounted(async () => {
           rounded
           flat
           dense
-          size="xs"
+          size="sm"
           class="app-text-muted-2 q-mx-sm"
           @click="async () => await markAsRead()"
         >

From 7a2be56ef4668357d8633fc93656ab7c992a91e3 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 11:13:45 +0700
Subject: [PATCH 04/11] refactor: improve checkbox and badge behavior based on
 notification state

---
 src/pages/00_notification/MainPage.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/00_notification/MainPage.vue b/src/pages/00_notification/MainPage.vue
index a2a37e65..bc4cee01 100644
--- a/src/pages/00_notification/MainPage.vue
+++ b/src/pages/00_notification/MainPage.vue
@@ -97,7 +97,8 @@ onMounted(async () => {
       <div class="q-py-xs row items-center" style="padding-inline: 38px">
         <q-checkbox
           size="xs"
-          :model-value="selectedNoti.length === noti.length"
+          :model-value="noti.length > 0 && selectedNoti.length === noti.length"
+          :disable="noti.length === 0"
           @click="toggleSelection('', true)"
         />
         <q-separator vertical inset spaced="md" />
@@ -177,7 +178,13 @@ onMounted(async () => {
             <q-badge
               rounded
               class="q-ml-md"
-              style="background: hsl(var(--info-bg))"
+              :color="
+                (tab.value === 'all'
+                  ? noti.length
+                  : noti.filter((v) => !v.read).length) > 0
+                  ? 'info'
+                  : 'grey'
+              "
             >
               {{
                 tab.value === 'all'

From 0871a8b899706e3dc1a4ca145c35934674f7bf98 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 30 Apr 2025 12:02:05 +0700
Subject: [PATCH 05/11] feat: only allow current responsible user and group

---
 src/pages/08_request-list/RequestListView.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index fc6e69c2..ad7254fe 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -1005,7 +1005,21 @@ function toEmployee(employee: RequestData['employee']) {
         :label="$t('dialog.action.close')"
       />
       <MainButton
-        v-if="productsList.some((v) => v._messengerExpansion)"
+        v-if="
+          productsList.some((v) => v._messengerExpansion) &&
+          !(
+            data.requestDataStatus === RequestDataStatus.Canceled ||
+            (responsibleList &&
+              !responsibleList[pageState.currentStep]?.user.find(
+                (v) => v.id === getUserId(),
+              ) &&
+              !responsibleList[pageState.currentStep]?.group.some((v) =>
+                currentUserGroup.includes(v),
+              )) ||
+            (!!responsibleList[pageState.currentStep]?.user?.length &&
+              !!responsibleList[pageState.currentStep]?.user?.length)
+          )
+        "
         solid
         icon="mdi-account-outline"
         color="207 96% 32%"

From 4d8eebdd044ec0cc5f22d9309687deba2b8dd390 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 12:04:18 +0700
Subject: [PATCH 06/11] feat: enable responsible user filtering and enhance
 button states for improved UX

---
 src/pages/08_request-list/MainPage.vue           | 1 +
 src/pages/08_request-list/RequestListAction .vue | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index 7f98b870..64b339dc 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -143,6 +143,7 @@ async function openRequestListDialog() {
     page: 1,
     pageSize: 999,
     incomplete: true,
+    responsibleOnly: true,
   });
 
   if (ret) {
diff --git a/src/pages/08_request-list/RequestListAction .vue b/src/pages/08_request-list/RequestListAction .vue
index 7ec34ff4..09f62aa1 100644
--- a/src/pages/08_request-list/RequestListAction .vue	
+++ b/src/pages/08_request-list/RequestListAction .vue	
@@ -153,6 +153,7 @@ watch(
           @click="prev"
         />
         <MainButton
+          :disabled="selected.length === 0"
           icon="mdi-check"
           color="207 96% 32%"
           solid
@@ -164,6 +165,7 @@ watch(
         </MainButton>
         <SaveButton
           v-if="step === Step.Configure"
+          :disabled="form.responsibleUserId === ''"
           id="btn-save"
           solid
           @click="$emit('submit', { form, selected })"

From 9a57056ffa39ec9a82dedbd447ae0d970e9b2435 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 15:11:12 +0700
Subject: [PATCH 07/11] refactor: remove unused workerList and reset
 selectedWorker on branch change

---
 src/pages/05_quotation/QuotationForm.vue | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index d7e332f7..fdc36d8b 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -198,7 +198,6 @@ const selectedWorkerItem = computed(() => {
     })),
   ];
 });
-const workerList = ref<Employee[]>([]);
 const firstCodePayment = ref('');
 const selectedProductGroup = ref('');
 const selectedInstallmentNo = ref<number[]>([]);
@@ -1059,12 +1058,7 @@ watch(
   () => quotationFormData.value.customerBranchId,
   async (v) => {
     if (!v) return;
-
-    const retEmp = await customerStore.fetchBranchEmployee(v, {
-      passport: true,
-    });
-
-    if (retEmp) workerList.value = retEmp.data.result;
+    selectedWorker.value = [];
   },
 );
 
@@ -2531,8 +2525,8 @@ function covertToNode() {
 }
 
 :deep(
-    i.q-icon.mdi.mdi-chevron-down-circle.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated
-  ) {
+  i.q-icon.mdi.mdi-chevron-down-circle.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated
+) {
   color: var(--brand-1);
 }
 
@@ -2549,9 +2543,9 @@ function covertToNode() {
 }
 
 :deep(
-    .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.surface-1
-      .q-focus-helper
-  ) {
+  .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable.surface-1
+    .q-focus-helper
+) {
   visibility: hidden;
 }
 

From 70e9755952d1f7a6f91ed6e602681bd040bc60d8 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 15:34:30 +0700
Subject: [PATCH 08/11] fix: ensure contactName and contactTel default to empty
 string if undefined

---
 src/pages/02_personnel-management/MainPage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b0aa4f02..d5a54507 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -600,8 +600,8 @@ async function assignFormData(idEdit: string) {
       responsibleArea: foundUser.responsibleArea,
       status: foundUser.status,
       selectedImage: foundUser.selectedImage,
-      contactName: foundUser.contactName,
-      contactTel: foundUser.contactTel,
+      contactName: foundUser.contactName || '',
+      contactTel: foundUser.contactTel || '',
       licenseExpireDate:
         (foundUser.licenseExpireDate &&
           new Date(foundUser.licenseExpireDate)) ||

From 4d023a7c7c5e5ed6b50277205ee6619d1413509a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 16:15:08 +0700
Subject: [PATCH 09/11] feat: add smooth scrolling on validation error for
 forms

---
 src/components/DialogForm.vue                  | 10 ++++++++++
 src/components/DrawerInfo.vue                  | 10 ++++++++++
 src/components/dialog/DialogFormContainer.vue  | 10 ++++++++++
 src/pages/02_personnel-management/MainPage.vue |  1 -
 4 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index 84319bcf..fb29a4ca 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -42,6 +42,15 @@ defineProps<{
 
 const modal = defineModel('modal', { default: false });
 const currentTab = defineModel<string>('currentTab');
+
+async function onValidationError(ref: any) {
+  const el = ref.$el as Element;
+  el.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center',
+    inline: 'nearest',
+  });
+}
 </script>
 <template>
   <q-dialog
@@ -60,6 +69,7 @@ const currentTab = defineModel<string>('currentTab');
         @submit.prevent
         @validation-success="submit"
         class="column full-height"
+        @validation-error="onValidationError"
       >
         <!-- header -->
         <div
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index e796890a..0ce76c7b 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -46,6 +46,15 @@ function reset() {
     myForm.value.resetValidation();
   }
 }
+
+async function onValidationError(ref: any) {
+  const el = ref.$el as Element;
+  el.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center',
+    inline: 'nearest',
+  });
+}
 </script>
 <template>
   <q-drawer
@@ -66,6 +75,7 @@ function reset() {
       greedy
       @submit.prevent
       @validation-success="submit"
+      @validation-error="onValidationError"
     >
       <div
         class="column justify-between full-height"
diff --git a/src/components/dialog/DialogFormContainer.vue b/src/components/dialog/DialogFormContainer.vue
index ccf174d2..c68f7d46 100644
--- a/src/components/dialog/DialogFormContainer.vue
+++ b/src/components/dialog/DialogFormContainer.vue
@@ -23,6 +23,15 @@ function update(value: boolean) {
   }
 }
 
+async function onValidationError(ref: any) {
+  const el = ref.$el as Element;
+  el.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center',
+    inline: 'nearest',
+  });
+}
+
 const state = defineModel({ default: false });
 </script>
 
@@ -41,6 +50,7 @@ const state = defineModel({ default: false });
       }"
     >
       <q-form
+        @validation-error="onValidationError"
         @submit.prevent="(e) => $emit('submit', e)"
         @reset="$emit('reset')"
         greedy
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index d5a54507..cff14f9d 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -555,7 +555,6 @@ async function triggerChangeStatus(id: string, status: string) {
 async function assignFormData(idEdit: string) {
   if (!userData.value) return;
   const foundUser = userData.value.result.find((user) => user.id === idEdit);
-  console.log(foundUser);
 
   if (foundUser) {
     currentUser.value = foundUser;

From 2b78abcd3bd5dbb911212b453fcda504be61e7b9 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 30 Apr 2025 16:58:40 +0700
Subject: [PATCH 10/11] fix: adjust layout classes for responsive design on
 ViewPage

---
 src/pages/00_manual/ViewPage.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
index 05e08147..074a49cf 100644
--- a/src/pages/00_manual/ViewPage.vue
+++ b/src/pages/00_manual/ViewPage.vue
@@ -116,8 +116,8 @@ async function scrollTo(id: string) {
 
 <template>
   <main
-    class="full-height q-gutter-sm"
-    :class="{ 'row reverse': $q.screen.gt.xs, column: $q.screen.xs }"
+    class="full-height q-gutter-sm no-wrap"
+    :class="{ column: !toc && $q.screen.lt.md, 'row reverse': $q.screen.gt.sm }"
   >
     <section
       v-if="toc"
@@ -168,7 +168,7 @@ async function scrollTo(id: string) {
       </q-list>
     </section>
 
-    <section v-if="!toc && $q.screen.xs">
+    <section v-if="!toc && $q.screen.lt.md">
       <q-btn
         dense
         class="full-width text-capitalize"
@@ -181,7 +181,7 @@ async function scrollTo(id: string) {
     </section>
 
     <section
-      v-if="content || (!toc && $q.screen.xs)"
+      v-if="$q.screen.gt.xs || (!toc && $q.screen.xs)"
       ref="wrapper"
       class="markdown col scroll full-height rounded"
     >

From bcd54813d148e814f03eefaa86cce94ac4028870 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 30 Apr 2025 17:03:07 +0700
Subject: [PATCH 11/11] fix: select multiple when remove

---
 src/components/shared/select-muliple/SelectOffice.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/select-muliple/SelectOffice.vue b/src/components/shared/select-muliple/SelectOffice.vue
index 24437cd1..22a0a327 100644
--- a/src/components/shared/select-muliple/SelectOffice.vue
+++ b/src/components/shared/select-muliple/SelectOffice.vue
@@ -72,7 +72,11 @@ onMounted(async () => {
     :option="selectOptions"
     :hide-selected="false"
     :fill-input="false"
-    :rules="[(v: string) => !!v || $t('form.error.required')]"
+    :rules="[
+      (v: string) => {
+        return !!v?.length || $t('form.error.required');
+      },
+    ]"
     @filter="filter"
   >
     <template #before-options v-if="creatable">