Otaku-Projects /
AngularJS-CRUD-PHP
| 1 | // JavaScript Document |
||
| 2 | "use strict"; |
||
| 3 | |||
| 4 | app.constant('config', { |
||
| 5 | serverHost: serverHost, |
||
| 6 | webRoot: webRoot, |
||
| 7 | requireLoginPage: requireLoginPage, |
||
| 8 | afterLoginPage: afterLoginPage, |
||
| 9 | dataServer: dataServer, |
||
| 10 | |||
| 11 | uiTheme: theme, |
||
| 12 | icon: icon, |
||
| 13 | |||
| 14 | editMode: { |
||
| 15 | None: 0, |
||
| 16 | NUll: 1, |
||
| 17 | |||
| 18 | Create: 5, |
||
| 19 | Amend: 6, |
||
| 20 | Delete: 7, |
||
| 21 | View: 8, |
||
| 22 | AmendAndDelete: 9, |
||
| 23 | ImportExport: 10, |
||
| 24 | Import: 11, |
||
| 25 | Export: 12, |
||
| 26 | |||
| 27 | Copy: 15, |
||
| 28 | Fulllist: 20, |
||
| 29 | Pageview: 21, |
||
| 30 | Scrollview: 22 |
||
| 31 | }, |
||
| 32 | |||
| 33 | reservedPath: reservedPath, |
||
| 34 | CookiesEffectivePath: CookiesEffectivePath, |
||
| 35 | |||
| 36 | debugLog: { |
||
| 37 | AllLogging: false, |
||
| 38 | PageRecordsLimitDefault: true, |
||
| 39 | LockControl: false, |
||
| 40 | UnlockControl: false, |
||
| 41 | TableStructureObtained: true, |
||
| 42 | DirectiveFlow: false, |
||
| 43 | ShowCallStack: false |
||
| 44 | } |
||
| 45 | }); |
||
| 46 | |||
| 47 | app.config(['config', |
||
| 48 | '$httpProvider', |
||
| 49 | '$locationProvider', |
||
| 50 | '$controllerProvider', |
||
| 51 | '$compileProvider', |
||
| 52 | '$filterProvider', |
||
| 53 | '$provide', |
||
| 54 | '$ocLazyLoadProvider', |
||
| 55 | |||
| 56 | '$urlRouterProvider', |
||
| 57 | '$stateProvider', |
||
| 58 | |||
| 59 | 'LightboxProvider', |
||
| 60 | |||
| 61 | function(config, $httpProvider, $locationProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $ocLazyLoadProvider, $urlRouterProvider, $stateProvider, LightboxProvider) { |
||
| 62 | config.test = "Keith"; |
||
| 63 | |||
| 64 | delete $httpProvider.defaults.headers.common['X-Requested-With']; |
||
| 65 | $httpProvider.defaults.headers.post['Accept'] = 'application/json, text/javascript'; |
||
| 66 | $httpProvider.defaults.headers.post['Content-Type'] = 'application/json; charset=utf-8'; |
||
| 67 | // $httpProvider.defaults.headers.post['Access-Control-Max-Age'] = '1728000'; |
||
| 68 | // $httpProvider.defaults.headers.common['Access-Control-Max-Age'] = '1728000'; |
||
| 69 | $httpProvider.defaults.headers.common['Accept'] = 'application/json, text/javascript'; |
||
| 70 | $httpProvider.defaults.headers.common['Content-Type'] = 'application/json; charset=utf-8'; |
||
| 71 | $httpProvider.defaults.useXDomain = true; |
||
| 72 | |||
| 73 | LightboxProvider.fullScreenMode = true; |
||
| 74 | |||
| 75 | // this is important |
||
| 76 | app.controller = $controllerProvider.register; |
||
| 77 | app.directive = $compileProvider.directive; |
||
| 78 | app.filter = $filterProvider.register; |
||
| 79 | app.factory = $provide.factory; |
||
| 80 | app.service = $provide.service; |
||
| 81 | app.constant = $provide.constant; |
||
| 82 | app.value = $provide.value; |
||
| 83 | // this is important - End |
||
| 84 | |||
| 85 | // third-party routing and loading controller before render the template |
||
| 86 | /** |
||
| 87 | * for more details please study |
||
| 88 | * https://oclazyload.readme.io/docs/with-your-router |
||
| 89 | * http://www.funnyant.com/angularjs-ui-router/ |
||
| 90 | * https://github.com/ocombe/ocLazyLoad/issues/182 |
||
| 91 | */ |
||
| 92 | $urlRouterProvider |
||
| 93 | // redirect |
||
| 94 | // .when('/legacy-route', { |
||
| 95 | // redirectTo: '/' |
||
| 96 | // }) |
||
| 97 | .otherwise('/Home'); |
||
| 98 | |||
| 99 | // AngularJS routing and anchor hash |
||
| 100 | // https://stackoverflow.com/questions/30071821/angularjs-routing-and-anchor-hash |
||
| 101 | // reference: https://stackoverflow.com/questions/13345927/angular-routing-overrides-href-behavior-utilized-by-tab-and-collapse-panel-plugi |
||
| 102 | // $locationProvider.html5Mode(true); |
||
| 103 | // $locationProvider.html5Mode({ |
||
| 104 | // enabled: false, |
||
| 105 | // requireBase: false, |
||
| 106 | // rewriteLinks: true |
||
| 107 | // }); |
||
| 108 | // $locationProvider.hashPrefix('!'); |
||
| 109 | // e.g |
||
| 110 | // <a href="#javascript" target="_self" |
||
| 111 | // <a data-target="#javascript" for bootstrap controls |
||
| 112 | |||
| 113 | var templateState = { |
||
|
0 ignored issues
–
show
Unused Code
introduced
by
Loading history...
|
|||
| 114 | name: "pageName", |
||
| 115 | url: "/urlName", // root route |
||
| 116 | views: { |
||
| 117 | "content": { |
||
| 118 | templateUrl: 'templates.html', |
||
| 119 | controller: 'templateCtrl' |
||
| 120 | }, |
||
| 121 | resolve: { // Any property in resolve should return a promise and is executed before the view is loaded |
||
| 122 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 123 | // you can lazy load files for an existing module |
||
| 124 | return $ocLazyLoad.load('js/AppCtrl.js'); |
||
| 125 | }] |
||
| 126 | } |
||
| 127 | } |
||
| 128 | } |
||
| 129 | |||
| 130 | var homeState = { |
||
| 131 | name: "Home", |
||
| 132 | url: "/Home", // root route |
||
| 133 | views: { |
||
| 134 | "navmenu":{ |
||
| 135 | templateUrl: 'navigation-menu.html', |
||
| 136 | }, |
||
| 137 | "content": { |
||
| 138 | templateUrl: 'home.html', |
||
| 139 | } |
||
| 140 | }, |
||
| 141 | // resolve: { |
||
| 142 | // loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 143 | // return $ocLazyLoad.load('./js/demo.js'); |
||
| 144 | // }] |
||
| 145 | // } |
||
| 146 | } |
||
| 147 | var spec_01 = { |
||
| 148 | name: "spec01-sys-block-diagram", |
||
| 149 | url: "/spec01-sys-block-diagram", |
||
| 150 | views: { |
||
| 151 | "content@": { |
||
| 152 | templateUrl: 'spec01-sys-block-diagram.html', |
||
| 153 | caption: 'Optional caption', |
||
| 154 | controller: 'specServerArchitectureController' |
||
| 155 | } |
||
| 156 | }, |
||
| 157 | resolve: { |
||
| 158 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 159 | return $ocLazyLoad.load('./js/controller/spec01-sys-block-diagram.js'); |
||
| 160 | }] |
||
| 161 | } |
||
| 162 | } |
||
| 163 | var spec_02 = { |
||
| 164 | name: "spec02-client-architecture", |
||
| 165 | url: "/spec02-client-architecture", |
||
| 166 | views: { |
||
| 167 | "content@": { |
||
| 168 | templateUrl: 'spec02-client-architecture.html', |
||
| 169 | controller: 'specClientArchitectureController' |
||
| 170 | } |
||
| 171 | }, |
||
| 172 | resolve: { |
||
| 173 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 174 | return $ocLazyLoad.load('./js/controller/spec02-client-architecture.js'); |
||
| 175 | }] |
||
| 176 | } |
||
| 177 | } |
||
| 178 | |||
| 179 | var demo_00 = { |
||
| 180 | name: "00login-logout", |
||
| 181 | url: "/00login-logout", |
||
| 182 | views: { |
||
| 183 | "content@": { |
||
| 184 | templateUrl: '00login-logout.html', |
||
| 185 | } |
||
| 186 | } |
||
| 187 | } |
||
| 188 | var demo_01 = { |
||
| 189 | name: "01directive-entry", |
||
| 190 | url: "/01directive-entry", |
||
| 191 | views: { |
||
| 192 | "content@": { |
||
| 193 | templateUrl: '01directive-entry.html', |
||
| 194 | } |
||
| 195 | } |
||
| 196 | } |
||
| 197 | var demo_02 = { |
||
| 198 | name: "02directive-pageview", |
||
| 199 | url: "/02directive-pageview", |
||
| 200 | views: { |
||
| 201 | "content@": { |
||
| 202 | templateUrl: '02directive-pageview.html', |
||
| 203 | } |
||
| 204 | } |
||
| 205 | } |
||
| 206 | var demo_03 = { |
||
| 207 | name: "03directive-screen", |
||
| 208 | url: "/03directive-screen", |
||
| 209 | views: { |
||
| 210 | "content@": { |
||
| 211 | templateUrl: '03directive-screen.html', |
||
| 212 | } |
||
| 213 | } |
||
| 214 | } |
||
| 215 | var demo_04 = { |
||
| 216 | name: "04directive-editbox", |
||
| 217 | url: "/04directive-editbox", |
||
| 218 | views: { |
||
| 219 | "content@": { |
||
| 220 | templateUrl: '04directive-editbox.html', |
||
| 221 | } |
||
| 222 | } |
||
| 223 | } |
||
| 224 | var demo_05 = { |
||
| 225 | name: "05directive-message", |
||
| 226 | url: "/05directive-message", |
||
| 227 | views: { |
||
| 228 | "content@": { |
||
| 229 | templateUrl: '05directive-message.html', |
||
| 230 | } |
||
| 231 | } |
||
| 232 | } |
||
| 233 | var demo_06 = { |
||
| 234 | name: "06directive-export", |
||
| 235 | url: "/06directive-export", |
||
| 236 | views: { |
||
| 237 | "content@": { |
||
| 238 | templateUrl: '06directive-export.html', |
||
| 239 | } |
||
| 240 | } |
||
| 241 | } |
||
| 242 | var demo_07 = { |
||
| 243 | name: "07directive-upload", |
||
| 244 | url: "/07directive-upload", |
||
| 245 | views: { |
||
| 246 | "content@": { |
||
| 247 | templateUrl: '07directive-upload.html', |
||
| 248 | } |
||
| 249 | } |
||
| 250 | } |
||
| 251 | var demo_08 = { |
||
| 252 | name: "08directive-import", |
||
| 253 | url: "/08directive-import", |
||
| 254 | views: { |
||
| 255 | "content@": { |
||
| 256 | templateUrl: '08directive-import.html', |
||
| 257 | } |
||
| 258 | } |
||
| 259 | } |
||
| 260 | |||
| 261 | var demo_10 = { |
||
| 262 | name: "10directive-inquiry", |
||
| 263 | url: "/10directive-inquiry", |
||
| 264 | views: { |
||
| 265 | "content@": { |
||
| 266 | templateUrl: '10directive-inquiry.html', |
||
| 267 | } |
||
| 268 | } |
||
| 269 | } |
||
| 270 | var demo_11 = { |
||
| 271 | name: "11directive-process", |
||
| 272 | url: "/11directive-process", |
||
| 273 | views: { |
||
| 274 | "content@": { |
||
| 275 | templateUrl: '11directive-process.html', |
||
| 276 | } |
||
| 277 | } |
||
| 278 | } |
||
| 279 | var demo_12 = { |
||
| 280 | name: "12directive-range", |
||
| 281 | url: "/12directive-range", |
||
| 282 | views: { |
||
| 283 | "content@": { |
||
| 284 | templateUrl: '12directive-range.html', |
||
| 285 | } |
||
| 286 | } |
||
| 287 | } |
||
| 288 | var demo_21 = { |
||
| 289 | name: "21create-master-data", |
||
| 290 | url: "/21create-master-data", |
||
| 291 | views: { |
||
| 292 | "content@": { |
||
| 293 | templateUrl: '21create-master-data.html', |
||
| 294 | controller: 'createDepartmentController' |
||
| 295 | } |
||
| 296 | }, |
||
| 297 | resolve: { |
||
| 298 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 299 | return $ocLazyLoad.load('./js/controller/21create-master-data.js'); |
||
| 300 | }] |
||
| 301 | } |
||
| 302 | } |
||
| 303 | var demo_22 = { |
||
| 304 | name: "22view-master-data", |
||
| 305 | url: "/22view-master-data", |
||
| 306 | views: { |
||
| 307 | "content@": { |
||
| 308 | templateUrl: '22view-master-data.html', |
||
| 309 | controller: 'viewDepartmentController' |
||
| 310 | } |
||
| 311 | }, |
||
| 312 | resolve: { |
||
| 313 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 314 | return $ocLazyLoad.load('./js/controller/22view-master-data.js'); |
||
| 315 | }] |
||
| 316 | } |
||
| 317 | } |
||
| 318 | var demo_23 = { |
||
| 319 | name: "23amend-master-data", |
||
| 320 | url: "/23amend-master-data", |
||
| 321 | views: { |
||
| 322 | "content@": { |
||
| 323 | templateUrl: '23amend-master-data.html', |
||
| 324 | controller: 'amendDepartmentController' |
||
| 325 | } |
||
| 326 | }, |
||
| 327 | resolve: { |
||
| 328 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 329 | return $ocLazyLoad.load('./js/controller/23amend-master-data.js'); |
||
| 330 | }] |
||
| 331 | } |
||
| 332 | } |
||
| 333 | var demo_24 = { |
||
| 334 | name: "24delete-master-data", |
||
| 335 | url: "/24delete-master-data", |
||
| 336 | views: { |
||
| 337 | "content@": { |
||
| 338 | templateUrl: '24delete-master-data.html', |
||
| 339 | controller: 'deleteDepartmentController' |
||
| 340 | } |
||
| 341 | }, |
||
| 342 | resolve: { |
||
| 343 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 344 | return $ocLazyLoad.load('./js/controller/24delete-master-data.js'); |
||
| 345 | }] |
||
| 346 | } |
||
| 347 | } |
||
| 348 | var demo_25 = { |
||
| 349 | name: "25display-inline-message", |
||
| 350 | url: "/25display-inline-message", |
||
| 351 | views: { |
||
| 352 | "content@": { |
||
| 353 | templateUrl: '25display-inline-message.html', |
||
| 354 | controller: 'displayMessageController' |
||
| 355 | } |
||
| 356 | }, |
||
| 357 | resolve: { |
||
| 358 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 359 | return $ocLazyLoad.load('./js/controller/25display-inline-message.js'); |
||
| 360 | }] |
||
| 361 | } |
||
| 362 | } |
||
| 363 | var demo_26 = { |
||
| 364 | name: "26reusable-screen", |
||
| 365 | url: "/26reusable-screen", |
||
| 366 | views: { |
||
| 367 | "content@": { |
||
| 368 | templateUrl: '26reusable-screen.html', |
||
| 369 | controller: 'reuseController' |
||
| 370 | } |
||
| 371 | }, |
||
| 372 | resolve: { |
||
| 373 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 374 | return $ocLazyLoad.load('./js/controller/26reusable-screen.js'); |
||
| 375 | }] |
||
| 376 | } |
||
| 377 | } |
||
| 378 | var demo_30 = { |
||
| 379 | name: "31range-selection", |
||
| 380 | url: "/31range-selection", |
||
| 381 | views: { |
||
| 382 | "content@": { |
||
| 383 | templateUrl: '31range-selection.html', |
||
| 384 | controller: 'rangeController' |
||
| 385 | } |
||
| 386 | }, |
||
| 387 | resolve: { |
||
| 388 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 389 | return $ocLazyLoad.load('./js/controller/31range-selection.js'); |
||
| 390 | }] |
||
| 391 | } |
||
| 392 | } |
||
| 393 | var demo_41 = { |
||
| 394 | name: "41create-staff-profile", |
||
| 395 | url: "/41create-staff-profile", |
||
| 396 | views: { |
||
| 397 | "content@": { |
||
| 398 | templateUrl: '41create-staff-profile.html', |
||
| 399 | controller: 'staffProfileCreateController' |
||
| 400 | } |
||
| 401 | }, |
||
| 402 | resolve: { |
||
| 403 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 404 | return $ocLazyLoad.load('./js/controller/41create-staff-profile.js'); |
||
| 405 | }] |
||
| 406 | } |
||
| 407 | } |
||
| 408 | var demo_43 = { |
||
| 409 | name: "43amend-staff-profile", |
||
| 410 | url: "/43amend-staff-profile", |
||
| 411 | views: { |
||
| 412 | "content@": { |
||
| 413 | templateUrl: '43amend-staff-profile.html', |
||
| 414 | controller: 'staffProfileAmendController' |
||
| 415 | } |
||
| 416 | }, |
||
| 417 | resolve: { |
||
| 418 | loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { |
||
| 419 | return $ocLazyLoad.load('./js/controller/43amend-staff-profile.js'); |
||
| 420 | }] |
||
| 421 | } |
||
| 422 | } |
||
| 423 | $stateProvider.state(homeState); |
||
| 424 | $stateProvider.state(spec_01); |
||
| 425 | $stateProvider.state(spec_02); |
||
| 426 | $stateProvider.state(demo_00); |
||
| 427 | $stateProvider.state(demo_01); |
||
| 428 | $stateProvider.state(demo_02); |
||
| 429 | $stateProvider.state(demo_03); |
||
| 430 | $stateProvider.state(demo_04); |
||
| 431 | $stateProvider.state(demo_05); |
||
| 432 | $stateProvider.state(demo_06); |
||
| 433 | $stateProvider.state(demo_07); |
||
| 434 | $stateProvider.state(demo_08); |
||
| 435 | $stateProvider.state(demo_10); |
||
| 436 | $stateProvider.state(demo_11); |
||
| 437 | $stateProvider.state(demo_12); |
||
| 438 | $stateProvider.state(demo_21); |
||
| 439 | $stateProvider.state(demo_22); |
||
| 440 | $stateProvider.state(demo_23); |
||
| 441 | $stateProvider.state(demo_24); |
||
| 442 | $stateProvider.state(demo_25); |
||
| 443 | $stateProvider.state(demo_26); |
||
| 444 | $stateProvider.state(demo_30); |
||
| 445 | $stateProvider.state(demo_41); |
||
| 446 | $stateProvider.state(demo_43); |
||
| 447 | |||
| 448 | }]); |