angularjs run and config functions

Author: Ferie

app/config-and-run/riccardo-config-and-routes.js

@@ -0,0 +1,65 @@
+/**
+ * Main configuration function.
+ */
+
+(function () {
+    'use strict';
+
+    angular.module('riccardo').config(config);
+
+    /**
+     * @function config
+     * @memberOf riccardo
+     * @param $urlMatcherFactoryProvider
+     * @param $urlRouterProvider
+     * @param $stateProvider
+     * @param $stateParamsProvider
+     * @param $locationProvider
+     * @description
+     * - Define the states for the whole application (using `UI-Router`).
+     * - Provide clean URL for the application.
+     */
+    function config($urlMatcherFactoryProvider, $urlRouterProvider, $stateProvider, $stateParamsProvider, $locationProvider) {
+        $urlMatcherFactoryProvider.caseInsensitive(true);
+        $urlMatcherFactoryProvider.strictMode(false);
+
+        $urlRouterProvider.otherwise('/');
+
+        $stateProvider
+            .state('riccardo', {
+                abstract: true,
+                views: {
+                    header: {},
+                    sidebar: {},
+                    content: {},
+                    detailsContent: {},
+                    footer: {}
+                }
+            })
+            .state('riccardo-exercise', {
+                url: '/',
+                parent: 'riccardo',
+                data: {
+                    pageTitle: 'People - Riccardo\'s Front End exercise'
+                }
+            })
+            .state('person-details', {
+                url: 'person-details/:id/:name',
+                parent: 'riccardo-exercise',
+                data: {
+                    pageTitle: 'Person Details - Riccardo\'s Front End exercise'
+                },
+                params: {
+                    id: $stateParamsProvider.id,
+                    person: $stateParamsProvider.person
+                },
+                views: {
+                    '!detailsContent': {
+                        component: 'person'
+                    }
+                }
+            });
+
+        $locationProvider.html5Mode(true);
+    }
+}());

app/config-and-run/riccardo-run.js

@@ -0,0 +1,33 @@
+/**
+ * Run function.
+ */
+
+(function () {
+    'use strict';
+
+    angular.module('riccardo').run(run);
+
+    /**
+     * @function run
+     * @memberOf riccardo
+     * @param $rootScope
+     * @param $state
+     * @param $stateParams
+     * @param $trace
+     */
+    function run($rootScope, $state, $stateParams, $trace) {
+        /*************************/
+        /*** Debug transitions ***/
+        /*************************/
+        // For debug purposes, uncomment this line and in the console there will be all the
+        // states transitions
+        // $trace.enable('TRANSITION');
+
+        /********************************************************************/
+        /*** Set the `$state` available to the `$rootScope`               ***/
+        /*** With this trick we can have available the title of the pages ***/
+        /********************************************************************/
+        $rootScope.$state = $state;
+        $rootScope.$stateParams = $stateParams;
+    }
+}());