From e382cbacc0d9219385bfae75581c3c8a786e0843 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Wed, 8 Nov 2023 15:52:58 +0700
Subject: [PATCH] Add dummy data generator to Table_11.vue

---
 src/components/Pages/Gangguan/Table_11.vue | 189 ++++++++-------------
 1 file changed, 72 insertions(+), 117 deletions(-)

diff --git a/src/components/Pages/Gangguan/Table_11.vue b/src/components/Pages/Gangguan/Table_11.vue
index 388acc2..e04cde4 100644
--- a/src/components/Pages/Gangguan/Table_11.vue
+++ b/src/components/Pages/Gangguan/Table_11.vue
@@ -147,7 +147,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useFiltersStore } from '@/stores/filters'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxColumnFixing, DxExport, DxGroupItem, DxLoadPanel, DxPaging, DxScrolling, DxSearchPanel, DxSelection, DxSummary, DxTotalItem } from 'devextreme-vue/data-grid'
@@ -191,125 +191,79 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
     console.log(data)
 }
 
-const data = [
-    {
-        no: 1,
-        posko: 'POSKO CONDET',
-        laporan: {
-            total: 10,
-            sudahSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-            belumSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-        },
-        responseTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
-            },
+const poskoOptions = ['POSKO A', 'POSKO B', 'POSKO C', 'POSKO D', 'POSKO E'];
+
+const createDummy = () => {
+    var dummy = data.value;
+    for (let i = 1; i <= 50; i++) {
+        const randomPosko = poskoOptions[Math.floor(Math.random() * poskoOptions.length)];
+
+        const totalLaporan = Math.floor(Math.random() * 21);
+        const laporanSelesai = Math.floor(Math.random() * (totalLaporan + 1));
+        const laporanBelumSelesai = totalLaporan - laporanSelesai;
+
+        const responseTimeTotal = Math.floor(Math.random() * 31);
+        const responseTimeRataRata = (Math.random() * 21) + 10;
+        const responseTimeMax = responseTimeRataRata + Math.floor(Math.random() * 11);
+        const responseTimeMin = responseTimeRataRata - Math.floor(Math.random() * 11);
+
+        const responseTimeLebihSla = Math.floor(Math.random() * (laporanSelesai + 1));
+        const responseTimeKurangSla = laporanSelesai - responseTimeLebihSla;
+
+        const recoveryTimeTotal = Math.floor(Math.random() * 31);
+        const recoveryTimeRataRata = (Math.random() * 21) + 10;
+        const recoveryTimeMax = recoveryTimeRataRata + Math.floor(Math.random() * 11);
+        const recoveryTimeMin = recoveryTimeRataRata - Math.floor(Math.random() * 11);
+
+        const recoveryTimeLebihSla = Math.floor(Math.random() * (laporanSelesai + 1));
+        const recoveryTimeKurangSla = laporanSelesai - recoveryTimeLebihSla;
+
+        const entry = {
+            no: i,
+            posko: randomPosko,
             laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
+                total: totalLaporan,
+                sudahSelesai: {
+                    jml: laporanSelesai,
+                    persen: (laporanSelesai / totalLaporan) * 100,
+                },
+                belumSelesai: {
+                    jml: laporanBelumSelesai,
+                    persen: (laporanBelumSelesai / totalLaporan) * 100,
+                },
             },
-        },
-        recoveryTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
+            responseTime: {
+                menit: {
+                    total: responseTimeTotal,
+                    rataRata: responseTimeRataRata,
+                    max: responseTimeMax,
+                    min: responseTimeMin,
+                },
+                laporan: {
+                    lebihSla: responseTimeLebihSla,
+                    kurangSla: responseTimeKurangSla,
+                },
             },
-            laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
-            },
-        }
-    },
-    {
-        no: 2,
-        posko: 'POSKO CONDET',
-        laporan: {
-            total: 10,
-            sudahSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-            belumSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-        },
-        responseTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
-            },
-            laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
-            },
-        },
-        recoveryTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
-            },
-            laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
-            },
-        }
-    },
-    {
-        no: 3,
-        posko: 'POSKO ANGKREK',
-        laporan: {
-            total: 10,
-            sudahSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-            belumSelesai: {
-                jml: 5,
-                persen: 50,
-            },
-        },
-        responseTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
-            },
-            laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
-            },
-        },
-        recoveryTime: {
-            menit: {
-                total: 10,
-                rataRata: 10,
-                max: 10,
-                min: 10,
-            },
-            laporan: {
-                lebihSla: 5,
-                kurangSla: 5,
-            },
-        }
-    },
-]
+            recoveryTime: {
+                menit: {
+                    total: recoveryTimeTotal,
+                    rataRata: recoveryTimeRataRata,
+                    max: recoveryTimeMax,
+                    min: recoveryTimeMin,
+                },
+                laporan: {
+                    lebihSla: recoveryTimeLebihSla,
+                    kurangSla: recoveryTimeKurangSla,
+                },
+            }
+        };
+
+        dummy.push(entry);
+    }
+    data.value = dummy;
+}
+
+const data = ref<any[]>([])
 
 onMounted(() => {
     const filters = useFiltersStore()
@@ -318,5 +272,6 @@ onMounted(() => {
         type: 'type-8',
         reportButton: true
     })
+    createDummy()
 })
 </script>
\ No newline at end of file