From 9fdf086eeb5fb6eb199d83313ace1b421f0af2d6 Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Thu, 21 Mar 2024 11:27:35 +0700 Subject: [PATCH] Refactor number formatting in Vue components --- src/components/Form/FiltersType/reference.ts | 20 ++-- .../Anomali/Gangguan/Anomali_LAPPGP_LPT.vue | 26 ++--- .../Anomali/Gangguan/Anomali_LAPPGU_LPT.vue | 34 +++--- src/components/Pages/Cico/LaporanCICO.vue | 12 +-- .../Pages/Gangguan/Rekap/RGangguan_ALL.vue | 28 ++--- .../Rekap/RGangguan_BerdasarMedia.vue | 4 +- .../Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue | 12 +-- .../Rekap/RGangguan_JenisGangguan.vue | 26 ++--- .../Rekap/RGangguan_JenisGangguanSE.vue | 26 ++--- .../Pages/Gangguan/Rekap/RGangguan_KTI.vue | 24 ++--- .../Gangguan/Rekap/RGangguan_PerPosko.vue | 52 ++++----- .../Gangguan/Rekap/RGangguan_PerRegu.vue | 52 ++++----- .../Pages/Keluhan/Rekap/RKeluhan_ALL.vue | 28 ++--- .../Keluhan/Rekap/RKeluhan_BerdasarMedia.vue | 4 +- .../Rekap/RKeluhan_PerFungsiBidang.vue | 4 +- .../Rekap/RKeluhan_PerJenisKeluhan.vue | 52 ++++----- .../Rekap/RKeluhan_PerKelompokKeluhan.vue | 26 ++--- .../Keluhan/Rekap/RKeluhan_PerTanggal.vue | 26 ++--- .../Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue | 52 ++++----- .../MonalisaGR_DispatchingTimeGangguan.vue | 12 +-- .../Gangguan/Rekap/MonalisaGR_ENSGangguan.vue | 12 +-- .../Rekap/MonalisaGR_GangguanBelumSelesai.vue | 6 +- .../MonalisaGR_GangguanPerJenisGangguan.vue | 4 +- .../MonalisaGR_JumlahDDRPTRCTGangguan.vue | 24 ++--- .../Rekap/MonalisaGR_JumlahKaliGangguan.vue | 24 ++--- .../Gangguan/Rekap/MonalisaGR_LaporUlang.vue | 22 ++-- .../Rekap/MonalisaGR_RecoveryTimeGangguan.vue | 12 +-- .../Rekap/MonalisaGR_ResponseTimeGangguan.vue | 12 +-- .../MonalisaKR_GangguanPerJenisKeluhan.vue | 4 +- .../MonalisaKR_JumlahDDRPTRCTKeluhan.vue | 24 ++--- .../Rekap/MonalisaKR_JumlahKaliKeluhan.vue | 24 ++--- .../Rekap/MonalisaKR_KeluhanBelumSelesai.vue | 6 +- .../Rekap/MonalisaKR_LaporUlangKeluhan.vue | 22 ++-- .../Rekap/MonalisaKR_RecoveryTimeKeluhan.vue | 24 ++--- .../Rekap/MonalisaKR_ResponseTimeKeluhan.vue | 24 ++--- .../Bulanan/MonalisaLB_AgingComplaint.vue | 46 +++----- .../Bulanan/MonalisaLB_EnergyNotSales.vue | 20 ++-- .../Bulanan/MonalisaLB_KADDalamPelaporan.vue | 26 ++--- .../MonalisaLB_PenurunanJumlahKomplain.vue | 100 +++++++----------- .../Kumulatif/MonalisaLK_AgingComplaint.vue | 46 +++----- .../Kumulatif/MonalisaLK_EnergyNotSales.vue | 20 ++-- .../Kumulatif/MonalisaLK_KDADPelaporan.vue | 26 ++--- .../MonalisaLK_PenurunanJumlahKomplain.vue | 100 +++++++----------- src/utils/numbers.ts | 25 +++-- 44 files changed, 545 insertions(+), 628 deletions(-) diff --git a/src/components/Form/FiltersType/reference.ts b/src/components/Form/FiltersType/reference.ts index 528e96a..19e9d39 100755 --- a/src/components/Form/FiltersType/reference.ts +++ b/src/components/Form/FiltersType/reference.ts @@ -137,15 +137,19 @@ const fetchRegional = async () => { } } -const formatWaktu = (durasiDetik: number): string => { - const hari = Math.floor(durasiDetik / (3600 * 24)) - const sisaDetik = durasiDetik % (3600 * 24) - const jam = Math.floor(sisaDetik / 3600) - const sisaDetik2 = sisaDetik % 3600 - const menit = Math.floor(sisaDetik2 / 60) - const detik = sisaDetik2 % 60 +const formatWaktu = (durasiDetik: any): string => { + if (durasiDetik == null) { + return '-' + } else { + const hari = Math.floor(durasiDetik / (3600 * 24)) + const sisaDetik = durasiDetik % (3600 * 24) + const jam = Math.floor(sisaDetik / 3600) + const sisaDetik2 = sisaDetik % 3600 + const menit = Math.floor(sisaDetik2 / 60) + const detik = sisaDetik2 % 60 - return `${hari} - ${jam} : ${menit} : ${detik}` + return `${hari} - ${jam} : ${menit} : ${detik}` + } } const selectedUid = (value: any) => { diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue index 65c1105..64e842f 100755 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPT.vue @@ -251,7 +251,7 @@ column="total_petugas" summary-type="sum" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue index 2d6a36f..8adfadf 100755 --- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue +++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue @@ -299,7 +299,7 @@ column="wo_cc123" summary-type="sum" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue index 1dce57a..1c8bec2 100755 --- a/src/components/Pages/Cico/LaporanCICO.vue +++ b/src/components/Pages/Cico/LaporanCICO.vue @@ -141,42 +141,42 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue index 8d9e592..9bb798f 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue @@ -352,7 +352,7 @@ column="total" summary-type="sum" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue index 4214339..eec8dc4 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue @@ -122,14 +122,14 @@ display-format="{0}" :column="`tgl${i}`" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue index fba07dd..fe14812 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_DMAPKT.vue @@ -374,42 +374,42 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue index 588c4ba..3b1090b 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue @@ -267,7 +267,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue index 26f5977..f2390b7 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue @@ -293,7 +293,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue index 7b9a625..a8babc0 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue @@ -180,7 +180,7 @@ column="month1" summary-type="sum" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue index dd46bb3..64ee4cc 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue @@ -259,49 +259,49 @@ :show-in-group-footer="true" column="total" summary-type="sum" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" css-class="!text-right" /> @@ -386,43 +386,43 @@ show-in-column="total" column="total" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue index 0d995f4..ddae08d 100755 --- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue +++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue @@ -264,49 +264,49 @@ :show-in-group-footer="true" column="total" summary-type="sum" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" css-class="!text-right" /> @@ -391,43 +391,43 @@ show-in-column="total" column="total" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue index 63ef9ca..07a7193 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue @@ -239,7 +239,7 @@ column="total" summary-type="sum" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue index b50ddcc..e95f40b 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue @@ -90,14 +90,14 @@ display-format="{0}" :column="`tgl${i}`" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue index 7edfbe4..70ab2a4 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue @@ -295,7 +295,7 @@ display-format="{0}" column="avg_durasi_response" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue index 730985d..f66faa0 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue @@ -259,49 +259,49 @@ display-format="{0}" column="total" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue index e44e9f1..e850bba 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue @@ -258,49 +258,49 @@ display-format="{0}" column="total" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue index df52240..2011bee 100755 --- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue +++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue @@ -259,7 +259,7 @@ column="total" css-class="!text-right" :show-in-group-footer="true" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue index c344121..8fecaa5 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue @@ -143,42 +143,42 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue index 3b64d6d..c1c7e08 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue @@ -143,28 +143,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue index 98ec76c..587927c 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue @@ -111,21 +111,21 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue index 1b8eebe..becf276 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue @@ -98,14 +98,14 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue index ad2d9f5..b2c15b1 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahKaliGangguan.vue @@ -161,7 +161,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue index 0c209cf..6fd0bc4 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue @@ -153,28 +153,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue index 735efb0..51374f9 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue @@ -143,42 +143,42 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue index 76c79a5..410faf4 100755 --- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue +++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue @@ -143,42 +143,42 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue index 016271d..a1af733 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue @@ -96,14 +96,14 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue index 154c68a..d4f304b 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue @@ -238,7 +238,7 @@ summary-type="sum" show-in-column="total_durasi_response_time_bulan_ini" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue index a00fe10..c24df84 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue @@ -143,7 +143,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue index b66bc61..d4c99bd 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue @@ -104,21 +104,21 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue index a24c9d6..4d2e245 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue @@ -135,28 +135,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue index af66abb..ad86070 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue @@ -156,7 +156,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue index 0401979..0567ec7 100755 --- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue +++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue @@ -156,7 +156,7 @@ summary-type="sum" display-format="{0}" css-class="!text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue index 1838e18..7facf99 100755 --- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue +++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue @@ -177,28 +177,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -245,7 +236,7 @@ column="avg_durasi_recovery_gangguan" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue index 41f5662..d366fa6 100755 --- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue +++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue @@ -146,35 +146,35 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue index 58d6913..25263cb 100755 --- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue +++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue @@ -152,28 +152,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -196,7 +193,7 @@ column="gangguan_berulang" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue index 72527aa..f47d81f 100755 --- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue +++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue @@ -291,105 +291,105 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -448,7 +436,7 @@ column="total_keluhan_tahun_sebelumnya" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue index 1aa1461..53a52cb 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue @@ -178,28 +178,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -246,7 +237,7 @@ column="avg_durasi_recovery_gangguan" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue index e417026..b763ef7 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue @@ -146,35 +146,35 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue index 71e3bbd..7ba9dc2 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue @@ -152,28 +152,28 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -196,7 +193,7 @@ column="gangguan_berulang" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue index f8cbaf8..c172a58 100755 --- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue +++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue @@ -349,105 +349,105 @@ summary-type="sum" display-format="{0}" css-class="text-white !text-right" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> @@ -506,7 +494,7 @@ column="total_keluhan_tahun_sebelumnya" summary-type="sum" display-format="{0}" - :customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))" + :customize-text="(e: any) => formatNumber(e.value)" /> diff --git a/src/utils/numbers.ts b/src/utils/numbers.ts index 1b8df60..53dc383 100755 --- a/src/utils/numbers.ts +++ b/src/utils/numbers.ts @@ -12,17 +12,26 @@ const splitRoutePath = (routePath: string): string[] => { return routeArray } -const formatNumber = (number: number): string => { - return new Intl.NumberFormat('id-ID').format(number) +const formatNumber = (number: any): string => { + if (number == null || number === '' || isNaN(number)) { + return '0' + }else{ + const value = parseFloat(number.toString()) + return new Intl.NumberFormat('id-ID').format(value) + } } const formatPercentage = (number: string | number): string => { - const value = parseFloat(number.toString()) - const result = `${value.toFixed(2)}` - if (result.includes('.00')) { - return `${result.replace('.00', '')}%` - } else { - return `${result}%` + if(number == null || number === ''){ + return '0%' + }else{ + const value = parseFloat(number.toString()) + const result = `${value.toFixed(2)}` + if (result.includes('.00')) { + return `${result.replace('.00', '')}%` + } else { + return `${result}%` + } } }