Update version.json and fix conditional rendering issue in Anomali_LAPPGP_LPP.vue

package.json

@@ -1 +1 @@
-{"name":"eis","version":"0.0.152-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"},"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.153-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"},"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.152-vm"}
+{"version":"0.0.153-vm"}

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP_LPP.vue

@@ -577,6 +577,7 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
             data-field="status_induk"
@@ -593,6 +594,7 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
             data-field="referensi_marking_induk"
@@ -859,7 +861,10 @@
           <InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <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">Status Induk:</h3>
           <InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
         </div>
@@ -873,7 +878,10 @@
           />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <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">Referensi Marking Induk:</h3>
           <InputText
             :readonly="true"

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGU_LPT.vue

@@ -613,6 +613,16 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
+            :width="150"
+            alignment="center"
+            data-field="no_laporan_anomali"
+            caption="No Laporan"
+            css-class="custom-table-column"
+            cell-template="formatText"
+          />
+          <DxColumn
+            v-else
             :width="150"
             alignment="center"
             data-field="no_laporan"
@@ -724,7 +734,7 @@
             :width="150"
             alignment="center"
             data-field="dispatch_by"
-            caption="Dispacth Oleh"
+            caption="Dispatch Oleh"
             css-class="custom-table-column"
             cell-template="formatText"
           />
@@ -793,6 +803,7 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
             data-field="status_induk"
@@ -801,6 +812,7 @@
             cell-template="formatText"
           />
           <DxColumn
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
             :width="150"
             alignment="center"
             data-field="referensi_marking_induk"
@@ -880,7 +892,18 @@
 
         <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" />
+          <InputText
+            v-if="filters.jenisLaporan.name == 'Laporan Berulang Unit'"
+            :readonly="true"
+            :value="dataSubSelected?.no_laporan_anomali"
+            class-name="flex-1"
+          />
+          <InputText
+            v-else
+            :readonly="true"
+            :value="dataSubSelected?.no_laporan"
+            class-name="flex-1"
+          />
         </div>
 
         <div
@@ -1062,12 +1085,18 @@
           <InputText :readonly="true" :value="dataSubSelected?.status_akhir" class-name="flex-1" />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <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">Status Induk:</h3>
           <InputText :readonly="true" :value="dataSubSelected?.status_induk" class-name="flex-1" />
         </div>
 
-        <div class="flex flex-row items-center justify-between w-full">
+        <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">Referensi Marking Induk:</h3>
           <InputText
             :readonly="true"

src/components/Pages/PencarianData/PencarianData.vue

@@ -211,6 +211,16 @@
         <InputText :readonly="true" :value="dataSelected?.alamat_pelapor" class-name="flex-1" />
       </div>
 
+      <div class="flex flex-row items-center justify-between w-full">
+        <h3 class="text-sm font-medium w-[170px] text-gray-800">No Telp Pelapor:</h3>
+        <InputText :readonly="true" :value="dataSelected?.no_telp_pelapor" class-name="flex-1" />
+      </div>
+
+      <div class="flex flex-row items-center justify-between w-full">
+        <h3 class="text-sm font-medium w-[170px] text-gray-800">Keterangan Pelapor:</h3>
+        <InputText :readonly="true" :value="dataSelected?.keterangan_pelapor" class-name="flex-1" />
+      </div>
+
       <div class="flex flex-row items-center justify-between w-full">
         <h3 class="text-sm font-medium w-[170px] text-gray-800">Status:</h3>
         <InputText :readonly="true" :value="dataSelected?.status_akhir" class-name="flex-1" />
@@ -245,14 +255,13 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.vue'
 import {
   DxColumn,
   DxExport,
-  DxLoadPanel,
   DxPager,
   DxPaging,
   DxSearchPanel,
@@ -260,7 +269,6 @@ import {
 } from 'devextreme-vue/data-grid'
 import { Type15 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
-import { useQuery } from '@vue/apollo-composable'
 import { queries, requestGraphQl } from '@/utils/api/api.graphql'
 import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { formatNumber, formatPercentage, isNumber } from '@/utils/numbers'

src/utils/api/api.graphql.ts

@@ -4206,7 +4206,6 @@ export const queries = {
             nama_ulp
             no_laporan
             referensi_marking
-            referensi_marking_induk
             waktu_lapor
             waktu_response
             waktu_recovery
@@ -4224,7 +4223,6 @@ export const queries = {
             media
             diselesaikan_oleh
             status_akhir
-            status_induk
             kode_gangguan
             jenis_gangguan
             penyebab
@@ -4306,7 +4304,6 @@ export const queries = {
             nama_ulp
             no_laporan
             referensi_marking
-            referensi_marking_induk
             waktu_lapor
             waktu_response
             waktu_recovery
@@ -4324,7 +4321,6 @@ export const queries = {
             media
             diselesaikan_oleh
             status_akhir
-            status_induk
             kode_gangguan
             jenis_gangguan
             penyebab
@@ -4407,6 +4403,7 @@ export const queries = {
             id_ulp
             nama_ulp
             no_laporan
+            no_laporan_referensi
             referensi_marking
             waktu_lapor
             waktu_response