From d3fc2f308fce8a0033647482549ae93308f40b2f Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Thu, 20 Jul 2023 10:58:13 -0700
Subject: [PATCH] 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.

---
 yes-no-dialog.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/yes-no-dialog.js b/yes-no-dialog.js
index 16d4be6..94698dd 100644
--- a/yes-no-dialog.js
+++ b/yes-no-dialog.js
@@ -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())
                             )