From 58fc722c414d2a1e8aadee5407e91b428f1ddcfe Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Mon, 4 Nov 2024 14:44:12 +0700
Subject: [PATCH] refactor: add byArea

---
 src/components/04_flow-management/FormFlow.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/components/04_flow-management/FormFlow.vue b/src/components/04_flow-management/FormFlow.vue
index 2570a2b9..1a7b9084 100644
--- a/src/components/04_flow-management/FormFlow.vue
+++ b/src/components/04_flow-management/FormFlow.vue
@@ -25,6 +25,8 @@ const props = defineProps<{
 const userStore = useUserStore();
 const optionStore = useOptionStore();
 
+const modelByArea = ref<boolean>(true);
+
 const userInTable = defineModel<WorkflowUserInTable[]>('userInTable', {
   default: [],
 });
@@ -464,6 +466,21 @@ onMounted(async () => {
                         </div>
                       </div>
                     </q-item>
+
+                    <span class="text-caption app-text-muted-2 q-px-md">
+                      {{ $t('general.area') }}
+                    </span>
+                    <q-item clickable class="column">
+                      <div class="row items-center">
+                        <q-checkbox
+                          v-model="modelByArea"
+                          size="xs"
+                        ></q-checkbox>
+                        <div class="column q-pl-md">
+                          <span>{{ $t('general.byArea') }}</span>
+                        </div>
+                      </div>
+                    </q-item>
                   </q-list>
                 </q-menu>
               </q-field>