From 92454ca16a2e43ca34740a8cf4feeadc50dc2aed Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 20 Jun 2024 13:59:25 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=AA=E0=B8=96?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=E0=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index df0d1422..ebf2cb2f 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -420,6 +420,8 @@ async function assignFormDataProductService(id: string) {
 function assignFormDataProduct(data: ProductList) {
   console.log(data.detail);
 
+  statusToggle.value = data.status === 'INACTIVE' ? false : true;
+
   formDataProduct.value = {
     productTypeId: data.productTypeId,
     remark: data.remark,
@@ -500,7 +502,10 @@ async function submitProduct() {
   }
 
   if (dialogProductEdit.value) {
-    await editProduct(currentIdProduct.value, formDataProduct.value);
+    await editProduct(currentIdProduct.value, {
+      ...formDataProduct.value,
+      status: statusToggle.value ? 'ACTIVE' : 'INACTIVE',
+    });
   }
 
   clearFormProduct();
@@ -1033,6 +1038,7 @@ watch(currentStatus, async () => {
               :price="i.price"
               :process="i.process"
               :id="i.id"
+              :status="i.status === 'INACTIVE' ? true : false"
               @menuViewDetail="
                 () => {
                   currentIdProduct = i.id;
@@ -1200,6 +1206,7 @@ watch(currentStatus, async () => {
         v-model:status-toggle="statusToggle"
         v-model:profile-submit="profileSubmit"
         @input-file="inputFile.click()"
+        :hide-toggle="false"
       />
     </template>
 
@@ -1255,7 +1262,23 @@ watch(currentStatus, async () => {
         v-model:status-toggle="statusToggle"
         v-model:profile-submit="profileSubmit"
         @input-file="inputFile.click()"
+        :label-status-toggle="'formDialogTitleProductStatus'"
+        :hide-toggle="false"
       />
+
+      <div class="text-left q-pt-md" v-if="infoProductEdit">
+        <q-toggle
+          id="toggle-status"
+          dense
+          size="md"
+          v-model="statusToggle"
+          padding="none"
+          class="q-pr-md"
+        />
+        <span>
+          {{ statusToggle ? $t('switchOnLabel') : $t('switchOffLabel') }}
+        </span>
+      </div>
     </template>
 
     <AppBox class="col-10" bordered>