Ui-Router seems to be ignoring permissions..?

roberttolton commented 8 years ago

Hi, so, I can't get this to work. Here's my app file:

/**
 * @title TES Sales Presenter Admin
 * @description Angular.JS App
 * @version 0.0.1
 * @author Robert Tolton
 * @email rob@fuelintegrated.com
 */

var App = angular.module( "App", [ "permission", "ui.router", "satellizer", "ngSanitize", "ui.bootstrap", "dialogs.main", "ncy-angular-breadcrumb", "ngResource", "angular-loading-bar", "ngAnimate", "angular-growl", "ngPrettyJson", "angularMoment", "ui.select" ] );

angular.element( document ).ready( function () {

    angular
        .module( "App" )
        .config( config )
        .run( run );

    config.$inject = [ "$stateProvider", "$urlRouterProvider", "$authProvider", "$httpProvider", "$provide", "ConfigProvider", "growlProvider" ];

    function config ( $stateProvider, $urlRouterProvider, $authProvider, $httpProvider, $provide, ConfigProvider, growlProvider ) {

        console.log( "App: Config" );

        function redirectWhenLoggedOut( $q, $injector ) {

            return {

                responseError: function( rejection ) {

                    var $state = $injector.get( "$state" );

                    var rejectionReasons = [ "token_not_provided", "token_expired", "token_absent", "token_invalid"];

                    angular.forEach( rejectionReasons, function ( value, key ) {

                        if ( rejection.data.error === value ) {

                            localStorage.removeItem( "user" );

                            $state.go( "auth" );
                        }

                    } );

                    return $q.reject( rejection );
                }
            }
        }

        $provide.factory( "redirectWhenLoggedOut", redirectWhenLoggedOut );

        $httpProvider.interceptors.push( "redirectWhenLoggedOut" );

        $authProvider.loginUrl = "/api/authenticate";

        $urlRouterProvider.otherwise( "/auth" );

        $urlRouterProvider.when( "", "/" );

        growlProvider.globalTimeToLive( 3000 );
        growlProvider.onlyUniqueMessages( false );
        growlProvider.globalPosition( "bottom-right" );
        growlProvider.globalDisableIcons( true );

        $stateProvider
            .state( "auth", {
                url: "/auth",
                templateUrl: "/assets/js/admin-app/partials/auth.html",
                controller: "AuthController as auth"
            })
            .state( "presentation", {
                url: "/presentation",
                abstract: true,
                data: {
                    permissions: {
                        only: [ "user", "admin" ],
                        redirectTo: "auth"
                    }
                },
                views: {
                    "": {
                        templateUrl: "/assets/js/admin-app/partials/presentation/index.html",
                        controller: "PresentationIndexController"
                    }
                },
                ncyBreadcrumb: {
                    label: "Presentations"
                }
            } )
            .state( "presentation.list", {
                url: "/list/:pageNum",
                data: {
                    permissions: {
                        only: [ "user", "admin" ],
                        redirectTo: "auth"
                    }
                },
                views: {
                    "main@presentation": {
                        templateUrl: "/assets/js/admin-app/partials/presentation/list.html",
                        controller: "PresentationListController"
                    }
                },
                ncyBreadcrumb: {
                    parent: "presentation",
                    label: "List"
                },
                params: {
                    pageNum: {
                        value: null,
                        squash: true
                    }
                }
            } )
            .state( "presentation.new", {
                url: "/new",
                data: {
                    permissions: {
                        only: [ "user", "admin" ],
                        redirectTo: "auth"
                    }
                },
                views: {
                    "main@presentation": {
                        templateUrl: "/assets/js/admin-app/partials/presentation/new.html",
                        controller: "PresentationNewController"
                    }
                },
                ncyBreadcrumb: {
                    parent: "presentation",
                    label: "New"
                }
            } )
            .state( "presentation.edit", {
                url: "/edit/:id",
                data: {
                    permissions: {
                        only: [ "user", "admin" ],
                        redirectTo: "auth"
                    }
                },
                views: {
                    "main@presentation": {
                        templateUrl: "/assets/js/admin-app/partials/presentation/edit.html",
                        controller: "PresentationEditController"
                    }
                },
                ncyBreadcrumb: {
                    parent: "presentation",
                    label: "Edit"
                }
            } );

    }

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

        console.log( "App: Run" );

        $rootScope.authenticated = false;

        $rootScope.currentUser = null;

        $rootScope.$on( "$stateChangeStart", function ( event, toState ) {

            console.log( "Event On: $stateChangeStart" );

            var user = JSON.parse( localStorage.getItem( "user" ) );

            if ( user ) {

                $rootScope.authenticated = true;

                $rootScope.currentUser = user;

                if( toState.name === "auth" ) {

                    event.preventDefault();

                    $state.go( "presentation.list" );
                }
            }

        } );

        RoleStore
            .defineRole( "anonymous", [], function ( stateParams ) {
                if ( !$rootScope.currentUser ) {
                    return true;
                }
                return false;
            } );

    }

    angular.bootstrap( "#App", [ "App" ] );

} );

I get no errors, but visiting any state other than auth doesn't redirect me back to auth, the view and controller are successfully run even though I don't have any of the required roles..?