Refactor number formatting in Vue components
This commit is contained in:
@@ -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)"
|
||||
/>
|
||||
<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"
|
||||
@@ -397,10 +397,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
|
||||
@@ -409,10 +406,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
|
||||
@@ -421,10 +415,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
|
||||
@@ -433,10 +424,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%')
|
||||
"
|
||||
/>
|
||||
|
||||
@@ -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)"
|
||||
/>
|
||||
<DxGroupItem
|
||||
css-class="!text-right"
|
||||
@@ -458,7 +446,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"
|
||||
@@ -468,7 +456,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"
|
||||
@@ -478,7 +466,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"
|
||||
@@ -488,7 +476,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"
|
||||
@@ -498,7 +486,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"
|
||||
@@ -508,7 +496,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"
|
||||
@@ -518,7 +506,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"
|
||||
@@ -528,7 +516,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"
|
||||
@@ -538,7 +526,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"
|
||||
@@ -548,7 +536,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"
|
||||
@@ -558,7 +546,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"
|
||||
@@ -568,7 +556,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"
|
||||
@@ -578,7 +566,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"
|
||||
@@ -588,7 +576,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"
|
||||
@@ -599,10 +587,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
|
||||
@@ -614,10 +599,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
|
||||
@@ -629,10 +611,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
|
||||
@@ -644,10 +623,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