From 4534644f49a96fe118f39866fc9663b1897a81b4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 5 Aug 2024 08:02:12 +0000
Subject: [PATCH] fix(01): bank status toggle

---
 .../01_branch-management/FormBank.vue         | 64 +++++++------------
 1 file changed, 22 insertions(+), 42 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index abcce66d..0d9078a4 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -103,15 +103,28 @@ watch(
       />
       <span class="col-12 app-text-muted-2 flex justify-between items-center">
         {{ `${$t('bankBookNo')} ${i + 1}` }}
-        <q-btn
-          v-if="bankBookList.length !== 1 && !readonly"
-          flat
-          dense
-          size="sm"
-          color="negative"
-          icon="mdi-trash-can-outline"
-          @click="deleteItem(bankBookList, i)"
-        />
+        <div class="row">
+          {{ $t('accountStatus') }}
+          <q-toggle
+            id="toggle-bank-status"
+            dense
+            size="md"
+            padding="none"
+            class="q-pl-md"
+            :disable="readonly"
+            v-model="book.currentlyUse"
+          />
+          <q-separator vertical spaced="lg" />
+          <q-btn
+            v-if="bankBookList.length !== 1 && !readonly"
+            flat
+            dense
+            size="sm"
+            color="negative"
+            icon="mdi-trash-can-outline"
+            @click="deleteItem(bankBookList, i)"
+          />
+        </div>
       </span>
       <q-select
         outlined
@@ -227,39 +240,6 @@ watch(
           </q-item>
         </template>
       </q-select>
-      <q-select
-        outlined
-        clearable
-        use-input
-        fill-input
-        emit-value
-        map-options
-        hide-selected
-        hide-bottom-space
-        option-value="value"
-        input-debounce="0"
-        option-label="label"
-        v-model="book.currentlyUse"
-        lazy-rules="ondemand"
-        class="col-3"
-        :dense="dense"
-        :label="$t('accountStatus')"
-        :options="[
-          { label: $t('use'), value: true },
-          { label: $t('notUse'), value: false },
-        ]"
-        :readonly="readonly"
-        :hide-dropdown-icon="readonly"
-        for="select-bankbook"
-      >
-        <template v-slot:no-option>
-          <q-item>
-            <q-item-section class="text-grey">
-              {{ $t('noResults') }}
-            </q-item-section>
-          </q-item>
-        </template>
-      </q-select>
     </div>
   </div>
 </template>