Code Monkey home page Code Monkey logo

angularjs---authservice's Introduction

ROUTER-UI AUTH - AngularJS Service

Version

0.0.4.7

Installation

Step 1

$ bower install ambersive-auth

Step 2

You first have to declare the 'ambersive.auth' module dependency inside your app module (perhaps inside your app main module). Please be aware, that you need ambersive.helper, ambersive.rest and ui.router!

angular.module('app', ['ambersive.auth']);

Useage

angular.module('app', ['ambersive.auth','ui.router']) .config(['$identitySettingsProvider','$stateProvider',function ($identitySettingsProvider,$stateProvider) {
     $identitySettingsProvider.setAuthentificationUrl('data/response.json');
     $identitySettingsProvider.setRedirectUrlOnLogged('http://google.at');

     $stateProvider
        .state('app', {
            abstract: true,
            resolve: {
                authorize: ['AuthSrv', function (AuthSrv) {
                    AuthSrv.authorize();
                    return AuthSrv.isAuthenticated();
                }]
            },
            data: {
                 roles: ['User']
            },
            views: {
                'app': {
                    template: '<div ui-view="main"></div>'
                }
            }
        })
        .state('app.state1', {
                 parent: 'app',
                 url:'state1',
                 views: {
                     'main@app': {
                         template: '<div>state1</div>'
                     }
                 }
             })
        .state('app.state2', {
            parent: 'app',
            url:'state2',
            data: {
                roles: []
            },
            views: {
                'main@app': {
                    template: '<div>state2</div>'
                }
            }
        })
        .state('app.state3', {
            parent: 'app',
            url:'state3',
            data: {
                roles: ['Admin']
            },
            views: {
                'main@app': {
                    template: '<div>state 3</div>'
                }
            }
        })
        .state('app.state4', {
            parent: 'app',
            url:'state4',
            data: {
                roles: [],
                redirectOnLogged:true
            },
            views: {
                'main@app': {
                    template: '<div>state 4</div>'
                }
            }
        })
        .state('app.state5', {
            parent: 'app',
            url:'state5',
            data: {
                roles: [],
                redirectOnLogged:{
                    route:'app.state1'
                }
            },
            views: {
                'main@app': {
                    template: '<div>state 5</div>'
                }
            }
        })
        .state('app.error', {
            parent: 'app',
            url:'error',
            data: {
                roles: []
            },
            views: {
                'main@app': {
                    template: '<div>error</div>'
                }
            }
        });
     }])
    .controller('DemoController',function($scope,$log,AuthSrv,$rootScope){
         $scope.simulateLogged = true;

         $scope.get = function($event){
           if(!$scope.simulateLogged){
               AuthSrv.authorize({'authenticationUrl':'data/responseEmpty.json'});
           }
           else {
               AuthSrv.authorize();
           }
         };

         $scope.get();
    });

});

License

MIT

angularjs---authservice's People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.