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