From bbd7b0328828d224e5d243ef8a07038e46320783 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Mon, 8 Apr 2024 20:14:12 +0700
Subject: [PATCH] Refactor grouping logic in RGangguan_PerTanggal.vue

---
 .../Gangguan/Rekap/RGangguan_PerTanggal.vue   | 79 +++++++++++++++++--
 1 file changed, 71 insertions(+), 8 deletions(-)

diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
index 15856cb..b3597c4 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
@@ -49,6 +49,17 @@
         caption="No"
         cell-template="formatNumber"
       />
+      <!-- <DxColumn
+        v-if="grouping.length > 0"
+        v-for="(group, index) in grouping"
+        :width="150"
+        alignment="center"
+        :data-field="group.data"
+        :caption="group.caption"
+        css-class="custom-table-column"
+        cell-template="formatText"
+        :group-index="index"
+      /> -->
       <DxColumn
         :width="120"
         alignment="center"
@@ -862,14 +873,6 @@ const grouping = ref<any[]>([
   {
     data: '',
     caption: 'Seluruh Unit'
-  },
-  {
-    data: 'nama_uid',
-    caption: 'UID'
-  },
-  {
-    data: 'nama_up3',
-    caption: 'UP3'
   }
 ])
 const agreeToShowDialog = ref(false)
@@ -982,6 +985,66 @@ const filterData = async (params: any) => {
   const dateValue = params.periode.split(' s/d ')
   const { posko, uid, up3 } = params
   isGroupBy.value = params.groupBy
+  if (isGroupBy.value) {
+    if (uid.id != 0) {
+      grouping.value = [
+        {
+          data: 'nama_up3',
+          caption: 'UP3'
+        }
+      ]
+
+      if (up3.id != 0 || posko.id != 0) {
+        grouping.value = [
+          {
+            data: 'nama_ulp',
+            caption: 'ULP'
+          }
+        ]
+      }
+    } else {
+      grouping.value = [
+        {
+          data: 'nama_uid',
+          caption: 'UID'
+        }
+      ]
+    }
+  } else {
+    if (uid.id != 0) {
+      grouping.value = [
+        {
+          data: 'nama_uid',
+          caption: 'UID'
+        }
+      ]
+
+      if (up3.id != 0) {
+        grouping.value = [
+          {
+            data: 'nama_up3',
+            caption: 'UP3'
+          }
+        ]
+
+        if (posko.id != 0) {
+          grouping.value = [
+            {
+              data: 'nama_ulp',
+              caption: 'ULP'
+            }
+          ]
+        }
+      }
+    } else {
+      grouping.value = [
+        {
+          data: '',
+          caption: 'Seluruh Unit'
+        }
+      ]
+    }
+  }
 
   const query = {
     dateFrom: dateValue[0]