From 1f2c9e910995791238e2e33a0efa2a1496fb192e Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Sun, 28 Apr 2024 21:17:23 +0700
Subject: [PATCH] Refactor API queries in api.graphql.ts and update component
 in Anomali_LAPPGU_LPT.vue

---
 .../Anomali/Gangguan/Anomali_LAPPGP_LPP.vue   | 77 ++++++++++++++++---
 .../Anomali/Gangguan/Anomali_LAPPGU_LPT.vue   | 64 ++++++++++++++-
 src/utils/api/api.graphql.ts                  |  4 +-
 3 files changed, 131 insertions(+), 14 deletions(-)

diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
index 8bd9f7f..f3c4965 100755
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue
@@ -316,7 +316,7 @@
 
   <DetailDialog
     :open="dialogDetail"
-    title="Daftar Detail Anomali Penanganan Pengaduan Berulang Petugas"
+    :title="`Daftar Detail Anomali Penanganan Pengaduan Berulang Petugas ${filters.jenisLaporan.name}`"
     @on-close="closedialogDetail"
     :full-width="true"
   >
@@ -391,7 +391,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="nama_petugas"
             caption="Nama Petugas"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -405,9 +405,36 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="rating"
+            caption="Rating"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+            :width="150"
+            alignment="center"
+            data-field="feedback"
+            caption="Feedback"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+            :width="150"
+            alignment="center"
+            data-field="ulasan"
+            caption="Ulasan"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            :width="150"
+            alignment="center"
+            data-field="no_laporan_referensi"
             caption="No Laporan Referensi"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -551,7 +578,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="status_induk"
             caption="Status Induk"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -567,7 +594,7 @@
           <DxColumn
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="referensi_marking_induk"
             caption="Referensi Marking Induk"
             css-class="custom-table-column"
             cell-template="formatText"
@@ -644,7 +671,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Nama Petugas:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.nama_petugas" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -652,9 +679,37 @@
           <InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
         </div>
 
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Rating:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.rating" class-name="flex-1" />
+        </div>
+
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Feedback:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.feedback" class-name="flex-1" />
+        </div>
+
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Ulasan:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.ulasan" class-name="flex-1" />
+        </div>
+
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.no_laporan_referensi"
+            class-name="flex-1"
+          />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -802,7 +857,7 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Status Induk:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
@@ -816,7 +871,11 @@
 
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Referensi Marking Induk:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.referensi_marking_induk"
+            class-name="flex-1"
+          />
         </div>
 
         <div class="flex flex-row items-center justify-between w-full">
diff --git a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
index 0752c97..754106d 100755
--- a/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
+++ b/src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue
@@ -540,7 +540,7 @@
 
   <DetailDialog
     :open="dialogDetail"
-    title="Daftar Detail Anomali Penanganan Pengaduan"
+    :title="`Daftar Detail Anomali Penanganan Pengaduan ${filters.jenisLaporan.name}`"
     @on-close="closedialogDetail"
     :full-width="true"
   >
@@ -620,6 +620,33 @@
             css-class="custom-table-column"
             cell-template="formatText"
           />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+            :width="150"
+            alignment="center"
+            data-field="rating"
+            caption="Rating"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+            :width="150"
+            alignment="center"
+            data-field="feedback"
+            caption="Feedback"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+            :width="150"
+            alignment="center"
+            data-field="ulasan"
+            caption="Ulasan"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
           <DxColumn
             :width="150"
             alignment="center"
@@ -627,6 +654,7 @@
             caption="No Laporan Referensi"
             css-class="custom-table-column"
             cell-template="formatText"
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
           />
           <DxColumn
             :width="150"
@@ -845,12 +873,44 @@
           <InputText :readonly="true" :value="dataSubSelected?.nama_up3" class-name="flex-1" />
         </div>
 
+        <div class="flex flex-row items-center justify-between w-full">
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Rayon:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.nama_ulp" class-name="flex-1" />
+        </div>
+
         <div class="flex flex-row items-center justify-between w-full">
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan:</h3>
           <InputText :readonly="true" :value="dataSubSelected?.no_laporan" class-name="flex-1" />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Rating:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.rating" class-name="flex-1" />
+        </div>
+
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Feedback:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.feedback" class-name="flex-1" />
+        </div>
+
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Rating Negatif'"
+          class="flex flex-row items-center justify-between w-full"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Ulasan:</h3>
+          <InputText :readonly="true" :value="dataSubSelected?.ulasan" class-name="flex-1" />
+        </div>
+
+        <div
+          v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
+          class="flex flex-row items-center justify-between w-full"
+        >
           <h3 class="text-sm font-medium w-[135px] text-gray-800">No Laporan Referensi:</h3>
           <InputText
             :readonly="true"
diff --git a/src/utils/api/api.graphql.ts b/src/utils/api/api.graphql.ts
index c4f15b2..bbeb89d 100755
--- a/src/utils/api/api.graphql.ts
+++ b/src/utils/api/api.graphql.ts
@@ -4103,7 +4103,7 @@ export const queries = {
             nama_up3
             id_ulp
             nama_ulp
-            no_laporan
+            no_laporan_anomali
             no_laporan_referensi
             referensi_marking
             referensi_marking_induk
@@ -4205,7 +4205,6 @@ export const queries = {
             id_ulp
             nama_ulp
             no_laporan
-            no_laporan_referensi
             referensi_marking
             referensi_marking_induk
             waktu_lapor
@@ -4306,7 +4305,6 @@ export const queries = {
             id_ulp
             nama_ulp
             no_laporan
-            no_laporan_referensi
             referensi_marking
             referensi_marking_induk
             waktu_lapor