aboutsummaryrefslogtreecommitdiff
path: root/src/components/confirm_modal/confirm_modal.vue
diff options
context:
space:
mode:
authorTusooa Zhu <tusooa@kazv.moe>2022-02-09 15:50:25 -0500
committertusooa <tusooa@kazv.moe>2023-01-20 23:39:08 -0500
commit0684f19d1b903a7d941aa7cfa366044b98d97659 (patch)
treede874ccf55d287e29036c82ab7b423ddb49dbd23 /src/components/confirm_modal/confirm_modal.vue
parenta0b886459bf5e146b8b7654d97ba8838bfac29de (diff)
Add ConfirmModal comp
Diffstat (limited to 'src/components/confirm_modal/confirm_modal.vue')
-rw-r--r--src/components/confirm_modal/confirm_modal.vue28
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/confirm_modal/confirm_modal.vue b/src/components/confirm_modal/confirm_modal.vue
new file mode 100644
index 00000000..250a6984
--- /dev/null
+++ b/src/components/confirm_modal/confirm_modal.vue
@@ -0,0 +1,28 @@
+<template>
+ <dialog-modal
+ v-if="showing"
+ :onCancel="onCancel"
+ >
+ <template v-slot:header>
+ <span v-text="title"></span>
+ </template>
+
+ <slot></slot>
+
+ <template v-slot:footer>
+ <button
+ class="btn button-default"
+ v-text="confirmText"
+ @click.prevent="onAccept"
+ ></button>
+
+ <button
+ class="btn button-default"
+ v-text="cancelText"
+ @click.prevent="onCancel"
+ ></button>
+ </template>
+ </dialog-modal>
+</template>
+
+<script src="./confirm_modal.js"></script>