package.json

@@ -1 +1 @@
-{"name":"eis","version":"0.0.174-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js","set-version":"node version.js","version":"echo $npm_package_version"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}
+{"name":"eis","version":"0.0.173-vm","private":true,"scripts":{"dev":"vite","host":"vite --host","tailwind":"tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch","build":"run-p type-check build-only","preview":"vite preview --host","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","deploy":"node deploy.js","set-version":"node version.js","version":"echo $npm_package_version"},"dependencies":{"@apollo/client":"^3.8.10","@apollo/link-context":"^2.0.0-beta.3","@flavorly/vanilla-components":"^0.7.65","@headlessui/tailwindcss":"^0.2.0","@headlessui/vue":"^1.7.19","@heroicons/vue":"^2.0.18","@lottiefiles/lottie-player":"^2.0.4","@phosphor-icons/vue":"^2.1.6","@types/qs":"^6.9.12","@types/uuid":"^9.0.8","@types/vue-select":"^3.16.8","@vue/apollo-components":"^4.0.0","@vue/apollo-composable":"^4.0.1","@vue/apollo-option":"^4.0.0","axios":"^1.6.7","devextreme":"23.2.4","devextreme-vue":"23.2.4","docx":"^8.5.0","dotenv":"^16.3.1","encrypt-storage":"^2.12.22","exceljs":"^4.4.0","file-saver":"^2.0.5","graphql":"^16.8.1","graphql-tag":"^2.12.6","jspdf":"^2.5.1","jspdf-autotable":"^3.8.2","pinia":"^2.1.3","qs":"^6.11.2","uuid":"^9.0.1","vue":"^3.3.4","vue-html-to-paper":"^2.0.3","vue-router":"^4.2.2","vue-tailwind-datepicker":"^1.6.1","vue3-star-ratings":"^3.0.5"},"devDependencies":{"@rushstack/eslint-patch":"^1.5.1","@tailwindcss/aspect-ratio":"^0.4.2","@tailwindcss/container-queries":"^0.1.1","@tailwindcss/forms":"^0.5.7","@tailwindcss/typography":"^0.5.10","@tsconfig/node18":"^2.0.1","@types/file-saver":"^2.0.6","@types/jsdom":"^21.1.1","@types/node":"^18.16.17","@vitejs/plugin-vue":"^4.2.3","@vitejs/plugin-vue-jsx":"^3.0.1","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.3.2","@vue/tsconfig":"^0.4.0","autoprefixer":"^10.4.14","eslint":"^8.39.0","eslint-plugin-vue":"^9.11.0","jsdom":"^22.1.0","npm-run-all":"^4.1.5","postcss":"^8.4.24","prettier":"^3.0.3","tailwindcss":"^3.3.2","typescript":"~5.2.2","vite":"^4.3.9","vitest":"^1.3.1","vue-tsc":"^2.0.5"}}

public/version.json

@@ -1 +1 @@
-{"version":"0.0.174-vm"}
+{"version":"0.0.173-vm"}

src/report/Anomali/Gangguan/Anomali_LAPPGP_LPP.ts

@@ -1,4 +1,17 @@
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
+import {
+  Document,
+  AlignmentType,
+  Packer,
+  Paragraph,
+  Table,
+  TableCell,
+  TableRow,
+  VerticalAlign,
+  TextRun,
+  WidthType,
+  PageOrientation
+} from 'docx'
 import { saveAs } from 'file-saver'
 import { jsPDF } from 'jspdf'
 import autoTable from 'jspdf-autotable'

src/report/Anomali/Gangguan/Anomali_LAPPGP_LPT.ts

@@ -10,154 +10,82 @@ import { exportToWord } from './doc/Anomali_LAPPGP_LPT'
 const reportName = 'Anomali Penanganan Pengaduan Gangguan Petugas'
 const fontSize = 5
 
-const groupingData = (data: any, reportMeta: any) => {
+const formatData = (rawData: any) => {
-  const groupedData: any = {}
+  const formattedData: any = []
-
+  const total: any = {
-  const reportMetaMapping: any = {
+    total_petugas: 0,
-    up3: 'nama_ulp',
+    anomali_pln_mobile_marking: 0,
-    uid: 'nama_up3',
+    anomali_pln_mobile_non_marking: 0,
-    default: 'nama_uid'
+    anomali_cc123_marking: 0,
+    anomali_cc123_non_marking: 0
+    // total_anomali_marking: 0,
+    // total_anomali_non_marking: 0,
+    // persen_anomali_pln_mobile_marking
+    // persen_anomali_pln_mobile_non_marking
+    // persen_anomali_cc123_marking
+    // persen_anomali_cc123_non_marking
+    // persen_anomali_marking
+    // persen_anomali_non_marking
   }
 
-  let key = 'nama_uid'
+  rawData.forEach((item: any) => {
-  for (const prop in reportMetaMapping) {
+    total.total_petugas += item.total_petugas
-    if (reportMeta[prop] && reportMeta[prop].id != 0) {
+    total.anomali_pln_mobile_marking += item.anomali_pln_mobile_marking
-      key = reportMetaMapping[prop]
+    total.anomali_pln_mobile_non_marking += item.anomali_pln_mobile_non_marking
-      break
+    total.anomali_cc123_marking += item.anomali_cc123_marking
-    }
+    total.anomali_cc123_non_marking += item.anomali_cc123_non_marking
-  }
-
-  data.forEach((item: any) => {
-    const groupKey = item[key]
-
-    if (!groupedData[groupKey]) {
-      groupedData[groupKey] = { data: [] }
-    }
-
-    groupedData[groupKey].data.push(item)
   })
 
-  for (const key in groupedData) {
+  const total_anomali_marking = total.anomali_pln_mobile_marking + total.anomali_cc123_marking
-    const data = groupedData[key].data
+  const total_anomali_non_marking =
+    total.anomali_pln_mobile_non_marking + total.anomali_cc123_non_marking
+  const persen_anomali_pln_mobile_marking = total.anomali_pln_mobile_marking / total.total_petugas
+  const persen_anomali_pln_mobile_non_marking =
+    total.anomali_pln_mobile_non_marking / total.total_petugas
+  const persen_anomali_cc123_marking = total.anomali_cc123_marking / total.total_petugas
+  const persen_anomali_cc123_non_marking = total.anomali_cc123_non_marking / total.total_petugas
+  const persen_anomali_marking = persen_anomali_pln_mobile_marking + persen_anomali_cc123_marking
+  const persen_anomali_non_marking =
+    persen_anomali_pln_mobile_non_marking + persen_anomali_cc123_non_marking
 
-    data.forEach((item: any) => {
+  formattedData.push([
-      if (!groupedData[key].summary) {
+    'Semua Unit',
-        groupedData[key].summary = {
+    formatNumber(total.total_petugas),
-          total_petugas: 0,
+    formatNumber(total.anomali_pln_mobile_marking),
-          petugas_pln_mobile_marking: 0,
+    formatNumber(total.anomali_pln_mobile_non_marking),
-          petugas_pln_mobile_nonmarking: 0,
+    formatNumber(total.anomali_cc123_marking),
-          petugas_cc123_marking: 0,
+    formatNumber(total.anomali_cc123_non_marking),
-          petugas_cc123_nonmarking: 0
+    formatNumber(total_anomali_marking),
-          // petugas_anomali_marking: 0,
+    formatNumber(total_anomali_non_marking),
-          // petugas_anomali_nonmarking: 0,
+    formatPercentage(
-          // persen_pln_mobile_marking
+      !persen_anomali_pln_mobile_marking || !!isFinite(persen_anomali_pln_mobile_marking)
-          // persen_pln_mobile_non_marking
+        ? 0
-          // persen_cc123_marking
+        : persen_anomali_pln_mobile_marking * 100
-          // persen_cc123_nonmarking
+    ),
-          // persen_anomali_marking
+    formatPercentage(
-          // persen_anomali_non_marking
+      !persen_anomali_pln_mobile_non_marking || !!isFinite(persen_anomali_pln_mobile_non_marking)
-        }
+        ? 0
-      }
+        : persen_anomali_pln_mobile_non_marking * 100
-
+    ),
-      groupedData[key].summary.total_petugas += item.total_petugas
+    formatPercentage(
-      groupedData[key].summary.petugas_pln_mobile_marking += item.petugas_pln_mobile_marking
+      !persen_anomali_cc123_marking || !!isFinite(persen_anomali_cc123_marking)
-      groupedData[key].summary.petugas_pln_mobile_nonmarking += item.petugas_pln_mobile_nonmarking
+        ? 0
-      groupedData[key].summary.petugas_cc123_marking += item.petugas_cc123_marking
+        : persen_anomali_cc123_marking * 100
-      groupedData[key].summary.petugas_cc123_nonmarking += item.petugas_cc123_nonmarking
+    ),
-    })
+    formatPercentage(
-
+      !persen_anomali_cc123_non_marking || !!isFinite(persen_anomali_cc123_non_marking)
-    groupedData[key].summary.petugas_anomali_marking =
+        ? 0
-      groupedData[key].summary.petugas_pln_mobile_marking +
+        : persen_anomali_cc123_non_marking * 100
-      groupedData[key].summary.petugas_cc123_marking
+    ),
-    groupedData[key].summary.petugas_anomali_nonmarking =
+    formatPercentage(
-      groupedData[key].summary.petugas_pln_mobile_nonmarking +
+      !persen_anomali_marking || !!isFinite(persen_anomali_marking) ? 0 : persen_anomali_marking
-      groupedData[key].summary.petugas_cc123_nonmarking
+    ),
-
+    formatPercentage(
-    groupedData[key].summary.persen_pln_mobile_marking =
+      !persen_anomali_non_marking || !!isFinite(persen_anomali_non_marking)
-      (groupedData[key].summary.petugas_pln_mobile_marking /
+        ? 0
-        groupedData[key].summary.total_petugas) *
+        : persen_anomali_non_marking * 100
-      100
+    )
-
+  ])
-    groupedData[key].summary.persen_pln_mobile_non_marking =
-      (groupedData[key].summary.petugas_pln_mobile_nonmarking /
-        groupedData[key].summary.total_petugas) *
-      100
-
-    groupedData[key].summary.persen_cc123_marking =
-      (groupedData[key].summary.petugas_cc123_marking / groupedData[key].summary.total_petugas) *
-      100
-
-    groupedData[key].summary.persen_cc123_nonmarking =
-      (groupedData[key].summary.petugas_cc123_nonmarking / groupedData[key].summary.total_petugas) *
-      100
-
-    groupedData[key].summary.persen_anomali_marking =
-      groupedData[key].summary.persen_pln_mobile_marking +
-      groupedData[key].summary.persen_cc123_marking
-    groupedData[key].summary.persen_anomali_non_marking =
-      groupedData[key].summary.persen_pln_mobile_non_marking +
-      groupedData[key].summary.persen_cc123_nonmarking
-  }
-
-  return groupedData
-}
-
-const getTitle = (reportMeta: any) => {
-  if (reportMeta.up3.id != 0) {
-    return 'nama_up3'
-  }
-
-  if (reportMeta.uid.id != 0) {
-    return 'nama_uid'
-  }
-
-  return 'nama_regional'
-}
-
-const formatData = (rawData: any, reportMeta: any) => {
-  const formattedData: any = []
-  const groupedData: any = {}
-
-  const data = groupingData(rawData, reportMeta)
-  const title = getTitle(reportMeta)
-
-  for (const key in data) {
-    const groupKey = data[key].data[0][title]
-
-    if (!groupedData[groupKey]) {
-      groupedData[groupKey] = { data: [] }
-    }
-
-    groupedData[groupKey].data.push({
-      key: key,
-      value: data[key]
-    })
-  }
-
-  for (const key in groupedData) {
-    formattedData.push([{ content: key, colSpan: 14, styles: { fontStyle: 'bold' } }])
-
-    groupedData[key].data.forEach((item: any) => {
-      const summary = item.value.summary
-
-      formattedData.push([
-        item.key,
-        formatNumber(summary.total_petugas),
-        formatNumber(summary.petugas_pln_mobile_marking),
-        formatNumber(summary.petugas_pln_mobile_nonmarking),
-        formatNumber(summary.petugas_cc123_marking),
-        formatNumber(summary.petugas_cc123_nonmarking),
-        formatNumber(summary.petugas_anomali_marking),
-        formatNumber(summary.petugas_anomali_nonmarking),
-        formatPercentage(summary.persen_pln_mobile_marking),
-        formatPercentage(summary.persen_pln_mobile_non_marking),
-        formatPercentage(summary.persen_cc123_marking),
-        formatPercentage(summary.persen_cc123_nonmarking),
-        formatPercentage(summary.persen_anomali_marking),
-        formatPercentage(summary.persen_anomali_non_marking)
-      ])
-    })
-  }
 
   return formattedData
 }
@@ -192,7 +120,7 @@ const exportToPDF = (reportMeta: any, rawData: any, preview: boolean = false) =>
   const date = new Date().getDate()
   const month = new Date().toLocaleString('id-ID', { month: 'long' })
   const year = new Date().getFullYear()
-  const data = formatData(rawData, reportMeta)
+  const data = formatData(rawData)
   const meta = formatMetaData(reportMeta)
   const doc = new jsPDF({
     orientation: 'landscape'
@@ -482,7 +410,7 @@ const exportToXLSX = (reportMeta: any, e: any) => {
 
 const exportToDOCX = (reportMeta: any, rawData: any) => {
   const meta = formatMetaData(reportMeta)
-  exportToWord(reportMeta, meta, formatData(rawData, reportMeta), reportName)
+  exportToWord(reportMeta, meta, formatData(rawData), reportName)
 }
 
 export { exportToPDF, exportToXLSX, exportToDOCX }

src/report/Keluhan/Rekap/RKeluhan_ALL.ts

@@ -12,125 +12,80 @@ const reportName = 'Rekapitulasi Keluhan All'
 const fontSize = 5
 const detailFontSize = 5
 
-const groupingData = (data: any, reportMeta: any) => {
+const getGroupParent = (reportMeta: any) => {
-  const groupedData: any = {}
+  if (reportMeta.ulp.id != 0) {
-
+    return {
-  const reportMetaMapping: any = {
+      parent: reportMeta.up3.name,
-    ulp: 'nama_ulp',
+      summaryName: reportMeta.ulp.name,
-    uid: 'nama_up3',
+      summaryKey: 'nama_ulp'
-    default: 'nama_uid'
+    }
   }
 
-  let key = 'nama_uid'
+  if (reportMeta.up3.id != 0) {
-  for (const prop in reportMetaMapping) {
+    return {
-    if (reportMeta[prop] && reportMeta[prop].id != 0) {
+      parent: reportMeta.uid.name,
-      key = reportMetaMapping[prop]
+      summaryName: reportMeta.up3.name,
-      break
+      summaryKey: 'nama_up3'
+    }
+  }
+
+  if (reportMeta.uid.id != 0) {
+    return {
+      parent: 'regional',
+      summaryName: reportMeta.uid.name,
+      summaryKey: 'nama_uid'
+    }
+  }
+
+  return ''
+}
+
+const groupingData = (data: any, reportMeta: any) => {
+  const groupedData: any = {}
+  const groupParent = getGroupParent(reportMeta)
+
+  if (groupParent === '') {
+    return {
+      data,
+      parent: '',
+      summaryName: ''
     }
   }
 
   data.forEach((item: any) => {
-    const groupKey = item[key]
+    const group = item[groupParent.summaryKey]
 
-    if (!groupedData[groupKey]) {
+    if (!groupedData[group]) {
-      groupedData[groupKey] = { data: [] }
+      groupedData[group] = []
     }
 
-    groupedData[groupKey].data.push(item)
+    groupedData[group].push(item)
   })
 
-  for (const key in groupedData) {
+  return {
-    const data = groupedData[key].data
+    data: groupedData,
-
+    parent: groupParent.parent,
-    data.forEach((item: any) => {
+    summaryName: groupParent.summaryName
-      if (!groupedData[key].summary) {
-        groupedData[key].summary = {
-          total: 0,
-          total_selesai: 0,
-          total_inproses: 0,
-          avg_durasi_response: [],
-          max_durasi_response: [],
-          min_durasi_response: [],
-          total_diatas_sla_response: 0,
-          total_dibawah_sla_response: 0,
-          avg_durasi_recovery: [],
-          max_durasi_recovery: [],
-          min_durasi_recovery: [],
-          total_diatas_sla_recovery: 0,
-          total_dibawah_sla_recovery: 0
-        }
-      }
-
-      groupedData[key].summary.total += item.total
-      groupedData[key].summary.total_selesai += item.total_selesai
-      groupedData[key].summary.total_inproses += item.total_inproses
-      groupedData[key].summary.avg_durasi_response.push(item.avg_durasi_response)
-      groupedData[key].summary.max_durasi_response.push(item.max_durasi_response)
-      groupedData[key].summary.min_durasi_response.push(item.min_durasi_response)
-      groupedData[key].summary.total_diatas_sla_response += item.total_diatas_sla_response
-      groupedData[key].summary.total_dibawah_sla_response += item.total_dibawah_sla_response
-      groupedData[key].summary.avg_durasi_recovery.push(item.avg_durasi_recovery)
-      groupedData[key].summary.max_durasi_recovery.push(item.max_durasi_recovery)
-      groupedData[key].summary.min_durasi_recovery.push(item.min_durasi_recovery)
-      groupedData[key].summary.total_diatas_sla_recovery += item.total_diatas_sla_recovery
-      groupedData[key].summary.total_dibawah_sla_recovery += item.total_dibawah_sla_recovery
-    })
-
-    groupedData[key].summary.persen_selesai =
-      groupedData[key].summary.total_selesai != groupedData[key].summary.total
-        ? (groupedData[key].summary.total_selesai / groupedData[key].summary.total) * 100
-        : 100
-
-    groupedData[key].summary.persen_inproses =
-      groupedData[key].summary.total_inproses != groupedData[key].summary.total
-        ? (groupedData[key].summary.total_inproses / groupedData[key].summary.total) * 100
-        : 0
-
-    groupedData[key].summary.avg_durasi_response = groupedData[key].summary.avg_durasi_response
-      .length
-      ? groupedData[key].summary.avg_durasi_response.reduce((a: any, b: any) => a + b) /
-        groupedData[key].summary.avg_durasi_response.length
-      : 0
-
-    groupedData[key].summary.max_durasi_response = Math.max(
-      ...groupedData[key].summary.max_durasi_response
-    )
-    groupedData[key].summary.min_durasi_response = Math.min(
-      ...groupedData[key].summary.min_durasi_response
-    )
-
-    groupedData[key].summary.avg_durasi_recovery = groupedData[key].summary.avg_durasi_recovery
-      .length
-      ? groupedData[key].summary.avg_durasi_recovery.reduce((a: any, b: any) => a + b) /
-        groupedData[key].summary.avg_durasi_recovery.length
-      : 0
-
-    groupedData[key].summary.max_durasi_recovery = Math.max(
-      ...groupedData[key].summary.max_durasi_recovery
-    )
-    groupedData[key].summary.min_durasi_recovery = Math.min(
-      ...groupedData[key].summary.min_durasi_recovery
-    )
   }
-
-  return groupedData
-}
-
-const getTitle = (reportMeta: any) => {
-  if (reportMeta.ulp.id != 0) {
-    return 'nama_ulp'
-  }
-
-  if (reportMeta.uid.id != 0) {
-    return 'nama_uid'
-  }
-
-  return 'nama_regional'
 }
 
 const formatData = (rawData: any, reportMeta: any) => {
+  const tempData = groupingData(rawData, reportMeta)
+  // const data = tempData.data[tempData.summaryName] || tempData.data
+  const data = tempData.data[tempData.summaryName]
   const formattedData: any = []
-  const groupedData: any = {}
+  console.table('data', data)
+
+  let parentName = ''
+  let summaryName = tempData.summaryName ? tempData.summaryName : 'Seluruh Unit'
+
+  if (tempData.parent === '') {
+    parentName = 'Seluruh Distribusi'
+  } else if (tempData.parent === 'regional') {
+    parentName = tempData.data[tempData.summaryName][0].nama_regional
+  } else {
+    parentName = tempData.summaryName
+  }
 
   const total: any = {
     total: 0,
@@ -148,97 +103,59 @@ const formatData = (rawData: any, reportMeta: any) => {
     total_dibawah_sla_recovery: 0
   }
 
-  const data = groupingData(rawData, reportMeta)
+  data.forEach((item: any) => {
-  const title = getTitle(reportMeta)
+    total.total += item.total
+    total.total_selesai += item.total_selesai
+    total.total_inproses += item.total_inproses
+    total.avg_durasi_response.push(item.avg_durasi_response)
+    total.max_durasi_response.push(item.max_durasi_response)
+    total.min_durasi_response.push(item.min_durasi_response)
+    total.total_diatas_sla_response += item.total_diatas_sla_response
+    total.total_dibawah_sla_response += item.total_dibawah_sla_response
+    total.avg_durasi_recovery.push(item.avg_durasi_recovery)
+    total.max_durasi_recovery.push(item.max_durasi_recovery)
+    total.min_durasi_recovery.push(item.min_durasi_recovery)
+    total.total_diatas_sla_recovery += item.total_diatas_sla_recovery
+    total.total_dibawah_sla_recovery += item.total_dibawah_sla_recovery
+  })
 
-  for (const key in data) {
+  const persenSelesai =
-    const groupKey = data[key].data[0][title]
+    total.total_selesai != total.total ? (total.total_selesai / total.total) * 100 : 100
+  const persenInproses =
+    total.total_inproses != total.total ? (total.total_inproses / total.total) * 100 : 0
 
-    if (!groupedData[groupKey]) {
+  formattedData.push([{ content: parentName, colSpan: 17, styles: { fontStyle: 'bold' } }])
-      groupedData[groupKey] = { data: [] }
-    }
 
-    groupedData[groupKey].data.push({
+  const result = [
-      key: key,
+    formatNumber(total.total),
-      value: data[key]
+    formatNumber(total.total_selesai),
-    })
+    formatPercentage(persenSelesai),
-  }
+    formatNumber(total.total_inproses),
+    formatPercentage(persenInproses),
+    formatNumber(
+      total.avg_durasi_response.length
+        ? total.avg_durasi_response.reduce((a: any, b: any) => a + b) /
+            total.avg_durasi_response.length
+        : 0
+    ),
+    formatWaktu(Math.max(...total.max_durasi_response)),
+    formatWaktu(Math.min(...total.min_durasi_response)),
+    formatNumber(total.total_diatas_sla_response),
+    formatNumber(total.total_dibawah_sla_response),
+    formatNumber(
+      total.avg_durasi_recovery.length
+        ? total.avg_durasi_recovery.reduce((a: any, b: any) => a + b) /
+            total.avg_durasi_recovery.length
+        : 0
+    ),
+    formatWaktu(Math.max(...total.max_durasi_recovery)),
+    formatWaktu(Math.min(...total.min_durasi_recovery)),
+    formatNumber(total.total_diatas_sla_recovery),
+    formatNumber(total.total_dibawah_sla_recovery)
+  ]
 
-  for (const key in groupedData) {
+  formattedData.push([{ content: '1', styles: { halign: 'right' } }, summaryName, ...result])
-    formattedData.push([{ content: key, colSpan: 17, styles: { fontStyle: 'bold' } }])
+  formattedData.push([{ content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } }, ...result])
-
-    groupedData[key].data.forEach((item: any, index: any) => {
-      const summary = item.value.summary
-
-      formattedData.push([
-        { content: index + 1, styles: { halign: 'right' } },
-        item.key,
-        formatNumber(summary.total),
-        formatNumber(summary.total_selesai),
-        formatPercentage(summary.persen_selesai),
-        formatNumber(summary.total_inproses),
-        formatPercentage(summary.persen_inproses),
-        formatNumber(summary.avg_durasi_response),
-        formatWaktu(summary.max_durasi_response),
-        formatWaktu(summary.min_durasi_response),
-        formatNumber(summary.total_diatas_sla_response),
-        formatNumber(summary.total_dibawah_sla_response),
-        formatNumber(summary.avg_durasi_recovery),
-        formatWaktu(summary.max_durasi_recovery),
-        formatWaktu(summary.min_durasi_recovery),
-        formatNumber(summary.total_diatas_sla_recovery),
-        formatNumber(summary.total_dibawah_sla_recovery)
-      ])
-
-      total.total += summary.total
-      total.total_selesai += summary.total_selesai
-      total.total_inproses += summary.total_inproses
-      total.avg_durasi_response.push(summary.avg_durasi_response)
-      total.max_durasi_response.push(summary.max_durasi_response)
-      total.min_durasi_response.push(summary.min_durasi_response)
-      total.total_diatas_sla_response += summary.total_diatas_sla_response
-      total.total_dibawah_sla_response += summary.total_dibawah_sla_response
-      total.avg_durasi_recovery.push(summary.avg_durasi_recovery)
-      total.max_durasi_recovery.push(summary.max_durasi_recovery)
-      total.min_durasi_recovery.push(summary.min_durasi_recovery)
-      total.total_diatas_sla_recovery += summary.total_diatas_sla_recovery
-      total.total_dibawah_sla_recovery += summary.total_dibawah_sla_recovery
-    })
-
-    const persenSelesai =
-      total.total_selesai != total.total ? (total.total_selesai / total.total) * 100 : 100
-    const persenInproses =
-      total.total_inproses != total.total ? (total.total_inproses / total.total) * 100 : 0
-
-    formattedData.push([
-      { content: 'TOTAL', colSpan: 2, styles: { fontStyle: 'bold' } },
-      formatNumber(total.total),
-      formatNumber(total.total_selesai),
-      formatPercentage(persenSelesai),
-      formatNumber(total.total_inproses),
-      formatPercentage(persenInproses),
-      formatNumber(
-        total.avg_durasi_response.length
-          ? total.avg_durasi_response.reduce((a: any, b: any) => a + b) /
-              total.avg_durasi_response.length
-          : 0
-      ),
-      formatWaktu(Math.max(...total.max_durasi_response)),
-      formatWaktu(Math.min(...total.min_durasi_response)),
-      formatNumber(total.total_diatas_sla_response),
-      formatNumber(total.total_dibawah_sla_response),
-      formatNumber(
-        total.avg_durasi_recovery.length
-          ? total.avg_durasi_recovery.reduce((a: any, b: any) => a + b) /
-              total.avg_durasi_recovery.length
-          : 0
-      ),
-      formatWaktu(Math.max(...total.max_durasi_recovery)),
-      formatWaktu(Math.min(...total.min_durasi_recovery)),
-      formatNumber(total.total_diatas_sla_recovery),
-      formatNumber(total.total_dibawah_sla_recovery)
-    ])
-  }
 
   return formattedData
 }

src/utils/api/api.graphql.ts

@@ -4475,8 +4475,8 @@ export const queries = {
             nama_up3
             id_ulp
             nama_ulp
-            nama_regional
             total_petugas
+
             petugas_pln_mobile_marking
             petugas_pln_mobile_nonmarking
             petugas_cc123_marking
@@ -4487,6 +4487,7 @@ export const queries = {
             persen_pln_mobile_nonmarking
             persen_cc123_marking
             persen_cc123_nonmarking
+
             persen_anomali_marking
             persen_anomali_non_marking
           }
@@ -4604,7 +4605,6 @@ export const queries = {
             nama_up3
             id_ulp
             nama_ulp
-            nama_regional
             total_petugas
             petugas_pln_mobile_marking
             petugas_pln_mobile_nonmarking
@@ -4730,7 +4730,6 @@ export const queries = {
             nama_up3
             id_ulp
             nama_ulp
-            nama_regional
             total_petugas
             petugas_pln_mobile_marking
             petugas_pln_mobile_nonmarking