From 852d038dee8bcd2fc3ca6f0cfb406f19d41cae66 Mon Sep 17 00:00:00 2001
From: hafifierahman <muhdhafifie97@gmail.com>
Date: Thu, 13 Jan 2022 12:23:50 +0800
Subject: [PATCH] fix senaraibajet

---
 resources/js/Bajet/Senaraibajet.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/resources/js/Bajet/Senaraibajet.vue b/resources/js/Bajet/Senaraibajet.vue
index 2e70ba9..a04308a 100644
--- a/resources/js/Bajet/Senaraibajet.vue
+++ b/resources/js/Bajet/Senaraibajet.vue
@@ -31,21 +31,21 @@
                     <div class="w-1/4 grid-rows-4">
                         <p class="m-1" v-for="(bajetdata,a) in bajet[Object.keys(arrayBajet[i])]" :key="a">{{ (4 >= a) ? bajetdata.bulan + ':' : '' }} 
                             <span v-if="4 >= a">
-                                {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ? 'RM ' + formatexchange(bajetdata.nilaibajet) : bajetdata.nilaibajet }}
+                                {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ? 'RM ' + formatexchange(bajetdata.nilaibajet) : parseInt(bajetdata.nilaibajet) }}
                             </span>
                         </p>
                     </div>
                      <div class="w-1/4 grid-rows-4">
                         <p class="m-1" v-for="(bajetdata,a) in bajet[Object.keys(arrayBajet[i])]" :key="a">{{ (a >= 5 && 9 >= a) ? bajetdata.bulan + ':' : ''}} 
                             <span v-if="a >= 5 && 9 >= a">
-                                 {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ?  'RM ' + formatexchange(bajetdata.nilaibajet) : bajetdata.nilaibajet }}
+                                 {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ?  'RM ' + formatexchange(bajetdata.nilaibajet) : parseInt(bajetdata.nilaibajet) }}
                             </span>
                         </p>
                     </div>
                      <div class="w-1/4 grid-rows-4">
                         <p class="m-1" v-for="(bajetdata,a) in bajet[Object.keys(arrayBajet[i])]" :key="a">{{ (a >= 10 && 13 >= a) ? bajetdata.bulan + ':' : '' }} 
                             <span v-if="a >= 10 && 13 >= a">
-                                {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ? 'RM ' + formatexchange(bajetdata.nilaibajet) : bajetdata.nilaibajet }}
+                                {{ String(Object.keys(arrayBajet[i])) == 'Gadai' || String(Object.keys(arrayBajet[i])) == 'Penebusan' || String(Object.keys(arrayBajet[i])) == 'Keuntungan' ? 'RM ' + formatexchange(bajetdata.nilaibajet) : parseInt(bajetdata.nilaibajet) }}
                             </span>
                         </p>
                     </div>
@@ -53,6 +53,13 @@
             </router-link>
             </div>
         </template>
+
+
+    <div v-if="showLoader" class="fixed inset-0 z-30 h-full w-full"  id="loading">
+      <i class="animate-spin fas fa-circle-notch fixed fa-4x m-auto text-yellow-500" style="left:50% !important;top:50% !important;"></i>
+    </div>
+    <div v-if="showLoader" class="opacity-25 fixed inset-0 z-30 bg-black"></div>
+
     </div>
 </template>
 
@@ -70,7 +77,8 @@ export default {
     data(){
         return{
             pilihantahun: 'none',
-            arrayBajet:[]
+            arrayBajet:[],
+            showLoader:false
         }
     },
     methods: {
@@ -81,6 +89,8 @@ export default {
             this.getData()
         },
         getData: function(){
+            this.showLoader = true;
+
             this.axios.get(this.$hostname + '/admin/senaraiBajet',{
             params: {
                 kodcaw: this.$props.kodcaw,
@@ -88,6 +98,7 @@ export default {
             }
             }).then( response => {
                 this.arrayBajet = response.data
+                this.showLoader = false;
                 console.log(this.arrayBajet)
             });
         }