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 { return {
dialogClasses: null, dialogClasses: null,
modal: null, modal: null,
modalInstance: null modalInstance: null,
backdropClose: true
}; };
} }
render() { render() {
return this.template.child( return this.template.child(
new div().class("modal").ref(this.modal).child( new div()
new div().class("modal-dialog").class(this.dialogClasses).child( .class("modal")
new div().class("modal-content").child( .data("backdrop", this.backdropClose, (value) => !value ? "static" : null)
new slot(this) .ref(this.modal)
) .child(
new div()
.class("modal-dialog")
.class(this.dialogClasses)
.child(
new div().class("modal-content").child(
new slot(this)
)
)
) )
)
) )
} }
ready() { ready() {
this.modalInstance = new bootstrap.Modal(this.modal); this.modalInstance = new bootstrap.Modal(this.modal, { backdrop: this.backdropClose ? "true" : "static" });
} }
show() { show() {