Redirect to login when user is not logged in or user tries to access page directly from URL using angularjs

angularjs, php, redirect

Solution

Use angular.js,angular-route.js, angular-cookies.js and app.js on index page as follows:

 <script src="//code.angularjs.org/1.2.20/angular.js"></script>
 <script src="//code.angularjs.org/1.2.20/angular-route.js"></script>
 <script src="//code.angularjs.org/1.2.13/angular-cookies.js"></script>
 <script src="app.js"></script>

In app.js

    var app = angular.module('app', ['ngRoute', 'ngCookies']);
   app.config(config);
   app.run(run);

config.$inject = ['$httpProvider','$routeProvider', 
'$locationProvider'];
function config($httpProvider, $routeProvider, $locationProvider) {       
 //Set routing
$routeProvider
    .when('/login', {
        controller: 'LoginController',
        templateUrl: 'login/login.view.html',
        controllerAs: 'vm'
    })
      .otherwise({ redirectTo: '/login' });
   }

   //Write following code to make user login after page refresh
        run.$inject = ['$rootScope', '$location', '$cookieStore'];
  function run($rootScope, $location, $cookieStore, $http, chatService) 
  {
   // keep user logged in after page refresh
  $rootScope.globals = $cookieStore.get('globals') || {};
if ($rootScope.globals.currentUser) {           
   // set token in request header
  // $http.defaults.headers.common['Authorization'] = 
     $rootScope.globals.currentUser.authdata; 

}

  //On location change redirect user to login page if not login else 
 redirect based on role
  $rootScope.$on('$locationChangeStart', function (event, next, current) 
 {
    // redirect to login page if not logged in and trying to access a 
 restricted page
   //allow login and register page for all(login/notlogin) user
    var restrictedPage = $.inArray($location.path(), ['/login', 
 '/register']) === -1;
    var loggedIn = $rootScope.globals.currentUser;
    if (restrictedPage && !loggedIn) {
        $location.path('/login');
    }
    else{
    $scope.role=$rootScope.globals.currentUser.user.role;               
        if(data.role == "admin"){
            $window.location.href="AdminPage.html";
        }
        else if(data.role == "Sales"){
            $window.location.href="sales_form.html";
        }
        else if(data.role == "Account"){
            $window.location.href="account_form.html";
        }
        else if(data.role == "Technical"){
            $window.location.href="Technical_Form.html";
        } 
        else{
            $scope.errorMsg="username or password is incorrect";
        }   
   }
});
}

In login-Control write following code

  app.controller('LoginCtrl',function($scope,$http,$window){
  $scope.login = function(){            
  data={
    email:$scope.email,
    pwd:$scope.pwd
   }
   $http.post("widget/login.php",data).success(function(data){                
if(!data.success){                     
        $scope.errorMsg="username or password is incorrect"; 
}
else{ 
   //Set cookie
    $rootScope.globals = {
      currentUser: {
         user: data                   
    }                    

$cookieStore.put('globals', $rootScope.globals);
 //Redirect url
 $window.location.href="/";            
}
});

Problem

Original source