login page

bower.json

@@ -13,7 +13,7 @@
     "bootstrap": "3.3.x",
     "less": "1.7.x",
     "luticate-utils": "https://git.rthoni.com/repos/luticate-front/utils.git",
-    "angular-local-storage": "~0.2.3"
+    "luticate-auth": "https://git.rthoni.com/repos/luticate-front/auth.git"
   },
   "resolutions": {
     "angular": "1.4.x"

luticate/app.js

@@ -6,6 +6,7 @@ var luticate = angular.module('luticate', [
     'ui.bootstrap',
     'ui.router',
     'luticateUtils',
+    'luticateAuth',
     'LocalStorageModule'
 ]);
 
@@ -44,10 +45,11 @@ luticate.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',
 
         $urlRouterProvider.otherwise('/');
 
-        $httpProvider.interceptors.push(['ServiceCache', '$injector', '$q', function (ServiceCache, $injector, $q) {
+        $httpProvider.interceptors.push(['luticateAuthCache', '$injector', '$q',
+            function (luticateAuthCache, $injector, $q) {
             return {
                 'request': function (config) {
-                    var token = ServiceCache.getToken();
+                    var token = luticateAuthCache.getToken();
 
                     if (token != null)
                         config.headers['X-Authorization'] = token;
@@ -56,7 +58,7 @@ luticate.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',
                 },
                 'responseError': function(rejection) {
                     if (rejection.status == 401) {
-                        ServiceCache.removeToken();
+                        luticateAuthCache.removeUser();
                         $injector.get('$state').transitionTo('login');
                     }
                     return $q.reject(rejection);

luticate/controllers/login.controller.js

@@ -1,5 +1,33 @@
 angular.module('luticate')
-    .controller('LoginController', ['$scope', '$state', 'luticatePromises',
-        function($scope, $state, luticatePromises) {
+    .controller('LoginController', ['$scope', '$state', 'luticateAuthUsers', 'luticateAuthCache',
+        function($scope, $state, luticateAuthUsers, luticateAuthCache) {
+            $scope.username = "";
+            $scope.password = "";
+            $scope.errorString = null;
 
-    }]);
+            var promiseLogin = {
+                id: "promiseLogin",
+                loaderGroups: ["loginForm"]
+            };
+
+            if (luticateAuthCache.getUser() != null) {
+                $state.go('home');
+                return;
+            }
+
+            $scope.login = function()
+            {
+                $scope.errorString = null;
+                if ($scope.username != "") {
+                    luticateAuthUsers.login({username: $scope.username, password: $scope.password}, promiseLogin)
+                        .then(function(user)
+                        {
+                            $state.go('home');
+                        }, function(error)
+                        {
+                            $scope.errorString = error.Data;
+                        });
+                }
+            };
+        }
+    ]);

luticate/controllers/navbar.controller.js

@@ -0,0 +1,8 @@
+/**
+ * Created by robin on 11/1/15.
+ */
+
+angular.module('luticate')
+    .controller('NavBarController', ['$scope', '$state', 'luticatePromises',
+        function($scope, $state, luticatePromises) {
+        }]);

luticate/index.html

@@ -24,11 +24,15 @@
     <script src="../bower_components/luticate-utils/src/promises.js"></script>
     <script src="../bower_components/luticate-utils/src/request.js"></script>
     <script src="../bower_components/luticate-utils/src/lubusy.js"></script>
+    <script src="../bower_components/luticate-auth/src/luticateauth.js"></script>
+    <script src="../bower_components/luticate-auth/src/users.js"></script>
+    <script src="../bower_components/luticate-auth/src/cache.js"></script>
 
     <!-- scripts -->
     <script src="app.js"></script>
 
     <!-- Controller -->
+    <script src="controllers/navbar.controller.js"></script>
     <script src="controllers/login.controller.js"></script>
     <script src="controllers/home.controller.js"></script>
     <script src="controllers/users.controller.js"></script>
@@ -45,9 +49,9 @@
 </head>
 <body>
 
-<ng-include src="'views/headers/header.html'"></ng-include>
+<ng-include src="'views/navbar.html'"></ng-include>
 <div ui-view></div>
-<ng-include src="'views/footers/footer.html'"></ng-include>
+<ng-include src="'views/footer.html'"></ng-include>
 
 </body>
 </html>

luticate/views/login.html

@@ -1,6 +1,26 @@
 <!-- Page Content -->
 <div class="container">
     <div class="row">
+        <div class="col-sm-offset-4 col-sm-4">
+            <h1 class="text-center">Login</h1>
 
+            <form ng-submit="login()" lu-busy="loginForm">
+                <label for="login">Username</label><br />
+                <input id="login" ng-model="username" class="form-control" />
+
+                <label for="password">Password</label><br />
+                <input id="password" ng-model="password" class="form-control" />
+
+                <br />
+                <div class="col-sm-12 center-block">
+                    <button type="submit" class="btn btn-default center-block">Login</button>
+                </div>
+
+                <br />
+                <div>
+                    <span class="error" ng-show="errorString != null">{{ errorString }}</span>
+                </div>
+            </form>
+        </div>
     </div>
 </div>

luticate/views/headers/header.html → luticate/views/navbar.html

@@ -1,6 +1,6 @@
 <body>
 <!-- Navigation -->
-<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" ng-controller="NavBarController">
     <div class="container">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">
@@ -19,6 +19,9 @@
                 <li><a href="#/groups">Groups</a></li>
                 <li><a href="#/permissions">Permissions</a></li>
             </ul>
+            <ul class="nav navbar-nav navbar-right">
+                <li><a href="#">Test</a></li>
+            </ul>
         </div>
         <!-- /.navbar-collapse -->
     </div>

sdk/cache.js

@@ -6,21 +6,6 @@
 
             var ServiceCache = {};
 
-            ServiceCache.setToken = function(token)
-            {
-                localStorageService.set('lu_token', token);
-            };
-
-            ServiceCache.getToken = function()
-            {
-                return localStorageService.get('lu_token');
-            };
-
-            ServiceCache.removeToken = function()
-            {
-                localStorageService.remove('lu_token');
-            };
-
             return ServiceCache;
         }]);
 })();