Merge pull request #14 from ExtProjNomit/ng-logout

Added Logout

src/assets/scripts/app/index.js

@@ -8,6 +8,7 @@ angular.module('NomitWisp',
         'NomitWisp-Sidebar',
         'NomitWisp-Footer',
         'nwDashboard',
+        'nwLogout',
         ngRoute
         
     ])
@@ -16,7 +17,7 @@ angular.module('NomitWisp',
         .when('/', { 
             controller: 'DashboardController', 
             templateUrl: 'assets/scripts/dashboard/dashboard.html' 
-        }) 
+        })
         .otherwise({ 
             redirectTo: '/' 
         }); 

src/assets/scripts/dashboard/dashboard.html

@@ -2,7 +2,7 @@
   <div id='mainContent row'>
     <div class="row content-title mT-60">
       <div class="col-8 ml-1 mb-3">
-        Dashboard
+        Welcome {{ user.fullname }}
       </div>
     </div>
     <div class=" gap-20 masonry pos-r">

src/assets/scripts/dashboard/index.js

@@ -1,14 +1,23 @@
-import angular from 'angular';
+import * as angular from 'angular';
+import ngCookies from 'angular-cookies';
 
-angular.module('nwDashboard', [])
+angular.module('nwDashboard', [ngCookies])
     .controller('DashboardController', DashboardController);
 
 /** @ngInject */
-function DashboardController($scope){
+function DashboardController($scope, $cookies){
     // service carica dashboard
     // jquery per grafici
-    $scope.user = {
-        role : 'admin'
-    };
+    const token = $cookies.get('access_token');
+    console.log(token);
+    
+    if(typeof(token) !== "undefined"){
+        $scope.user = parseJwt( token );
+    }
+}
 
-}
+function parseJwt(token) {
+    var base64Url = token.split('.')[1];
+    var base64 = base64Url.replace('-', '+').replace('_', '/');
+    return JSON.parse(window.atob(base64));
+};

src/assets/scripts/index.js

@@ -18,6 +18,7 @@ import './googleMaps';
 import './utils';
 import './user-form';
 import './login';
+import './logout';
 import './nwFooter';
 import './nwSidebar';
 import './nwTopbar';

src/assets/scripts/logout/controller.js

@@ -0,0 +1,12 @@
+const LogoutController = ($scope, LogoutService, $cookies) => {
+	$scope.userLogged = false;		
+	
+	$scope.userLogout = async () => {
+        console.log("Logout");
+		const result = await LogoutService.logoutUserService($scope.user); 
+        $cookies.remove('access_token');
+        console.log(result);
+	}
+};
+
+export default LogoutController;

src/assets/scripts/logout/index.js

@@ -0,0 +1,8 @@
+import angular from 'angular';
+import ngCookies from 'angular-cookies';
+import LogoutController from './controller';
+import LogoutService from './service';
+
+angular.module('nwLogout', [ngCookies])
+    .controller(LogoutController.name, LogoutController)
+    .factory(LogoutService.name, LogoutService);

src/assets/scripts/logout/service.js

@@ -0,0 +1,22 @@
+const LogoutService = ($http) => {
+    let serv = {};
+
+    serv.logoutUserService = (user) =>{
+        return $http({
+			method: 'POST',
+            url: 'https://nomitwisp-restapi.herokuapp.com/logout',
+            data: user,
+			headers: { 'Content-Type': 'application/json' }
+		})
+        .then( (result) => {
+                console.log(result);
+                return result;              
+        }, (err) => {
+                console.log(err.data);
+                return err.data;
+        });
+    }
+    return serv;
+}
+
+export default LogoutService;

src/assets/scripts/nwTopbar/nwTopbar.html

@@ -58,8 +58,8 @@
             </a>
           </li>
           <li role="separator" class="divider"></li>
-          <li>
-            <a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+          <li ng-controller="LogoutController">
+            <a href="#" ng-click="userLogout()" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
               <i class="ti-power-off mR-10"></i>
               <span>Logout</span>
             </a>