Refactor number formatting in Vue components

This commit is contained in:
Dede Fuji Abdul
2024-03-21 11:27:35 +07:00
parent d39e8c9d7f
commit 9fdf086eeb
44 changed files with 545 additions and 628 deletions

View File

@@ -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)"
/>
<DxTotalItem
column="total_gangguan_tahun_sebelumnya"
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)"
/>
<DxTotalItem
column="total_keluhan_informasi_tahun_sebelumnya"
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)"
/>
<DxTotalItem
column="total_gangguan_informasi_tahun_sebelumnya"
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)"
/>
<DxTotalItem
column="total_informasi_tahun_sebelumnya"
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)"
/>
<DxTotalItem
column="total_tahun_sebelumnya"
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)"
/>
<DxTotalItem
column="total_keluhan_tahun_ini"
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)"
/>
<DxTotalItem
column="total_gangguan_tahun_ini"
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)"
/>
<DxTotalItem
column="total_keluhan_informasi_tahun_ini"
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)"
/>
<DxTotalItem
column="total_gangguan_informasi_tahun_ini"
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)"
/>
<DxTotalItem
column="total_informasi_tahun_ini"
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)"
/>
<DxTotalItem
column="total_tahun_ini"
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)"
/>
<DxTotalItem
column="delta_keluhan"
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)"
/>
<DxTotalItem
column="delta_gangguan"
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)"
/>
<DxTotalItem
column="delta_informasi"
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)"
/>
<DxTotalItem
column="persen_delta_keluhan"
@@ -455,10 +455,7 @@
display-format="{0}"
css-class="text-white !text-right"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxTotalItem
@@ -467,10 +464,7 @@
display-format="{0}"
css-class="text-white !text-right"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxTotalItem
@@ -479,10 +473,7 @@
display-format="{0}"
css-class="text-white !text-right"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxTotalItem
@@ -491,10 +482,7 @@
display-format="{0}"
css-class="text-white !text-right"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
@@ -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)"
/>
<DxGroupItem
css-class="!text-right"
@@ -516,7 +504,7 @@
column="total_gangguan_tahun_sebelumnya"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -526,7 +514,7 @@
column="total_keluhan_informasi_tahun_sebelumnya"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -536,7 +524,7 @@
column="total_gangguan_informasi_tahun_sebelumnya"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -546,7 +534,7 @@
column="total_informasi_tahun_sebelumnya"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -556,7 +544,7 @@
column="total_tahun_sebelumnya"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -566,7 +554,7 @@
column="total_keluhan_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -576,7 +564,7 @@
column="total_gangguan_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -586,7 +574,7 @@
column="total_keluhan_informasi_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -596,7 +584,7 @@
column="total_gangguan_informasi_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -606,7 +594,7 @@
column="total_informasi_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -616,7 +604,7 @@
column="total_tahun_ini"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -626,7 +614,7 @@
column="delta_keluhan"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -636,7 +624,7 @@
column="delta_gangguan"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -646,7 +634,7 @@
column="delta_informasi"
summary-type="sum"
display-format="{0}"
:customize-text="(e: any) => formatNumber(parseFloat(e.value.toString()))"
:customize-text="(e: any) => formatNumber(e.value)"
/>
<DxGroupItem
css-class="!text-right"
@@ -657,10 +645,7 @@
summary-type="avg"
display-format="{0}"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxGroupItem
@@ -672,10 +657,7 @@
summary-type="avg"
display-format="{0}"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxGroupItem
@@ -687,10 +669,7 @@
summary-type="avg"
display-format="{0}"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
<DxGroupItem
@@ -702,10 +681,7 @@
summary-type="avg"
display-format="{0}"
:customize-text="
(e: any) =>
parseFloat(e.value.toString())
? formatPercentage(parseFloat(e.value.toString()))
: '0%'
(e: any) => (parseFloat(e.value.toString()) ? formatPercentage(e.value) : '0%')
"
/>
</DxSummary>