Changes submit button to use umb-button directive.

src/Umbraco.Web.UI.Client/src/views/common/dialogs/login.controller.js

@@ -9,6 +9,9 @@
             passwordPolicies: null,
             passwordPolicyText: ""
         }
+        $scope.loginStates = {
+            submitButton: "init"
+        }
         $scope.avatarFile = {
             filesHolder: null,
             uploadStatus: null,
@@ -272,10 +275,11 @@
                 return;
             }
 
-
+            $scope.loginStates.submitButton = "busy";
 
             userService.authenticate(login, password)
                 .then(function (data) {
+                    $scope.loginStates.submitButton = "success";
                     $scope.submit(true);
                 },
                 function (reason) {
@@ -286,6 +290,7 @@
                         show2FALoginDialog(reason.data.twoFactorView, $scope.submit);
                     }
                     else {
+                        $scope.loginStates.submitButton = "error";
                         $scope.errorMsg = reason.errorMsg;
 
                         //set the form inputs to invalid

src/Umbraco.Web.UI.Client/src/views/common/dialogs/login.html

@@ -155,7 +155,12 @@
                         </div>
 
                         <div class="flex justify-between items-center">
-                            <button type="submit" class="btn btn-success" val-trigger-change="#login .form input"><localize key="general_login">Login</localize></button>
+                            <umb-button button-style="success"
+                                        disabled="loginForm.$invalid"
+                                        label-key="general_login"
+                                        state="loginStates.submitButton"
+                                        type="submit">
+                            </umb-button>
                             <div ng-show="allowPasswordReset">
                                 <a class="muted" style="text-decoration: underline;" href="#" prevent-default ng-click="showRequestPasswordReset()"><localize key="login_forgottenPassword">Forgotten password?</localize></a>
                             </div>