Infra-Mirrors/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-10-01 01:25:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added more options for confirm modal

Browse Source 
The ability to set the title of the modal has been added, as well as
custom callbacks for the no option.

Signed-off-by: Matthew Nickson <mnickson@sidingsmedia.com>
This commit is contained in:
Matthew Nickson 2023-02-14 18:23:51 +00:00
parent 66d5408aad
commit 0d6a8b2101
No known key found for this signature in database
GPG Key ID: BF229DCFD4748E05
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Confirm.vue
View File

@ -4,7 +4,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 id="exampleModalLabel" class="modal-title"> <h5 id="exampleModalLabel" class="modal-title">
{{ $t("Confirm") }} {{ title || $t("Confirm") }}
</h5> </h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" /> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
</div> </div>
@ -15,7 +15,7 @@
<button type="button" class="btn" :class="btnStyle" data-bs-dismiss="modal" @click="yes"> <button type="button" class="btn" :class="btnStyle" data-bs-dismiss="modal" @click="yes">
{{ yesText }} {{ yesText }}
</button> </button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="no">
{{ noText }} {{ noText }}
</button> </button>
</div> </div>
@ -44,8 +44,13 @@ export default {
type: String, type: String,
default: "No", default: "No",
}, },
/** Title to show on modal. Defaults to translated version of "Config" */
title: {
type: String,
default: null,
}
}, },
emits: [ "yes" ], emits: [ "yes", "no" ],
data: () => ({ data: () => ({
modal: null, modal: null,
}), }),
@ -63,6 +68,12 @@ export default {
yes() { yes() {
this.$emit("yes"); this.$emit("yes");
}, },
/**
* @emits string "no" Notify the parent when No is pressed
*/
no() {
this.$emit("no");
}
}, },
}; };
</script> </script>