Home Explore Help
Register Sign In
J1X
/
domain-manager
Watch 2
Star 0
Fork 0

Browse Source
Firebase basic login

James Peret 10 years ago
parent
0bfe523505
commit
28599fead5
5 changed files with 19 additions and 4 deletions
Show Diff Stats
  1. 3 0
      .gitignore
  2. 2 1
      app/index.html
  3. 1 0
      app/scripts/app.js
  4. 12 2
      app/scripts/controllers/signin.js
  5. 1 1
      app/views/signin.html

+ 3 - 0
.gitignore
View File 

@@ -3,3 +3,6 @@ dist
3 3 
 .tmp
4 4 
 .sass-cache
5 5 
 bower_components
6 
+
7 
+.DS_Store
8 
+app/.DS_Store

+ 2 - 1
app/index.html
View File 

@@ -9,7 +9,8 @@
9 9 
     <!-- build:css(.) styles/vendor.css -->
10 10 
     <!-- bower:css -->
11 11 
     <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
12 
-    <link rel="stylesheet" href="bower_components/ladda/dist/ladda.min.css" />
12 
+
13 
+    <link rel="stylesheet" href="bower_components/ladda/dist/ladda-themeless.min.css">
13 14 
     <!-- endbower -->
14 15 
     <!-- endbuild -->
15 16 
     <!-- build:css(.tmp) styles/main.css -->

+ 1 - 0
app/scripts/app.js
View File 

@@ -17,6 +17,7 @@ angular
17 17 
     'ngSanitize',
18 18 
     'ngTouch',
19 19 
     'firebase',
20 
+    'angular-ladda',
20 21 
     'domainManagerApp.main',
21 22 
     'domainManagerApp.signin',
22 23 
     'domainManagerApp.domains'

+ 12 - 2
app/scripts/controllers/signin.js
View File 

@@ -7,13 +7,16 @@
7 7 
  * # MainCtrl
8 8 
  * Controller of the domainManagerApp
9 9 
  */
10 
- angular.module('domainManagerApp.signin', ['firebase'])
11 
- .controller('SignInController', ['$scope', '$firebaseAuth', function ($scope, $firebaseAuth) {
10 
+ angular.module('domainManagerApp.signin', ['firebase', 'angular-ladda'])
11 
+ .controller('SignInController', ['$scope', '$firebaseAuth', '$timeout', function ($scope, $firebaseAuth, $timeout) {
12 12
13 
+    $scope.loading = false;
13 14 
     var firebaseObj = new Firebase("https://j1x-cpanel.firebaseio.com");
14 15 
     $scope.authObj = $firebaseAuth(firebaseObj);
15 16
17 
+
16 18 
     $scope.SignIn = function(event) {
19 
+      $scope.loading = true;
17 20 
       event.preventDefault();  // To prevent form refresh
18 21 
       var username = $scope.user.email;
19 22 
       var password = $scope.user.password;
 
@@ -23,8 +26,15 @@
23 26 
         password: password
24 27 
       }).then(function(authData) {
25 28 
         console.log("Logged in as:", authData.uid);
29 
+        $timeout(function() {
30 
+          $scope.loading = false; // stop loading
31 
+        }, 1000);
26 32 
       }).catch(function(error) {
27 33 
         console.error("Authentication failed:", error);
34 
+        $timeout(function() {
35 
+          $scope.loading = false; // stop loading
36 
+        }, 1000);
28 37 
       });
29 38 
     }
39 
+
30 40 
   }]);

+ 1 - 1
app/views/signin.html
View File 

@@ -7,7 +7,7 @@
7 7 
         <h2 class="form-title">Login</h2>
8 8 
         <input ng-model="user.email" type="email" class="form-control" placeholder="Email address" required="" autofocus="">
9 9 
         <input ng-model="user.password" type="password" class="form-control" placeholder="Password" required="">
10 
-        <button type="button" ng-click="SignIn($event)" class="btn btn-lg btn-primary btn-block">SignIn</button>
10 
+        <button ng-click="SignIn($event)" ng-disabled="!user.email || !user.password || loading" class="btn btn-lg btn-primary btn-block ladda-button"  ladda="{{loading}}" data-style="slide-up"> SignIn</button>
11 11 
   </form>
12 12
13 13 
 </div>