Refactor number formatting in Vue components
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user