From 2a5038d8a2e78b2393de8bb5b278ea1a0fbae2bf Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 26 Dec 2024 11:11:54 +0700
Subject: [PATCH] refactor: add messenger by area

---
 src/components/04_flow-management/FormFlow.vue | 7 +++----
 src/pages/04_flow-managment/FlowDialog.vue     | 1 +
 src/pages/04_flow-managment/MainPage.vue       | 1 +
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/04_flow-management/FormFlow.vue b/src/components/04_flow-management/FormFlow.vue
index 85493f60..c344c38b 100644
--- a/src/components/04_flow-management/FormFlow.vue
+++ b/src/components/04_flow-management/FormFlow.vue
@@ -28,7 +28,6 @@ defineProps<{
 const { t } = useI18n();
 const userStore = useUserStore();
 const optionStore = useOptionStore();
-const modelByArea = ref<boolean>(false);
 
 const userInTable = defineModel<WorkflowUserInTable[]>('userInTable', {
   default: [],
@@ -631,16 +630,16 @@ onMounted(async () => {
                         </q-item>
 
                         <span class="text-caption app-text-muted-2 q-px-md">
-                          {{ $t('general.area') }}
+                          {{ $t('personnel.MESSENGER') }}
                         </span>
                         <q-item
                           clickable
-                          @click="modelByArea = !modelByArea"
+                          @click="step.messengerByArea = !step.messengerByArea"
                           class="column"
                         >
                           <div class="row items-center">
                             <q-checkbox
-                              v-model="modelByArea"
+                              v-model="step.messengerByArea"
                               size="xs"
                             ></q-checkbox>
                             <div class="column q-pl-md">
diff --git a/src/pages/04_flow-managment/FlowDialog.vue b/src/pages/04_flow-managment/FlowDialog.vue
index f2287655..112860c4 100644
--- a/src/pages/04_flow-managment/FlowDialog.vue
+++ b/src/pages/04_flow-managment/FlowDialog.vue
@@ -315,6 +315,7 @@ function triggerPropertiesDialog(step: WorkFlowPayloadStep) {
               v-model:user-in-table="userInTable"
               v-model:flow-data="flowData"
               v-model:register-branch-id="registerBranchId"
+              v-model:messenger-by-area="messengerByArea"
               @change-status="$emit('changeStatus')"
               @trigger-properties="triggerPropertiesDialog"
             />
diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index f8ec541c..8ed04293 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -230,6 +230,7 @@ function assignFormData(workflowData: WorkflowTemplate) {
           id: s.id,
           name: s.name,
           detail: s.detail,
+          messengerByArea: s.messengerByArea || false,
           value: s.value.length > 0 ? JSON.parse(JSON.stringify(s.value)) : [],
           responsiblePersonId: s.responsiblePerson.map((p) => p.userId),
           responsibleInstitution: JSON.parse(