ui

Author: pantsel

assets/js/app/core/auth/layout.html

@@ -1,7 +1,7 @@
 <div class="row page-login">
     <div class="col-md-12">
 
-        <div class="login-form-container ">
+        <div class="login-form-container">
 
             <div class="panel panel-default no-margin">
                 <div class="panel-heading">

assets/js/app/core/auth/login/login.html

@@ -1,5 +1,4 @@
 <form name="loginForm" method="post" novalidate="novalidate">
-    <br>
     <div class="form-group"
          data-show-errors
     >
@@ -30,7 +29,7 @@
     <div class="form-group">
         <button class="btn btn-primary btn-block"
                 data-ng-click="login()"
-                data-ng-disabled="!loginForm.$valid"
+                data-ng-disabled="!loginForm.$valid || busy"
         >
             Login
         </button>

assets/js/app/core/auth/login/login.js

@@ -43,14 +43,18 @@
 
               // Scope function to perform actual login request to server
               $scope.login = function login() {
+                  $scope.busy = true;
                   AuthService
                       .login($scope.credentials)
                       .then(
                           function successCallback() {
+                              $(".login-form-container").hide()
                               $state.go('dashboard');
+                              $scope.busy = false;
                           },
                           function errorCallback(err) {
                               MessageService.error(err.data.message)
+                              $scope.busy = false;
                           }
                       )
                   ;

assets/js/app/core/auth/signup/signup.js

@@ -60,6 +60,7 @@
                                   .login(credentials)
                                   .then(
                                       function successCallback() {
+                                          $(".login-form-container").hide()
                                           $state.go('dashboard');
                                       },
                                       function errorCallback(err) {

assets/styles/_login.scss

@@ -14,6 +14,7 @@
     margin: auto;
     width: 350px;
     max-width: 90%;
+    transition: all 0.5s;
 
     .panel{
       .panel-heading{