Authorization

{"index.html":"\n\n Authorization\n \n \n\n\n\n\n\n\n

\n \n

\n\n
\n\n\n\n\n\n\n","script.js":"// the angular app (requires ui state router)\nangular.module('app', ['ui.router']);\n\n// the route configuration\nangular.module('app').config(function ($stateProvider, $urlRouterProvider) {\n \n // the login state\n $stateProvider.state('login', {\n url: '/login',\n template: ' ',\n controller: function ($rootScope, $scope, $state) {\n \n // login in as a regular user (access level 1)\n $scope.loginUser = function () {\n $rootScope.user = { name: 'Student', accessLevel: 1 };\n $state.go('start');\n };\n \n // login as a superuser (access level 5)\n $scope.loginSU = function () {\n $rootScope.user = { name: 'Teacher', accessLevel: 5 };\n $state.go('start');\n };\n\n }\n });\n \n // the logout state\n $stateProvider.state('logout', {\n url: '/logout',\n controller: function ($rootScope, $scope, $state) {\n delete $rootScope.user;\n $state.go('login');\n }\n });\n \n\n // another state called start\n $stateProvider.state('start', {\n url: '/start',\n template: 'Hello, {{user.name}}!'\n });\n \n // a secure state\n $stateProvider.state('secure', {\n url: '/secure',\n template: '1. 10
2. perpendicular
3. (-3, 4)
4. Quadrant II
5. Quadrant III
6. y = x + 3
7. c
8. 36 inches
9. 180
10. 360'\n });\n \n // the no access state\n $stateProvider.state('noaccess', {\n url: '/noaccess',\n template: 'You do not have permission to view this section.'\n });\n \n // the default state -> start;\n $urlRouterProvider.otherwise('/start');\n \n});\n\n// the state authorization\nangular.module('app').run(function ($rootScope, $state) {\n \n // this callback is triggered before a state change\n $rootScope.$on('$stateChangeStart', function (event, state) {\n \n // enforce login for all states but 'login'\n if (!$rootScope.user && state.name !== 'login') {\n $state.go('login');\n event.preventDefault();\n return;\n }\n \n // enfore accessLevel 5 for the secure state\n if ($rootScope.user.accessLevel < 5 && state.name === 'secure') {\n $state.go('noaccess');\n event.preventDefault();\n }\n \n });\n\n});\n","style.css":"body {\n\t font-family: \"Helvetica Neue\", Helvetica, sans-serif;\n}\n nav {\n\t margin-bottom: 20px;\n}\n nav a {\n\t padding: 4px 10px;\n\t background-color: #4A90E2;\n\t color: #fff;\n\t text-decoration: none;\n\t border-radius: 5px;\n}\n nav a:hover {\n\t background-color: #1b5dab;\n}\n nav a:active {\n\t background-color: #0d2d53;\n}"}