Refactor dialogDetail variable names in Vue components

This commit is contained in:
Dede Fuji Abdul
2024-03-20 17:10:15 +07:00
parent 9d75cdf7c2
commit b472cd29a7
27 changed files with 547 additions and 180 deletions

View File

@ -140,7 +140,7 @@
</DxColumn>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -152,18 +152,18 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showData()">
<p class="text-left cursor-pointer" @click="showDetail()">
{{ data.text }}
</p>
</template>
<template #formatTime="{ data }" @click="showData()">
<template #formatTime="{ data }" @click="showDetail()">
<p class="!text-right">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@ -197,12 +197,12 @@ const data = computed(() => props.data)
const dataSub = ref([])
const dataSelected = ref({})
const dataSubSelected = ref({})
const showDetail = ref(false)
const showData = () => {
showDetail.value = true
const dialogDetail = ref(false)
const showDetail = () => {
dialogDetail.value = true
}
const closeDetail = () => {
showDetail.value = false
const closeDialog = () => {
dialogDetail.value = false
}
const onExporting = (e: any) => {

View File

@ -214,7 +214,7 @@
</DxColumn>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -226,18 +226,18 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showData()">
<p class="text-left cursor-pointer" @click="showDetail()">
{{ data.text }}
</p>
</template>
<template #formatTime="{ data }" @click="showData()">
<template #formatTime="{ data }" @click="showDetail()">
<p class="!text-right">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@ -391,12 +391,12 @@ const data = computed(() => props.data)
const dataSub = ref<any[]>([])
const dataSelected = ref<any>({})
const dataSubSelected = ref<any>({})
const showDetail = ref(false)
const showData = () => {
showDetail.value = true
const dialogDetail = ref(false)
const showDetail = () => {
dialogDetail.value = true
}
const closeDetail = () => {
showDetail.value = false
const closeDialog = () => {
dialogDetail.value = false
}
const loading = ref(computed(() => props.loading))

View File

@ -78,7 +78,7 @@
</DxColumn>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -90,18 +90,18 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showData()">
<p class="text-left cursor-pointer" @click="showDetail()">
{{ data.text }}
</p>
</template>
<template #formatTime="{ data }" @click="showData()">
<template #formatTime="{ data }" @click="showDetail()">
<p class="!text-right">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@ -135,12 +135,12 @@ const data = computed(() => props.data)
const dataSub = ref<any[]>([])
const dataSelected = ref<any>({})
const dataSubSelected = ref<any>({})
const showDetail = ref(false)
const showData = () => {
showDetail.value = true
const dialogDetail = ref(false)
const showDetail = () => {
dialogDetail.value = true
}
const closeDetail = () => {
showDetail.value = false
const closeDialog = () => {
dialogDetail.value = false
}
const onExporting = (e: any) => {

View File

@ -262,7 +262,7 @@
</DxColumn>
<template #formatNumber="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{
isNumber(data.text)
? data.column.caption == '%'
@ -274,18 +274,18 @@
</template>
<template #formatPercentage="{ data }">
<p class="text-right cursor-pointer" @click="showData()">
<p class="text-right cursor-pointer" @click="showDetail()">
{{ isNumber(data.text) ? formatPercentage(data.text) : data.text }}
</p>
</template>
<template #formatText="{ data }">
<p class="text-left cursor-pointer" @click="showData()">
<p class="text-left cursor-pointer" @click="showDetail()">
{{ data.text }}
</p>
</template>
<template #formatTime="{ data }" @click="showData()">
<template #formatTime="{ data }" @click="showDetail()">
<p class="!text-right">
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
</p>
@ -472,9 +472,9 @@ const data = computed(() => props.data)
const dataSelected = ref()
const dataSub = ref([])
const dataSubSelected = ref()
const showDetail = ref(false)
const showData = () => (showDetail.value = true)
const closeDetail = () => (showDetail.value = false)
const dialogDetail = ref(false)
const showDetail = () => (dialogDetail.value = true)
const closeDialog = () => (dialogDetail.value = false)
const onExporting = (e: any) => {
if (e.format === 'pdf') {
const doc = new jsPDF()