From 5a5a0581def84ac82446094133c7e3db2d70bef8 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Wed, 25 Dec 2024 16:11:54 +0700
Subject: [PATCH] refactor: show person

---
 .../08_request-list/TableRequestList.vue      | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 93eb6a20..a775f7e5 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { QTable, QTableProps, QTableSlots } from 'quasar';
+import { baseUrl } from 'src/stores/utils';
 
 import QuotationCard from 'src/components/05_quotation/QuotationCard.vue';
 import BadgeComponent from 'src/components/BadgeComponent.vue';
@@ -7,9 +8,11 @@ import AvatarGroup from 'src/components/shared/AvatarGroup.vue';
 
 import { RequestData } from 'src/stores/request-list/types';
 import { RequestDataStatus } from 'src/stores/request-list/types';
+import { QuotationFull } from 'src/stores/quotations/types';
 import useOptionStore from 'src/stores/options';
 
 import KebabAction from 'src/components/shared/KebabAction.vue';
+import { CreatedBy } from 'src/stores/types';
 
 const props = withDefaults(
   defineProps<{
@@ -31,6 +34,26 @@ defineEmits<{
   (e: 'delete', data: RequestData): void;
 }>();
 
+function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
+  const productServiceList = quotation.productServiceList;
+  const tempPerson: CreatedBy[] = [];
+
+  for (const v of productServiceList) {
+    const tempStep = v.service?.workflow?.step;
+
+    if (tempStep) {
+      tempStep.forEach((lhs) => {
+        for (const rhs of lhs.responsiblePerson) {
+          tempPerson.push(rhs.user);
+        }
+      });
+      return tempPerson;
+    }
+  }
+
+  return undefined;
+}
+
 function getCustomerName(
   record: RequestData,
   opts?: {
@@ -127,7 +150,23 @@ function getEmployeeName(
           {{ props.row.quotation.code || '-' }}
         </q-td>
         <q-td v-if="visibleColumns.includes('responsiblePerson')">
-          {{ '-' }}
+          <AvatarGroup
+            :data="
+              responsiblePerson(props.row.quotation)?.map((v) => {
+                return {
+                  name:
+                    $i18n.locale === 'eng'
+                      ? `${v.firstNameEN} ${v.lastNameEN}`
+                      : `${v.firstName} ${v.lastName}`,
+                  imgUrl: !v.selectedImage
+                    ? v.gender === 'male'
+                      ? `/no-img-man.png`
+                      : `/no-img-female.png`
+                    : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
+                };
+              })
+            "
+          />
         </q-td>
         <q-td v-if="visibleColumns.includes('status')">
           <BadgeComponent