Refactor labels and placeholders in Type13.vue and Type9.vue components

src/components/Form/FiltersType/Type13.vue

@@ -96,7 +96,7 @@ onMounted(() => {
         {{
           uid.id != 0
             ? up3.id != 0
-              ? 'Unit Layanan Pelanggan'
+              ? 'Unit Layanan Pelanggan/Posko'
               : 'Unit Pelaksanaan Pelayanan Pelanggan'
             : 'Kode Unit Distribusi'
         }}:</label

src/components/Form/FiltersType/Type9.vue

@@ -70,14 +70,23 @@ onMounted(() => {
     <div class="flex flex-col flex-1 space-y-2">
       <label class="filter-input-label">Unit Pelaksanaan Pelayanan Pelanggan:</label>
 
-      <Select @update:selected="setUp3($event)" :data="itemsUp3" :placeholder="uppPlaceholder" :selected="uppp" />
+      <Select
+        @update:selected="setUp3($event)"
+        :data="itemsUp3"
+        :placeholder="uppPlaceholder"
+        :selected="uppp"
+      />
     </div>
 
     <div class="flex flex-col flex-1 space-y-2">
       <label class="filter-input-label">Posko:</label>
 
-      <Select @update:selected="setPosko($event)" :data="itemsPosko" :placeholder="poskoPlaceholder"
+      <Select
-        :selected="posko" />
+        @update:selected="setPosko($event)"
+        :data="itemsPosko"
+        :placeholder="poskoPlaceholder"
+        :selected="posko"
+      />
     </div>
 
     <div class="flex flex-col flex-1 space-y-2">
@@ -86,14 +95,25 @@ onMounted(() => {
       <DatePicker @update:date-value="(value) => (data.periode = value)" />
     </div>
 
-    <div class="flex flex-col flex-1 space-y-2">
+    <div class="flex flex-col flex-1 space-y-2" v-if="posko.id == 0">
-      <label class="filter-input-label">Group By Kode Unit Distribusi:</label>
+      <label class="filter-input-label"
+        >Group By
+        {{
+          uid.id != 0
+            ? uppp.id != 0
+              ? 'Unit Layanan Pelanggan/Posko'
+              : 'Unit Pelaksanaan Pelayanan Pelanggan'
+            : 'Kode Unit Distribusi'
+        }}:</label
+      >
 
-      <InlineRadioGroup @update:group-value="(value) => (data.groupBy = value.id === 2)" :radio-items="[
+      <InlineRadioGroup
-        { id: 1, title: 'Tidak', checked: true },
+        @update:group-value="(value) => (data.groupBy = value.id === 2)"
-        { id: 2, title: 'Ya, Grupkan' }
+        :radio-items="[
-      ]" />
+          { id: 1, title: 'Tidak', checked: true },
+          { id: 2, title: 'Ya, Grupkan' }
+        ]"
+      />
     </div>
   </div>
-
 </template>

src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue

@@ -1246,8 +1246,8 @@ const filterData = async (params: any) => {
       if (up3.id != 0 || posko.id != 0) {
         grouping.value = [
           {
-            data: 'nama_ulp',
+            data: 'nama_posko',
-            caption: 'ULP'
+            caption: 'Posko'
           }
         ]
       }
@@ -1279,8 +1279,8 @@ const filterData = async (params: any) => {
         if (posko.id != 0) {
           grouping.value = [
             {
-              data: 'nama_ulp',
+              data: 'nama_posko',
-              caption: 'ULP'
+              caption: 'Posko'
             }
           ]
         }
@@ -1310,7 +1310,6 @@ const filterData = async (params: any) => {
   loadingData.value = true
   await requestGraphQl(queries.gangguan.rekap.gangguanPerRegu, query)
     .then((result) => {
-      
       if (result.data.data != undefined) {
         data.value = result.data.data.rekapitulasiGangguanPerRegu
       } else {

src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue

@@ -979,8 +979,8 @@ const filterData = async (params: any) => {
       if (up3.id != 0 || posko.id != 0) {
         grouping.value = [
           {
-            data: 'nama_ulp',
+            data: 'nama_posko',
-            caption: 'ULP'
+            caption: 'Posko'
           }
         ]
       }
@@ -1012,8 +1012,8 @@ const filterData = async (params: any) => {
         if (posko.id != 0) {
           grouping.value = [
             {
-              data: 'nama_ulp',
+              data: 'nama_posko',
-              caption: 'ULP'
+              caption: 'Posko'
             }
           ]
         }