From 07d1a397477ea790fefbd976291d272deb37e76a Mon Sep 17 00:00:00 2001
From: Ricky Kenendy <13516105@std.stei.itb.ac.id>
Date: Thu, 25 Apr 2019 21:07:54 +0700
Subject: [PATCH] finished pengaturan admin

---
 src/components/partials/TableBudget.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/partials/TableBudget.vue b/src/components/partials/TableBudget.vue
index c55eff5..3693398 100644
--- a/src/components/partials/TableBudget.vue
+++ b/src/components/partials/TableBudget.vue
@@ -58,7 +58,7 @@
               Ubah Admin
             </b-button>
             <b-button
-              v-on:click="removeAdmin()"
+              v-on:click="showModal()"
               variant="danger"
               size="sm"
             >
@@ -114,6 +114,22 @@
           ></b-pagination>
       </b-row>
     </b-col>
+    <!-- Modal Component -->
+    <b-modal
+      id="confirmation-modal"
+      centered
+      title="Konfirmasi"
+      v-model="modalVisibility"
+      ok-title="Kosongkan"
+      cancel-title="Batal"
+      ok-variant="danger"
+      @ok="removeAdmin()"
+    >
+      <p align="center" class="my-4">
+        Apakah Anda yakin ingin mengosongkan Admin?<br>
+        <b>Tindakan ini tidak dapat diurungkan.</b>
+      </p>
+    </b-modal>
   </b-container>
 </template>
 
@@ -140,6 +156,7 @@ export default {
         { value: '3', text: 'Ricky Kennedy' }
       ],
       selected : 0,
+      modalVisibility : false
     }
   },
   computed: {
@@ -188,6 +205,9 @@ export default {
     },
     seeDetail : function(row) {
       this.$emit('changeActivity',row.item.id);
+    },
+    showModal : function() {
+      this.modalVisibility = true;
     }
       
   },
-- 
GitLab