defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update page sizes in pagination components

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-20 10:22:15 +07:00
parent da3cf477db
commit 978f37eb51
39 changed files with 190 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
View File

@ -153,10 +153,10 @@
column-resizing-mode="widget"
>
<DxSelection mode="single" />
<DxPaging :page-size="5" :enabled="true" />
<DxPaging :page-size="20" :enabled="true" />
<DxPager
:visible="true"
:allowed-page-sizes="[5, 10, 20]"
:allowed-page-sizes="[20, 50, 100]"
display-mode="full"
:show-page-size-selector="true"
:show-info="true"

18
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
View File

@ -349,9 +349,9 @@
</div>
<DetailDialog
:open="dialogDataSelected"
:open="dialogDetail"
title="Detail (Monalisa) Aging Complaint"
@on-close="closeDialogDataSelected"
@on-close="closedialogDetail"
:full-width="true"
>
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
@ -372,10 +372,10 @@
column-resizing-mode="widget"
>
<DxSelection mode="single" />
<DxPaging :page-size="5" :enabled="true" />
<DxPaging :page-size="20" :enabled="true" />
<DxPager
:visible="true"
:allowed-page-sizes="[5, 10, 20]"
:allowed-page-sizes="[20, 50, 100]"
display-mode="full"
:show-page-size-selector="true"
:show-info="true"
@ -699,8 +699,8 @@ const data = ref<any[]>([])
const dataSub = ref<any[]>([])
const dataSelected = ref<any>(null)
const dataSubSelected = ref<any>(null)
const dialogDataSelected = ref(false)
const closeDialogDataSelected = () => (dialogDataSelected.value = false)
const dialogDetail = ref(false)
const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
@ -762,11 +762,11 @@ const getDetail = () => {
// })
}
const showDialogDataSelected = () => {
const showDetail = () => {
if (dataSelected.value != null) {
dataSub.value = []
dataSubSelected.value = null
dialogDataSelected.value = true
dialogDetail.value = true
getDetail()
}
@ -776,7 +776,7 @@ const onDataSelectionChanged = ({ selectedRowsData }: any) => {
const data = selectedRowsData[0]
dataSelected.value = data
showDialogDataSelected()
showDetail()
}
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {

24
src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
View File

@ -651,7 +651,7 @@
</DxSummary>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showDialogDataSelected()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -663,13 +663,13 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="showDialogDataSelected()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{ parseFloat(data.text) ? formatPercentage(data.text) : '0%' }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showDialogDataSelected()">
<p class="text-left cursor-pointer" @click="showDetail()">
{{ data.text }}
</p>
</template>
@ -677,9 +677,9 @@
</div>
<DetailDialog
:open="dialogDataSelected"
:open="dialogDetail"
title="Detail (Monalisa) Penurunan Jumlah Komplain"
@on-close="closeDialogDataSelected"
@on-close="closedialogDetail"
:full-width="true"
>
<div class="w-full mb-4 lg:w-[70%] lg:float-left">
@ -700,10 +700,10 @@
column-resizing-mode="widget"
>
<DxSelection mode="single" />
<DxPaging :page-size="5" :enabled="true" />
<DxPaging :page-size="20" :enabled="true" />
<DxPager
:visible="true"
:allowed-page-sizes="[5, 10, 20]"
:allowed-page-sizes="[20, 50, 100]"
display-mode="full"
:show-page-size-selector="true"
:show-info="true"
@ -1027,8 +1027,8 @@ const data = ref<any[]>([])
const dataSub = ref<any[]>([])
const dataSelected = ref<any>(null)
const dataSubSelected = ref<any>(null)
const dialogDataSelected = ref(false)
const closeDialogDataSelected = () => (dialogDataSelected.value = false)
const dialogDetail = ref(false)
const closedialogDetail = () => (dialogDetail.value = false)
const loadingData = ref(false)
const loadingSubData = ref(false)
@ -1090,11 +1090,11 @@ const getDetail = () => {
// })
}
const showDialogDataSelected = () => {
const showDetail = () => {
if (dataSelected.value != null) {
dataSub.value = []
dataSubSelected.value = null
dialogDataSelected.value = true
dialogDetail.value = true
getDetail()
}
@ -1104,7 +1104,7 @@ const onDataSelectionChanged = ({ selectedRowsData }: any) => {
const data = selectedRowsData[0]
dataSelected.value = data
showDialogDataSelected()
showDetail()
}
const onDataSubSelectionChanged = ({ selectedRowsData }: any) => {