MontoyaTech/ignite-html-bootstrap
MontoyaTech/ignite-html-bootstrap
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added ability to disable backdrop close feature for modals.

Browse Source
This commit is contained in:
Matt Mo 2020-10-20 13:15:19 -07:00
parent 81f13416ae
commit 24906572d7
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
modal.js
View File

@ -10,24 +10,32 @@ class Modal extends IgniteElement {
return {
dialogClasses: null,
modal: null,
modalInstance: null
modalInstance: null,
backdropClose: true
};
}
render() {
return this.template.child(
new div().class("modal").ref(this.modal).child(
new div().class("modal-dialog").class(this.dialogClasses).child(
new div().class("modal-content").child(
new slot(this)
)
new div()
.class("modal")
.data("backdrop", this.backdropClose, (value) => !value ? "static" : null)
.ref(this.modal)
.child(
new div()
.class("modal-dialog")
.class(this.dialogClasses)
.child(
new div().class("modal-content").child(
new slot(this)
)
)
)
)
)
}
ready() {
this.modalInstance = new bootstrap.Modal(this.modal);
this.modalInstance = new bootstrap.Modal(this.modal, { backdrop: this.backdropClose ? "true" : "static" });
}
show() {