1

I want to redirect the user to a language page and not allow him to the index page if he hasn't chosen a language yet. I'm using the Angular Translate module. This module has cookie usage built-in with the following function:

$translateProvider.useCookieStorage();

This works. Now I would like to know if this cookie is set, and if not, redirect the user to the language page. Here's my idea how to handle this.

.factory('cookiecheck', function(){
  if($translateProvider.CookieStorage.get) return true;
  return false;
}


.run(function($rootScope, $state){

if(cookiecheck
            {$location.path('/language');}
    else
            {$location.path('/home');}

This doesn't work. How would I best approach this? What is the correct syntax to determine if a CookieStorage exists and redirect?

RobSeg
  • 985
  • 4
  • 14
  • 37

1 Answers1

1

You have a few syntax errors in your posted code, the factory isn't necessary as you can inject the $translate service into your run block.

.run(function($rootScope, $state, $location, $translate) {
    var store = $translate.storage();
    // if store is empty?
    if(angular.equals(store, {}))){
        $location.path('/language');
    }
    else {
        $location.path('/home');
    }
});

See ng-translate docs for cookie store

Also, since you won't know if and when the cookie will be expired or removed i think it is best to watch the route for changes and do your check then.

To do that hook into the $stateChangeStart event from ui router in your run block 

    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams){
        // check then redirect
    });

ui router docs

see this post for watching route changes

Dane Macaulay
  • 814
  • 8
  • 11
  • The suggestion is good, thank you. But I still need to know the syntax to check if cookie exists, then redirect. – RobSeg May 06 '15 at 14:41
  • Hey Harbinger, i updated my answer, i think you want to access the underlying storage and check if its set or not. im just not sure what `translate.storage()` returns if there is no language set – Dane Macaulay May 06 '15 at 14:59
  • Yes, the translate.storage() was the syntax I was looking for, thank you Dane. This returns an array with get, set and put functions. I'm still looking how to write the redirect to deny a user to type a specific url path and still get redirected to the language page. – RobSeg May 06 '15 at 15:38
  • i think the get takes the locale, ie, `$translate.storage().get('en_us')` – Dane Macaulay May 06 '15 at 19:01