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

Yes no dialog now allows the changing of the yes button class, no button class and the spinner class. Tweaked the defaults to make it look better by default.

Browse Source
This commit is contained in:
MattMo 2023-07-20 10:58:13 -07:00
parent 5f8ca696c1
commit d3fc2f308f
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
yes-no-dialog.js
View File

@ -13,9 +13,12 @@ class YesNoDialog extends IgniteElement {
title: null,
description: null,
yesButton: "Yes",
yesButtonClass: "btn-primary",
yesCallback: null,
noButton: "No",
noButtonClass: "btn-secondary",
noCallback: null,
spinnerClass: "text-secondary",
modalElement: null,
modal: null,
autoOpen: false
@ -37,9 +40,10 @@ class YesNoDialog extends IgniteElement {
new div().class("d-flex flex-row gap-3 w-100").child(
new button()
.disabled(this.loading)
.class("btn btn-lg btn-secondary flex-1 rounded-pill d-flex flex-row align-items-center justify-content-center")
.class("btn btn-lg flex-1 rounded-pill d-flex flex-row align-items-center justify-content-center")
.class(this.yesButtonClass)
.child(
new div().show(this.loading).class("spinner-border me-2"),
new div().show(this.loading).class("spinner-border me-2").class(this.spinnerClass),
this.yesButton
)
@ -47,7 +51,8 @@ class YesNoDialog extends IgniteElement {
new button()
.disabled(this.loading)
.class("btn btn-lg btn-primary rounded-pill flex-1")
.class("btn btn-lg rounded-pill flex-1")
.class(this.noButtonClass)
.child(this.noButton)
.onClick(() => this.no())
)