Add login controller, loading after click on login button and some stuff...

client/index.html

@@ -75,6 +75,7 @@
 
     <!-- Include controller -->
     <script src="./js/controllers/home.js"></script>
+    <script src="./js/controllers/login.js"></script>
     <script src="./js/controllers/network.js"></script>
     <script src="./js/controllers/status.js"></script>
 

client/js/controllers/home.js

@@ -7,6 +7,5 @@
 mainApp.controller('homeCtrl', function ($scope)
 {
      
-     // Login before use App
-     //$('#loginModal').modal({backdrop: 'static', keyboard: false});
+    
 });

client/js/controllers/login.js

@@ -0,0 +1,32 @@
+/* 
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+
+mainApp.controller('loginCtrl', function ($scope,$interval,$sce)
+{
+     // Define default states
+     $('#loginModal').modal({backdrop: 'static', keyboard: false});
+     $('#loadingLoginButton').hide();
+
+     
+     
+     $('#loginButton').click(function(){
+        $('#loginButton').hide();
+        $('#loadingLoginButton').show();
+        
+        
+
+        $interval(
+          function() 
+          {
+            $('#loginButton').show();
+        $('#loadingLoginButton').hide();
+          }, 2000,1);
+        
+        
+        
+     });
+})

client/partials/home.html

@@ -1,9 +1,8 @@
  <div class="panel panel-default">
     <div class="panel-heading">
-        Home
+        Home 
     </div>
     <div class="panel-body">
         Main Content
     </div>
-</div>
 </div>

client/partials/login.html

@@ -1,4 +1,4 @@
-<div class="modal fade" id="loginModal">
+<div class="modal fade" id="loginModal" ng-controller="loginCtrl">
     <div class="modal-dialog">
         <div class="modal-content"></div>
     </div>
@@ -32,8 +32,9 @@
             </div>
             <div class="modal-footer"> 
                 <!--<a href="#" data-dismiss="modal" class="btn btn-default">Close</a>-->
-                
-                <a href="#" class="btn btn-primary btn-block" ng-click="processForm()">Login</a>
+                <button class="btn btn-lg btn-warning btn-block" id="loadingLoginButton"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Loading...</button>
+
+                <a href="#" class="btn btn-lg btn-primary btn-block" id="loginButton" ng-click="processForm()">Login</a>
             </div>
         </div>
     </div>

client/partials/network.html

@@ -6,4 +6,3 @@
         Main Content
     </div>
 </div>
-</div>