From 730640372402a1d56f8a892037748a2f78a94ccf Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 29 Feb 2024 15:33:19 +0700
Subject: [PATCH] Refactor table cell templates to use formatTime function

---
 .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue           | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
index f3703df..74921fe 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
@@ -37,9 +37,9 @@
         <DxColumn :width="150" alignment="center" data-field="avg_durasi_response" data-type="number" caption="Rata-Rata"
           css-class="custom-table-column" cell-template="defaults" />
         <DxColumn :width="150" alignment="center" data-field="max_durasi_response" data-type="number" caption="Max"
-          css-class="custom-table-column" cell-template="defaults" />
+          css-class="custom-table-column" cell-template="formatTime" />
         <DxColumn :width="150" alignment="center" data-field="min_durasi_response" data-type="number" caption="Min"
-          css-class="custom-table-column" cell-template="defaults" />
+          css-class="custom-table-column" cell-template="formatTime" />
         <DxColumn :width="150" alignment="center" data-field="total_diatas_sla_response" data-type="number"
           caption="> SLA" css-class="custom-table-column" cell-template="defaults" />
         <DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_response" data-type="number"
@@ -49,15 +49,20 @@
         <DxColumn :width="150" alignment="center" data-field="avg_durasi_recovery" data-type="number" caption="Rata-Rata"
           css-class="custom-table-column" cell-template="defaults" />
         <DxColumn :width="150" alignment="center" data-field="max_durasi_recovery" data-type="number" caption="Max"
-          css-class="custom-table-column" cell-template="defaults" />
+          css-class="custom-table-column" cell-template="formatTime" />
         <DxColumn :width="150" alignment="center" data-field="min_durasi_recovery" data-type="number" caption="Min"
-          css-class="custom-table-column" cell-template="defaults" />
+          css-class="custom-table-column" cell-template="formatTime" />
         <DxColumn :width="150" alignment="center" data-field="total_diatas_sla_recovery" data-type="number"
           caption="> SLA" css-class="custom-table-column" cell-template="defaults" />
         <DxColumn :width="150" alignment="center" data-field="total_dibawah_sla_recovery" data-type="number"
           caption="≤ SLA" css-class="custom-table-column" cell-template="defaults" />
       </DxColumn>
 
+      <template #formatTime="{ data }">
+        <p class="cursor-pointer" @click="showDialog()">
+          {{ formatWaktu(data.text) }}
+        </p>
+      </template>
       <template #percent="{ data }">
         <p class="cursor-pointer" @click="showDialog()">
           {{ data.text }}%
@@ -222,6 +227,7 @@ import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
+import { formatWaktu } from '@/components/Form/FiltersType/reference'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)