Refactor DatePicker.vue to remove console.log statement

Refactor RGangguan_BerdasarMedia.vue to fix css-class typo
Refactor RKeluhan_BerdasarMedia.vue to update display-format and css-class
Refactor RGangguan_KTI.vue to remove 'Semua Unit' and 'Regional' from groupList
Refactor RGangguan_CTTM.vue to remove 'Semua Unit' and 'Regional' from groupList
Refactor Type11.vue to update placeholder and values in InputWithSuffix
Refactor RKeluhan_PerUnit.vue to update calculateCustomSummary function

src/components/DatePicker.vue

@@ -79,7 +79,6 @@ watch(dateValue, (newValue) => {
 
 onMounted(() => {
   emit('update:dateValue', dateValue.value)
-  console.log('current date', dateValue.value)
 })
 </script>
 

src/components/Form/FiltersType/Type11.vue

@@ -171,17 +171,17 @@ onMounted(() => {
       <label class="filter-input-label">Durasi:</label>
 
       <div class="flex flex-col gap-y-2">
-        <Select @update:selected="changeDuration($event)" :data="sla" placeholder="Durasi Menit" />
+        <Select @update:selected="changeDuration($event)" :data="sla" placeholder="Durasi Jam" />
 
         <div class="flex flex-1 justify-between gap-x-1.5" :class="[isHidden ? 'hidden' : '']">
           <InputWithSuffix
-            :value="`${data.minTime} Menit`"
+            :value="`${data.minTime} Jam`"
             @update:text="setMin($event)"
             class="flex flex-1"
           />
           <small class="flex items-center">s/d</small>
           <InputWithSuffix
-            :value="`${data.maxTime} Menit`"
+            :value="`${data.maxTime} Jam`"
             @update:text="setMax($event)"
             class="flex flex-1"
           />

src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue

@@ -1318,7 +1318,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1327,16 +1331,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1386,7 +1385,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_response = 0
       total_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = total_durasi_response / count_durasi_response
+      options.totalValue = isFinite(total_durasi_response / count_durasi_response)
+        ? 0
+        : total_durasi_response == 0
+          ? 0
+          : total_durasi_response / count_durasi_response
     }
   }
 
@@ -1411,7 +1414,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = total_durasi_recovery / count_durasi_recovery
+      options.totalValue = isFinite(total_durasi_recovery / count_durasi_recovery)
+        ? 0
+        : total_durasi_recovery == 0
+          ? 0
+          : total_durasi_recovery / count_durasi_recovery
     }
   }
 }
@@ -1449,7 +1456,13 @@ const filterData = async (params: any) => {
 
   if (uid?.id != 0) {
     groupList.forEach((item, index) => {
-      if (item.caption == 'Semua Unit' || item.caption == 'Regional') {
+      if (item.caption == 'Semua Unit') {
+        groupList.splice(index, 1)
+      }
+    })
+
+    groupList.forEach((item, index) => {
+      if (item.caption == 'Regional') {
         groupList.splice(index, 1)
       }
     })

src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue

@@ -108,7 +108,7 @@
         <DxTotalItem
           display-format="Total"
           show-in-column="media"
-          css-class="text-white !text-l eft"
+          css-class="text-white !text-left"
         />
         <DxTotalItem
           v-for="i in 31"

src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue

@@ -542,7 +542,13 @@ const filterData = async (params: any) => {
 
   if (uid?.id != 0) {
     groupList.forEach((item, index) => {
-      if (item.caption == 'Semua Unit' || item.caption == 'Regional') {
+      if (item.caption == 'Semua Unit') {
+        groupList.splice(index, 1)
+      }
+    })
+
+    groupList.forEach((item, index) => {
+      if (item.caption == 'Regional') {
         groupList.splice(index, 1)
       }
     })

src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue

@@ -784,7 +784,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -793,16 +797,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -827,7 +826,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -852,7 +855,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue

@@ -1050,7 +1050,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1059,16 +1063,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1093,7 +1092,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1118,7 +1121,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Gangguan/Rekap/RGangguan_KTI.vue

@@ -1320,7 +1320,13 @@ const filterData = async (params: any) => {
 
   if (uid?.id != 0) {
     groupList.forEach((item, index) => {
-      if (item.caption == 'Semua Unit' || item.caption == 'Regional') {
+      if (item.caption == 'Semua Unit') {
+        groupList.splice(index, 1)
+      }
+    })
+
+    groupList.forEach((item, index) => {
+      if (item.caption == 'Regional') {
         groupList.splice(index, 1)
       }
     })

src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue

@@ -1038,7 +1038,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1047,16 +1051,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1081,7 +1080,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1106,7 +1109,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue

@@ -1054,7 +1054,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1063,16 +1067,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1097,7 +1096,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1122,7 +1125,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue

@@ -829,6 +829,7 @@ import {
   exportDetailToDOCX
 } from '@/report/Gangguan/Rekap/RGangguan_PerTanggal'
 import BufferDialog from '@/components/Dialogs/BufferDialog.vue'
+import { reformatDate } from '@/utils/texts'
 
 const client = apolloClient()
 provideApolloClient(client)
@@ -871,12 +872,8 @@ const getDetail = async () => {
   const ref = dataSelected.value
 
   const query = {
-    dateFrom: dateValue[0]
+    dateFrom: ref?.tanggal ? reformatDate(ref?.tanggal, 'yyyy/MM/dd', 'yyyy-MM-dd') : '',
-      ? dateValue[0].split('-').reverse().join('-')
+    dateTo: ref?.tanggal ? reformatDate(ref?.tanggal, 'yyyy/MM/dd', 'yyyy-MM-dd') : '',
-      : new Date().toISOString().slice(0, 10),
-    dateTo: dateValue[1]
-      ? dateValue[1].split('-').reverse().join('-')
-      : new Date().toISOString().slice(0, 10),
     posko: ref?.id_posko ? ref?.id_posko : 0,
     idUid: ref?.id_uid ? ref?.id_uid : 0,
     idUp3: ref?.id_up3 ? ref?.id_up3 : 0,
@@ -885,7 +882,7 @@ const getDetail = async () => {
     namaRegional: ref?.nama_regional ? ref?.nama_regional : '',
     media: ref?.media ? ref?.media : '',
     isSelesai: progressSelected.value,
-    tanggal: ''
+    tanggal: ref?.tanggal ? reformatDate(ref?.tanggal, 'yyyy/MM/dd', 'yyyy-MM-dd') : ''
   }
 
   loadingSubData.value = true
@@ -1041,15 +1038,36 @@ const filterData = async (params: any) => {
   }
 
   loadingData.value = true
-  await requestGraphQl(queries.gangguan.rekap.gangguanPerTanggal, query)
+  await requestGraphQl(
+    isGroupBy.value
+      ? grouping.value[0].data == 'nama_uid'
+        ? queries.gangguan.rekap.gangguanPerTanggalUID
+        : grouping.value[0].data == 'nama_up3'
+          ? queries.gangguan.rekap.gangguanPerTanggalUP3
+          : queries.gangguan.rekap.gangguanPerTanggalPosko
+      : queries.gangguan.rekap.gangguanPerTanggal,
+    query
+  )
     .then((result) => {
       if (result.data.data != undefined) {
         if (grouping.value.length > 0 && grouping.value[0].data != '') {
-          data.value = [...result.data.data.rekapitulasiGangguanPerTanggal].sort((a, b) =>
+          data.value = [
-            a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
+            ...(isGroupBy.value
-          )
+              ? grouping.value[0].data == 'nama_uid'
+                ? result.data.data.rekapitulasiGangguanPerTanggalUid
+                : grouping.value[0].data == 'nama_up3'
+                  ? result.data.data.rekapitulasiGangguanPerTanggalUp3
+                  : result.data.data.rekapitulasiGangguanPerTanggalPosko
+              : result.data.data.rekapitulasiGangguanPerTanggal)
+          ].sort((a, b) => a[grouping.value[0].data].localeCompare(b[grouping.value[0].data]))
         } else {
-          data.value = result.data.data.rekapitulasiGangguanPerTanggal
+          data.value = isGroupBy.value
+            ? grouping.value[0].data == 'nama_uid'
+              ? result.data.data.rekapitulasiGangguanPerTanggalUid
+              : grouping.value[0].data == 'nama_up3'
+                ? result.data.data.rekapitulasiGangguanPerTanggalUp3
+                : result.data.data.rekapitulasiGangguanPerTanggalPosko
+            : result.data.data.rekapitulasiGangguanPerTanggal
         }
       } else {
         data.value = []
@@ -1110,7 +1128,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1119,16 +1141,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1153,7 +1170,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1178,7 +1199,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue

@@ -43,6 +43,7 @@
         data-field="nama_ulp"
         caption="Nama Unit"
         css-class="custom-table-column"
+        cell-template="formatText"
       />
 
       <DxColumn
@@ -885,7 +886,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -894,16 +899,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -928,7 +928,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -953,7 +957,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }
@@ -1047,7 +1055,13 @@ const filterData = async (params: any) => {
 
   if (uid?.id != 0) {
     groupList.forEach((item, index) => {
-      if (item.caption == 'Semua Unit' || item.caption == 'Regional') {
+      if (item.caption == 'Semua Unit') {
+        groupList.splice(index, 1)
+      }
+    })
+
+    groupList.forEach((item, index) => {
+      if (item.caption == 'Regional') {
         groupList.splice(index, 1)
       }
     })

src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue

@@ -72,9 +72,8 @@
 
       <DxSummary>
         <DxTotalItem
-          summary-type="sum"
+          display-format="Total"
-          display-format="Call PLN 123"
+          show-in-column="media"
-          show-in-column="no"
           css-class="text-white !text-left"
         />
         <DxTotalItem

src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue

@@ -267,6 +267,191 @@
       </DxColumn>
 
       <DxSummary :calculate-custom-summary="calculateCustomSummary">
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          show-in-column="No"
+          css-class="!text-left"
+          :customize-text="(e: any) => ''"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          display-format="Total"
+          show-in-column="Fungsi Bidang"
+          css-class="!text-left"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="total"
+          column="total"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="total_selesai"
+          column="total_selesai"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="persen_selesai"
+          column="persen_selesai"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="total_inproses"
+          column="total_inproses"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="persen_inproses"
+          column="persen_inproses"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatPercentage(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="total_durasi_response"
+          column="total_durasi_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="count_durasi_response"
+          column="count_durasi_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="avg_durasi_response"
+          column="avg_durasi_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          column="min_durasi_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          display-format="{0}"
+          column="max_durasi_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          display-format="{0}"
+          column="total_diatas_sla_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          display-format="{0}"
+          column="total_dibawah_sla_response"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="total_durasi_recovery"
+          column="total_durasi_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="count_durasi_recovery"
+          column="count_durasi_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="custom"
+          name="avg_durasi_recovery"
+          column="avg_durasi_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="min"
+          display-format="{0}"
+          column="min_durasi_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="max"
+          display-format="{0}"
+          column="max_durasi_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => (parseInt(e.value) ? formatWaktu(e.value) : '-')"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          display-format="{0}"
+          column="total_diatas_sla_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+        <DxGroupItem
+          :show-in-group-footer="true"
+          :align-by-column="true"
+          summary-type="sum"
+          display-format="{0}"
+          column="total_dibawah_sla_recovery"
+          css-class="!text-right"
+          :customize-text="(e: any) => formatNumber(e.value)"
+        />
+
         <DxTotalItem
           display-format="Total"
           show-in-column="Fungsi Bidang"
@@ -826,7 +1011,8 @@ import {
   DxScrolling,
   DxSearchPanel,
   DxSelection,
-  DxGrouping
+  DxGrouping,
+  DxGroupItem
 } from 'devextreme-vue/data-grid'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { queries, requestGraphQl } from '@/utils/api/api.graphql'
@@ -911,7 +1097,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -920,16 +1110,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -954,7 +1139,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -979,7 +1168,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }
@@ -1073,27 +1266,48 @@ const filterData = async (params: any) => {
   }
 
   loadingData.value = true
-  await requestGraphQl(queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang, query)
+  await requestGraphQl(
+    isGroupBy.value
+      ? grouping.value[0].data == 'nama_uid'
+        ? queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBidangUID
+        : grouping.value[0].data == 'nama_up3'
+          ? queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBidangUP3
+          : queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBidangULP
+      : queries.keluhan.rekap.keluhanPenyelesaianPerFungsiBIidang,
+    query
+  )
     .then((result) => {
       if (result.data.data != undefined) {
         if (grouping.value.length > 0 && grouping.value[0].data != '') {
-          data.value = [...result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang].sort(
+          data.value = [
-            (a, b) => a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
+            ...(isGroupBy.value
-          )
+              ? grouping.value[0].data == 'nama_uid'
+                ? result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUid
+                : grouping.value[0].data == 'nama_up3'
+                  ? result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUp3
+                  : result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUlp
+              : result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang)
+          ].sort((a, b) => a[grouping.value[0].data].localeCompare(b[grouping.value[0].data]))
         } else {
-          data.value = result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang
+          data.value = isGroupBy.value
-        }
+            ? grouping.value[0].data == 'nama_uid'
-
+              ? result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUid
-        reportMeta.value = {
+              : grouping.value[0].data == 'nama_up3'
-          uid: uid ? uid : { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+                ? result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUp3
-          up3: up3 ? up3 : { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+                : result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidangUlp
-          ulp: ulp ? ulp : { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+            : result.data.data.rekapitulasiKeluhanPenyelesaianPerFungsiBidang
-          periode: params.periode,
-          groupBy: params.groupBy
         }
       } else {
         data.value = []
       }
+
+      reportMeta.value = {
+        uid: uid ? uid : { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
+        up3: up3 ? up3 : { id: 0, name: 'Semua Unit Pelaksanaan Pelayanan Pelanggan' },
+        ulp: ulp ? ulp : { id: 0, name: 'Semua Unit Layanan Pelanggan' },
+        periode: params.periode,
+        groupBy: params.groupBy
+      }
     })
     .catch((err) => {
       console.error(err)

src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue

@@ -1063,7 +1063,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1072,16 +1076,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1106,7 +1105,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1131,7 +1134,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue

@@ -907,7 +907,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -916,16 +920,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -950,7 +949,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -975,7 +978,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }
@@ -1070,23 +1077,35 @@ const filterData = async (params: any) => {
 
   loadingData.value = true
   await requestGraphQl(
-    params.groupBy
+    isGroupBy.value
-      ? queries.keluhan.rekap.keluhanPerKelompokKeluhanUID
+      ? grouping.value[0].data == 'nama_uid'
+        ? queries.keluhan.rekap.keluhanPerKelompokKeluhanUID
+        : grouping.value[0].data == 'nama_up3'
+          ? queries.keluhan.rekap.keluhanPerKelompokKeluhanUP3
+          : queries.keluhan.rekap.keluhanPerKelompokKeluhanULP
       : queries.keluhan.rekap.keluhanPerKelompokKeluhan,
     query
   )
     .then((result) => {
       if (result.data.data != undefined) {
-        const ref = isGroupBy.value
-          ? [...result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUid]
-          : [...result.data.data.rekapitulasiKeluhanPerKelompokKeluhan]
-
         if (grouping.value.length > 0 && grouping.value[0].data != '') {
-          data.value = ref.sort((a, b) =>
+          data.value = [
-            a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
+            ...(isGroupBy.value
-          )
+              ? grouping.value[0].data == 'nama_uid'
+                ? result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUid
+                : grouping.value[0].data == 'nama_up3'
+                  ? result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUp3
+                  : result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUlp
+              : result.data.data.rekapitulasiKeluhanPerKelompokKeluhan)
+          ].sort((a, b) => a[grouping.value[0].data].localeCompare(b[grouping.value[0].data]))
         } else {
-          data.value = ref
+          data.value = isGroupBy.value
+            ? grouping.value[0].data == 'nama_uid'
+              ? result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUid
+              : grouping.value[0].data == 'nama_up3'
+                ? result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUp3
+                : result.data.data.rekapitulasiKeluhanPerKelompokKeluhanUlp
+            : result.data.data.rekapitulasiKeluhanPerKelompokKeluhan
         }
       } else {
         data.value = []

src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue

@@ -912,7 +912,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -921,16 +925,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -955,7 +954,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -980,7 +983,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }
@@ -1074,17 +1081,36 @@ const filterData = async (params: any) => {
   }
 
   loadingData.value = true
-  await requestGraphQl(queries.keluhan.rekap.keluhanPerTanggal, query)
+  await requestGraphQl(
+    isGroupBy.value
+      ? grouping.value[0].data == 'nama_uid'
+        ? queries.keluhan.rekap.keluhanPerTanggalUID
+        : grouping.value[0].data == 'nama_up3'
+          ? queries.keluhan.rekap.keluhanPerTanggalUP3
+          : queries.keluhan.rekap.keluhanPerTanggalULP
+      : queries.keluhan.rekap.keluhanPerTanggal,
+    query
+  )
     .then((result) => {
       if (result.data.data != undefined) {
         if (grouping.value.length > 0 && grouping.value[0].data != '') {
-          console.log([...result.data.data.rekapitulasiKeluhanPerTanggal])
+          data.value = [
-
+            ...(isGroupBy.value
-          data.value = [...result.data.data.rekapitulasiKeluhanPerTanggal].sort((a, b) =>
+              ? grouping.value[0].data == 'nama_uid'
-            a[grouping.value[0].data].localeCompare(b[grouping.value[0].data])
+                ? result.data.data.rekapitulasiKeluhanPerTanggalUid
-          )
+                : grouping.value[0].data == 'nama_up3'
+                  ? result.data.data.rekapitulasiKeluhanPerTanggalUp3
+                  : result.data.data.rekapitulasiKeluhanPerTanggalUlp
+              : result.data.data.rekapitulasiKeluhanPerTanggal)
+          ].sort((a, b) => a[grouping.value[0].data].localeCompare(b[grouping.value[0].data]))
         } else {
-          data.value = result.data.data.rekapitulasiKeluhanPerTanggal
+          data.value = isGroupBy.value
+            ? grouping.value[0].data == 'nama_uid'
+              ? result.data.data.rekapitulasiKeluhanPerTanggalUid
+              : grouping.value[0].data == 'nama_up3'
+                ? result.data.data.rekapitulasiKeluhanPerTanggalUp3
+                : result.data.data.rekapitulasiKeluhanPerTanggalUlp
+            : result.data.data.rekapitulasiKeluhanPerTanggal
         }
       } else {
         data.value = []

src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue

@@ -1055,7 +1055,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_selesai = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
+      options.totalValue = isFinite(total_selesai / total)
+        ? 0
+        : total_selesai == 0
+          ? 0
+          : (total_selesai / total) * 100
     }
   }
 
@@ -1064,16 +1068,11 @@ const calculateCustomSummary = (options: any) => {
       total = 0
       total_inproses = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_inproses / total) * 100
+      options.totalValue = isFinite(total_inproses / total)
-    }
+        ? 0
-  }
+        : total_inproses == 0
-
+          ? 0
-  if (options.name === 'persen_selesai') {
+          : (total_inproses / total) * 100
-    if (options.summaryProcess === 'start') {
-      total = 0
-      total_selesai = 0
-    } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = (total_selesai / total) * 100
     }
   }
 
@@ -1098,7 +1097,11 @@ const calculateCustomSummary = (options: any) => {
       total_durasi_response = 0
       count_durasi_response = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_response / total_durasi_response
+      options.totalValue = isFinite(count_durasi_response / total_durasi_response)
+        ? 0
+        : count_durasi_response == 0
+          ? 0
+          : count_durasi_response / total_durasi_response
     }
   }
 
@@ -1123,7 +1126,11 @@ const calculateCustomSummary = (options: any) => {
       count_durasi_recovery = 0
       total_durasi_recovery = 0
     } else if (options.summaryProcess === 'finalize') {
-      options.totalValue = count_durasi_recovery / total_durasi_recovery
+      options.totalValue = isFinite(count_durasi_recovery / total_durasi_recovery)
+        ? 0
+        : count_durasi_recovery == 0
+          ? 0
+          : count_durasi_recovery / total_durasi_recovery
     }
   }
 }

src/utils/api/api.graphql.ts

@@ -394,6 +394,133 @@ export const queries = {
           }
         }
       `,
+      keluhanPerTanggalULP: gql`
+        query rekapitulasiKeluhanPerTanggalUlp(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPerTanggalUlp(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            nama_regional
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            tanggal_lapor
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
+      keluhanPerTanggalUP3: gql`
+        query rekapitulasiKeluhanPerTanggalUp3(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPerTanggalUp3(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            tanggal_lapor
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
+      keluhanPerTanggalUID: gql`
+        query rekapitulasiKeluhanPerTanggalUid(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPerTanggalUid(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            tanggal_lapor
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
       keluhanPerTanggal: gql`
         query rekapitulasiKeluhanPerTanggal(
           $dateFrom: Date!
@@ -436,6 +563,94 @@ export const queries = {
           }
         }
       `,
+      keluhanPerKelompokKeluhanULP: gql`
+        query rekapitulasiKeluhanPerKelompokKeluhanUlp(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPerKelompokKeluhanUlp(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id
+            nama_regional
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            kelompok
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
+      keluhanPerKelompokKeluhanUP3: gql`
+        query rekapitulasiKeluhanPerKelompokKeluhanUp3(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPerKelompokKeluhanUp3(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id
+            nama_regional
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            kelompok
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
       keluhanPerKelompokKeluhanUID: gql`
         query rekapitulasiKeluhanPerKelompokKeluhanUid(
           $dateFrom: Date!
@@ -559,6 +774,117 @@ export const queries = {
           }
         }
       `,
+      keluhanPenyelesaianPerFungsiBidangULP: gql`
+        query rekapitulasiKeluhanPenyelesaianPerFungsiBidangUlp(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPenyelesaianPerFungsiBidangUlp(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            nama_uid
+            nama_up3
+            nama_ulp
+            fungsi_bidang
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
+      keluhanPenyelesaianPerFungsiBidangUP3: gql`
+        query rekapitulasiKeluhanPenyelesaianPerFungsiBidangUp3(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPenyelesaianPerFungsiBidangUp3(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            nama_uid
+            nama_up3
+            nama_ulp
+            fungsi_bidang
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
+      keluhanPenyelesaianPerFungsiBidangUID: gql`
+        query rekapitulasiKeluhanPenyelesaianPerFungsiBidangUid(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $idUlp: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiKeluhanPenyelesaianPerFungsiBidangUid(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            idUlp: $idUlp
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            nama_uid
+            nama_up3
+            nama_ulp
+            fungsi_bidang
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+          }
+        }
+      `,
       keluhanPenyelesaianPerFungsiBIidang: gql`
         query rekapitulasiKeluhanPenyelesaianPerFungsiBidang(
           $dateFrom: Date!
@@ -1017,6 +1343,134 @@ export const queries = {
           }
         }
       `,
+      gangguanPerTanggalPosko: gql`
+        query rekapitulasiGangguanPerTanggalPosko(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $posko: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiGangguanPerTanggalPosko(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            posko: $posko
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            id_ulp
+            nama_ulp
+            id_posko
+            nama_posko
+            tanggal
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+            total_response
+            total_recovery
+          }
+        }
+      `,
+      gangguanPerTanggalUP3: gql`
+        query rekapitulasiGangguanPerTanggalUp3(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $posko: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiGangguanPerTanggalUp3(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            posko: $posko
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            id_up3
+            nama_up3
+            tanggal
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+            total_response
+            total_recovery
+          }
+        }
+      `,
+      gangguanPerTanggalUID: gql`
+        query rekapitulasiGangguanPerTanggalUid(
+          $dateFrom: Date!
+          $dateTo: Date!
+          $posko: Int!
+          $idUid: Int!
+          $idUp3: Int!
+        ) {
+          rekapitulasiGangguanPerTanggalUid(
+            dateFrom: $dateFrom
+            dateTo: $dateTo
+            posko: $posko
+            idUid: $idUid
+            idUp3: $idUp3
+          ) {
+            id_uid
+            nama_uid
+            tanggal
+            total
+            total_selesai
+            persen_selesai
+            total_inproses
+            persen_inproses
+            total_durasi_response
+            avg_durasi_response
+            min_durasi_response
+            max_durasi_response
+            total_dibawah_sla_response
+            total_diatas_sla_response
+            total_durasi_recovery
+            avg_durasi_recovery
+            min_durasi_recovery
+            max_durasi_recovery
+            total_dibawah_sla_recovery
+            total_diatas_sla_recovery
+            total_response
+            total_recovery
+          }
+        }
+      `,
       gangguanPerTanggal: gql`
         query rekapitulasiGangguanPerTanggal(
           $dateFrom: Date!