From 9e7d67fb6c4e01114d6dc4014a303d92e0056e4d Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 5 Mar 2025 15:41:59 +0700
Subject: [PATCH] feat: add request cancel badge

---
 src/i18n/eng.ts                                | 1 +
 src/i18n/tha.ts                                | 1 +
 src/pages/08_request-list/TableRequestList.vue | 9 +++++++++
 src/stores/request-list/types.ts               | 5 +++++
 4 files changed, 16 insertions(+)

diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index aa6cedb5..7354505a 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -936,6 +936,7 @@ export default {
       InProgress: 'In Progress',
       Completed: 'Completed',
       Canceled: 'Canceled',
+      CancelRequested: 'Cancel Requested',
 
       AwaitOrder: 'Awaiting Order',
       ReadyOrder: 'Ready for Order',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 1ab24f72..54b9d96e 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -924,6 +924,7 @@ export default {
       InProgress: 'กำลังดำเนินการ',
       Completed: 'เสร็จสิ้น',
       Canceled: 'ยกเลิก',
+      CancelRequested: 'ต้องการยกเลิก',
 
       AwaitOrder: 'รอสั่งงาน',
       ReadyOrder: 'พร้อมสั่งงาน',
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 4277204b..22abf9a9 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -183,6 +183,15 @@ function getEmployeeName(
               $t(`requestList.status.${props.row.requestDataStatus}`) || '-'
             "
           />
+          <BadgeComponent
+            v-if="
+              props.row.customerRequestCancel &&
+              props.row.requestDataStatus !== RequestDataStatus.Canceled
+            "
+            :hsla-color="'--red-5-hsl'"
+            class="q-ml-sm"
+            :title="$t(`requestList.status.CancelRequested`) || '-'"
+          />
         </q-td>
         <q-td class="text-right">
           <q-btn
diff --git a/src/stores/request-list/types.ts b/src/stores/request-list/types.ts
index 124a8c99..c17e0ebf 100644
--- a/src/stores/request-list/types.ts
+++ b/src/stores/request-list/types.ts
@@ -9,6 +9,9 @@ export type RequestData = {
   createdAt: string;
   updatedAt: string;
 
+  customerRequestCancel?: boolean;
+  customerRequestCancelReason?: string;
+
   quotation: QuotationFull & {
     debitNoteQuotationId: string;
     isDebitNote: boolean;
@@ -60,6 +63,8 @@ export type RequestWork = {
   attributes?: Attributes;
   creditNoteId?: string;
   processByUserId?: string;
+  customerRequestCancel?: boolean;
+  customerRequestCancelReason?: string;
 };
 
 export type RowDocument = {