From 501ca78dd9c68a3031885acef1ddefbf22ab02f9 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 5 Apr 2024 11:01:21 +0700
Subject: [PATCH] Add conditional rendering for Issue and Sub Issue fields

---
 .../MonalisaLB_PenurunanJumlahKomplain.vue    | 56 +++++++++++++++++--
 1 file changed, 51 insertions(+), 5 deletions(-)

diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
index b122a45..6894861 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
@@ -907,23 +907,45 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="parameterRequest.type == 'gangguan'"
             :width="150"
             alignment="center"
-            data-field=""
+            data-field="kode_gangguan"
             caption="Kode Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
             cell-template="formatText"
           />
           <DxColumn
+            v-else
             :width="150"
             alignment="center"
             data-field="nama_issuetype"
+            caption="Issue"
+            :allow-resizing="false"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-if="parameterRequest.type == 'gangguan'"
+            :width="150"
+            alignment="center"
+            data-field="jenis_gangguan"
             caption="Jenis Gangguan"
             :allow-resizing="false"
             css-class="custom-table-column"
             cell-template="formatText"
           />
+          <DxColumn
+            v-else
+            :width="150"
+            alignment="center"
+            data-field="nama_subissuetype"
+            caption="Sub Issue"
+            :allow-resizing="false"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
           <DxColumn
             :width="150"
             alignment="center"
@@ -1060,13 +1082,16 @@
           />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <div
+          class="flex flex-row items-center justify-between w-full"
+          v-if="parameterRequest.type == 'gangguan'"
+        >
           <h3 class="text-sm font-medium w-[135px] text-gray-800">Kode Gangguan:</h3>
-          <InputText :readonly="true" value="" class-name="flex-1" />
+          <InputText :readonly="true" :value="dataSubSelected?.kode_gangguan" 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">Jenis Gangguan:</h3>
+        <div class="flex flex-row items-center justify-between w-full" v-else>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Issue:</h3>
           <InputText
             :readonly="true"
             :value="dataSubSelected?.nama_issuetype"
@@ -1074,6 +1099,27 @@
           />
         </div>
 
+        <div
+          class="flex flex-row items-center justify-between w-full"
+          v-if="parameterRequest.type == 'gangguan'"
+        >
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Jenis Gangguan:</h3>
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.jenis_gangguan"
+            class-name="flex-1"
+          />
+        </div>
+
+        <div class="flex flex-row items-center justify-between w-full" v-else>
+          <h3 class="text-sm font-medium w-[135px] text-gray-800">Sub Issue:</h3>
+          <InputText
+            :readonly="true"
+            :value="dataSubSelected?.nama_subissuetype"
+            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">Durasi Response Time:</h3>
           <InputText