Initialize multifxn button on passkey btn

craftcms · Aug 20, 2024 · 556e652 · 556e652
1 parent f7afc10
commit 556e652
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/web/assets/cp/dist/cp.js b/src/web/assets/cp/dist/cp.js
diff --git a/src/web/assets/cp/dist/cp.js.map b/src/web/assets/cp/dist/cp.js.map
diff --git a/src/web/assets/cp/src/js/LoginForm.js b/src/web/assets/cp/src/js/LoginForm.js
@@ -20,6 +20,7 @@ Craft.LoginForm = Garnish.Base.extend(
     $errors: null,
     $altMethodContainer: null,
     $passkeyBtn: null,
+    passkeyBtn: null,
 
     modal: null,
     resetPasswordForm: null,
@@ -47,6 +48,7 @@ Craft.LoginForm = Garnish.Base.extend(
       this.submitBtn = new Garnish.MultiFunctionBtn(this.$submitBtn, {
         changeButtonText: true,
       });
+      this.passkeyBtn = new Garnish.MultiFunctionBtn(this.$passkeyBtn);
 
       this.$spinner = document.createElement('craft-spinner');
       this.$spinner.setAttribute('visible', false);
@@ -319,7 +321,7 @@ Craft.LoginForm = Garnish.Base.extend(
         return;
       }
 
-      this.$passkeyBtn.addClass('loading');
+      this.passkeyBtn.busyEvent();
 
       try {
         const optionsResponse = await Craft.sendActionRequest(
@@ -340,14 +342,18 @@ Craft.LoginForm = Garnish.Base.extend(
           }
         );
 
+        this.passkeyBtn.successEvent();
         this.settings.onLogin(loginResponse.data.returnUrl);
       } catch (e) {
         const message = e?.response?.data?.message;
+
+        this.passkeyBtn.failureEvent();
+
         if (message) {
           this.showError(message);
         }
       } finally {
-        this.$passkeyBtn.removeClass('loading');
+        this.passkeyBtn.endBusyState();
       }
     },
   },