ui-router templates

Dennis Kao

2016-04-26 f58eed4ff744969bc10af8ef1c4bed42c1e31eb0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
//= wrapped
//= require /jquery/jquery
//= require /angular/angular
//= require /bootstrap/bootstrap
//= require /angular/angular-ui-router
//= require /json3/json3
//= require /oclazyload/ocLazyLoad
//= require /angular/loading-bar
//= require /angular/ui-bootstrap-tpls
//= require /metisMenu/metisMenu
//= require /Chart.js/Chart
//= require_self
 
'use strict';
/**
 * @ngdoc overview
 * @name sbAdminApp
 * @description
 * # sbAdminApp
 *
 * Main module of the application.
 */
angular
    .module('sbAdminApp', [
      'oc.lazyLoad',
      'ui.router',
      'ui.bootstrap',
      'angular-loading-bar',
    ])
    .config(['$stateProvider', '$urlRouterProvider', '$ocLazyLoadProvider', function ($stateProvider, $urlRouterProvider, $ocLazyLoadProvider) {
 
      $ocLazyLoadProvider.config({
        debug: false,
        events: true,
      });
 
      $urlRouterProvider.otherwise('/dashboard/home');
 
      $stateProvider
          .state('dashboard', {
            url: '/dashboard',
            templateUrl: 'assets/views/dashboard/main.html',
            resolve: {
              loadMyDirectives: function ($ocLazyLoad) {
                return $ocLazyLoad.load(
                    {
                      name: 'sbAdminApp',
                      files: [
                        'assets/xsbadmin/directives/header/header.js',
                        'assets/xsbadmin/directives/header/header-notification/header-notification.js',
                        'assets/xsbadmin/directives/sidebar/sidebar.js',
                        'assets/xsbadmin/directives/sidebar/sidebar-search/sidebar-search.js'
                      ]
                    }),
                    $ocLazyLoad.load(
                        {
                          name: 'toggle-switch',
                          files: ["assets/angular/angular-toggle-switch.min.js",
                            "assets/angular/angular-toggle-switch.css"
                          ]
                        }),
                    $ocLazyLoad.load(
                        {
                          name: 'ngAnimate',
                          files: ['assets/angular/angular-animate.js']
                        }),
                    $ocLazyLoad.load(
                        {
                          name: 'ngCookies',
                          files: ['assets/angular/angular-cookies.js']
                        }),
                    $ocLazyLoad.load(
                        {
                          name: 'ngResource',
                          files: ['assets/angular/angular-resource.js']
                        }),
                    $ocLazyLoad.load(
                        {
                          name: 'ngSanitize',
                          files: ['assets/angular/angular-sanitize.js']
                        }),
                    $ocLazyLoad.load(
                        {
                          name: 'ngTouch',
                          files: ['assets/angular/angular-touch.js']
                        })
              }
            }
          })
          .state('dashboard.home', {
            url: '/home',
            controller: 'MainCtrl',
            templateUrl: 'assets/views/dashboard/home.html',
            resolve: {
              loadMyFiles: function ($ocLazyLoad) {
                return $ocLazyLoad.load({
                  name: 'sbAdminApp',
                  files: [
                    'assets/xsbadmin/controllers/main.js',
                    'assets/xsbadmin/directives/timeline/timeline.js',
                    'assets/xsbadmin/directives/notifications/notifications.js',
                    'assets/xsbadmin/directives/chat/chat.js',
                    'assets/xsbadmin/directives/dashboard/stats/stats.js'
                  ]
                })
              }
            }
          })
          .state('dashboard.form', {
            templateUrl: 'assets/views/form.html',
            url: '/form'
          })
          .state('dashboard.blank', {
            templateUrl: 'assets/views/pages/blank.html',
            url: '/blank'
          })
          .state('login', {
            templateUrl: 'assets/views/pages/login.html',
            url: '/login'
          })
          .state('dashboard.chart', {
            templateUrl: 'assets/views/chart.html',
            url: '/chart',
            controller: 'ChartCtrl',
            resolve: {
              loadMyFile: function ($ocLazyLoad) {
                return $ocLazyLoad.load({
                  name: 'chart.js',
                  files: [
                    'assets/plugins/angular-chart/angular-chart.min.js',
                    'assets/plugins/angular-chart/angular-chart.css'
                  ]
                }),
                    $ocLazyLoad.load({
                      name: 'sbAdminApp',
                      files: ['assets/xsbadmin/controllers/chartContoller.js']
                    })
              }
            }
          })
          .state('dashboard.table', {
            templateUrl: 'assets/views/table.html',
            url: '/table'
          })
          .state('dashboard.panels-wells', {
            templateUrl: 'assets/views/ui-elements/panels-wells.html',
            url: '/panels-wells'
          })
          .state('dashboard.buttons', {
            templateUrl: 'assets/views/ui-elements/buttons.html',
            url: '/buttons'
          })
          .state('dashboard.notifications', {
            templateUrl: 'assets/views/ui-elements/notifications.html',
            url: '/notifications'
          })
          .state('dashboard.typography', {
            templateUrl: 'assets/views/ui-elements/typography.html',
            url: '/typography'
          })
          .state('dashboard.icons', {
            templateUrl: 'assets/views/ui-elements/icons.html',
            url: '/icons'
          })
          .state('dashboard.grid', {
            templateUrl: 'assets/views/ui-elements/grid.html',
            url: '/grid'
          })
    }]);