Otaku-Projects /
AngularJS-CRUD-PHP
| Total Complexity | 281 |
| Complexity/F | 2.4 |
| Lines of Code | 1347 |
| Function Count | 117 |
| Duplicated Lines | 1347 |
| Ratio | 100 % |
| Changes | 0 | ||
Duplicate code is one of the most pungent code smells. A rule that is often used is to re-structure code once it is duplicated in three or more places.
Common duplication problems, and corresponding solutions are:
Complex classes like third-party/ocLazyLoad/ocLazyLoad.js often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
| 1 | /** |
||
| 8 | View Code Duplication | (function (angular, window) { |
|
| 9 | 'use strict'; |
||
| 10 | |||
| 11 | var regModules = ['ng', 'oc.lazyLoad'], |
||
| 12 | regInvokes = {}, |
||
| 13 | regConfigs = [], |
||
| 14 | modulesToLoad = [], |
||
| 15 | // modules to load from angular.module or other sources |
||
| 16 | realModules = [], |
||
| 17 | // real modules called from angular.module |
||
| 18 | recordDeclarations = [], |
||
| 19 | broadcast = angular.noop, |
||
| 20 | runBlocks = {}, |
||
| 21 | justLoaded = []; |
||
| 22 | |||
| 23 | var ocLazyLoad = angular.module('oc.lazyLoad', ['ng']); |
||
| 24 | |||
| 25 | ocLazyLoad.provider('$ocLazyLoad', ["$controllerProvider", "$provide", "$compileProvider", "$filterProvider", "$injector", "$animateProvider", function ($controllerProvider, $provide, $compileProvider, $filterProvider, $injector, $animateProvider) { |
||
| 26 | var modules = {}, |
||
| 27 | providers = { |
||
| 28 | $controllerProvider: $controllerProvider, |
||
| 29 | $compileProvider: $compileProvider, |
||
| 30 | $filterProvider: $filterProvider, |
||
| 31 | $provide: $provide, // other things (constant, decorator, provider, factory, service) |
||
| 32 | $injector: $injector, |
||
| 33 | $animateProvider: $animateProvider |
||
| 34 | }, |
||
| 35 | debug = false, |
||
| 36 | events = false, |
||
| 37 | moduleCache = [], |
||
| 38 | modulePromises = {}; |
||
| 39 | |||
| 40 | moduleCache.push = function (value) { |
||
| 41 | if (this.indexOf(value) === -1) { |
||
| 42 | Array.prototype.push.apply(this, arguments); |
||
| 43 | } |
||
| 44 | }; |
||
| 45 | |||
| 46 | this.config = function (config) { |
||
| 47 | // If we want to define modules configs |
||
| 48 | if (angular.isDefined(config.modules)) { |
||
| 49 | if (angular.isArray(config.modules)) { |
||
| 50 | angular.forEach(config.modules, function (moduleConfig) { |
||
| 51 | modules[moduleConfig.name] = moduleConfig; |
||
| 52 | }); |
||
| 53 | } else { |
||
| 54 | modules[config.modules.name] = config.modules; |
||
| 55 | } |
||
| 56 | } |
||
| 57 | |||
| 58 | if (angular.isDefined(config.debug)) { |
||
| 59 | debug = config.debug; |
||
| 60 | } |
||
| 61 | |||
| 62 | if (angular.isDefined(config.events)) { |
||
| 63 | events = config.events; |
||
| 64 | } |
||
| 65 | }; |
||
| 66 | |||
| 67 | /** |
||
| 68 | * Get the list of existing registered modules |
||
| 69 | * @param element |
||
| 70 | */ |
||
| 71 | this._init = function _init(element) { |
||
| 72 | // this is probably useless now because we override angular.bootstrap |
||
| 73 | if (modulesToLoad.length === 0) { |
||
| 74 | var elements = [element], |
||
| 75 | names = ['ng:app', 'ng-app', 'x-ng-app', 'data-ng-app'], |
||
| 76 | NG_APP_CLASS_REGEXP = /\sng[:\-]app(:\s*([\w\d_]+);?)?\s/, |
||
| 77 | append = function append(elm) { |
||
| 78 | return elm && elements.push(elm); |
||
| 79 | }; |
||
| 80 | |||
| 81 | angular.forEach(names, function (name) { |
||
| 82 | names[name] = true; |
||
| 83 | append(document.getElementById(name)); |
||
| 84 | name = name.replace(':', '\\:'); |
||
| 85 | if (typeof element[0] !== 'undefined' && element[0].querySelectorAll) { |
||
| 86 | angular.forEach(element[0].querySelectorAll('.' + name), append); |
||
| 87 | angular.forEach(element[0].querySelectorAll('.' + name + '\\:'), append); |
||
| 88 | angular.forEach(element[0].querySelectorAll('[' + name + ']'), append); |
||
| 89 | } |
||
| 90 | }); |
||
| 91 | |||
| 92 | angular.forEach(elements, function (elm) { |
||
| 93 | if (modulesToLoad.length === 0) { |
||
| 94 | var className = ' ' + element.className + ' '; |
||
| 95 | var match = NG_APP_CLASS_REGEXP.exec(className); |
||
| 96 | if (match) { |
||
| 97 | modulesToLoad.push((match[2] || '').replace(/\s+/g, ',')); |
||
| 98 | } else { |
||
| 99 | angular.forEach(elm.attributes, function (attr) { |
||
| 100 | if (modulesToLoad.length === 0 && names[attr.name]) { |
||
| 101 | modulesToLoad.push(attr.value); |
||
| 102 | } |
||
| 103 | }); |
||
| 104 | } |
||
| 105 | } |
||
| 106 | }); |
||
| 107 | } |
||
| 108 | |||
| 109 | if (modulesToLoad.length === 0 && !((window.jasmine || window.mocha) && angular.isDefined(angular.mock))) { |
||
| 110 | console.error('No module found during bootstrap, unable to init ocLazyLoad. You should always use the ng-app directive or angular.boostrap when you use ocLazyLoad.'); |
||
| 111 | } |
||
| 112 | |||
| 113 | var addReg = function addReg(moduleName) { |
||
| 114 | if (regModules.indexOf(moduleName) === -1) { |
||
| 115 | // register existing modules |
||
| 116 | regModules.push(moduleName); |
||
| 117 | var mainModule = angular.module(moduleName); |
||
| 118 | |||
| 119 | // register existing components (directives, services, ...) |
||
| 120 | _invokeQueue(null, mainModule._invokeQueue, moduleName); |
||
| 121 | _invokeQueue(null, mainModule._configBlocks, moduleName); // angular 1.3+ |
||
| 122 | |||
| 123 | angular.forEach(mainModule.requires, addReg); |
||
| 124 | } |
||
| 125 | }; |
||
| 126 | |||
| 127 | angular.forEach(modulesToLoad, function (moduleName) { |
||
| 128 | addReg(moduleName); |
||
| 129 | }); |
||
| 130 | |||
| 131 | modulesToLoad = []; // reset for next bootstrap |
||
| 132 | recordDeclarations.pop(); // wait for the next lazy load |
||
| 133 | }; |
||
| 134 | |||
| 135 | /** |
||
| 136 | * Like JSON.stringify but that doesn't throw on circular references |
||
| 137 | * @param obj |
||
| 138 | */ |
||
| 139 | var stringify = function stringify(obj) { |
||
| 140 | try { |
||
| 141 | return JSON.stringify(obj); |
||
| 142 | } catch (e) { |
||
| 143 | var cache = []; |
||
| 144 | return JSON.stringify(obj, function (key, value) { |
||
| 145 | if (angular.isObject(value) && value !== null) { |
||
| 146 | if (cache.indexOf(value) !== -1) { |
||
| 147 | // Circular reference found, discard key |
||
| 148 | return; |
||
| 149 | } |
||
| 150 | // Store value in our collection |
||
| 151 | cache.push(value); |
||
| 152 | } |
||
| 153 | return value; |
||
| 154 | }); |
||
| 155 | } |
||
| 156 | }; |
||
| 157 | |||
| 158 | var hashCode = function hashCode(str) { |
||
| 159 | var hash = 0, |
||
| 160 | i, |
||
| 161 | chr, |
||
| 162 | len; |
||
| 163 | if (str.length == 0) { |
||
| 164 | return hash; |
||
| 165 | } |
||
| 166 | for (i = 0, len = str.length; i < len; i++) { |
||
| 167 | chr = str.charCodeAt(i); |
||
| 168 | hash = (hash << 5) - hash + chr; |
||
| 169 | hash |= 0; // Convert to 32bit integer |
||
| 170 | } |
||
| 171 | return hash; |
||
| 172 | }; |
||
| 173 | |||
| 174 | function _register(providers, registerModules, params) { |
||
| 175 | if (registerModules) { |
||
| 176 | var k, |
||
| 177 | moduleName, |
||
| 178 | moduleFn, |
||
| 179 | tempRunBlocks = []; |
||
| 180 | for (k = registerModules.length - 1; k >= 0; k--) { |
||
| 181 | moduleName = registerModules[k]; |
||
| 182 | if (!angular.isString(moduleName)) { |
||
| 183 | moduleName = getModuleName(moduleName); |
||
| 184 | } |
||
| 185 | if (!moduleName || justLoaded.indexOf(moduleName) !== -1 || modules[moduleName] && realModules.indexOf(moduleName) === -1) { |
||
| 186 | continue; |
||
| 187 | } |
||
| 188 | // new if not registered |
||
| 189 | var newModule = regModules.indexOf(moduleName) === -1; |
||
| 190 | moduleFn = ngModuleFct(moduleName); |
||
| 191 | if (newModule) { |
||
| 192 | regModules.push(moduleName); |
||
| 193 | _register(providers, moduleFn.requires, params); |
||
| 194 | } |
||
| 195 | if (moduleFn._runBlocks.length > 0) { |
||
| 196 | // new run blocks detected! Replace the old ones (if existing) |
||
| 197 | runBlocks[moduleName] = []; |
||
| 198 | while (moduleFn._runBlocks.length > 0) { |
||
| 199 | runBlocks[moduleName].push(moduleFn._runBlocks.shift()); |
||
| 200 | } |
||
| 201 | } |
||
| 202 | if (angular.isDefined(runBlocks[moduleName]) && (newModule || params.rerun)) { |
||
| 203 | tempRunBlocks = tempRunBlocks.concat(runBlocks[moduleName]); |
||
| 204 | } |
||
| 205 | _invokeQueue(providers, moduleFn._invokeQueue, moduleName, params.reconfig); |
||
| 206 | _invokeQueue(providers, moduleFn._configBlocks, moduleName, params.reconfig); // angular 1.3+ |
||
| 207 | broadcast(newModule ? 'ocLazyLoad.moduleLoaded' : 'ocLazyLoad.moduleReloaded', moduleName); |
||
| 208 | registerModules.pop(); |
||
| 209 | justLoaded.push(moduleName); |
||
| 210 | } |
||
| 211 | // execute the run blocks at the end |
||
| 212 | var instanceInjector = providers.getInstanceInjector(); |
||
| 213 | angular.forEach(tempRunBlocks, function (fn) { |
||
| 214 | instanceInjector.invoke(fn); |
||
| 215 | }); |
||
| 216 | } |
||
| 217 | } |
||
| 218 | |||
| 219 | function _registerInvokeList(args, moduleName) { |
||
| 220 | var invokeList = args[2][0], |
||
| 221 | type = args[1], |
||
| 222 | newInvoke = false; |
||
| 223 | if (angular.isUndefined(regInvokes[moduleName])) { |
||
| 224 | regInvokes[moduleName] = {}; |
||
| 225 | } |
||
| 226 | if (angular.isUndefined(regInvokes[moduleName][type])) { |
||
| 227 | regInvokes[moduleName][type] = {}; |
||
| 228 | } |
||
| 229 | var onInvoke = function onInvoke(invokeName, invoke) { |
||
| 230 | if (!regInvokes[moduleName][type].hasOwnProperty(invokeName)) { |
||
| 231 | regInvokes[moduleName][type][invokeName] = []; |
||
| 232 | } |
||
| 233 | if (checkHashes(invoke, regInvokes[moduleName][type][invokeName])) { |
||
| 234 | newInvoke = true; |
||
| 235 | regInvokes[moduleName][type][invokeName].push(invoke); |
||
| 236 | broadcast('ocLazyLoad.componentLoaded', [moduleName, type, invokeName]); |
||
| 237 | } |
||
| 238 | }; |
||
| 239 | |||
| 240 | function checkHashes(potentialNew, invokes) { |
||
| 241 | var isNew = true, |
||
| 242 | newHash; |
||
| 243 | if (invokes.length) { |
||
| 244 | newHash = signature(potentialNew); |
||
| 245 | angular.forEach(invokes, function (invoke) { |
||
| 246 | isNew = isNew && signature(invoke) !== newHash; |
||
| 247 | }); |
||
| 248 | } |
||
| 249 | return isNew; |
||
| 250 | } |
||
| 251 | |||
| 252 | function signature(data) { |
||
| 253 | if (angular.isArray(data)) { |
||
| 254 | // arrays are objects, we need to test for it first |
||
| 255 | return hashCode(data.toString()); |
||
| 256 | } else if (angular.isObject(data)) { |
||
| 257 | // constants & values for example |
||
| 258 | return hashCode(stringify(data)); |
||
| 259 | } else { |
||
| 260 | if (angular.isDefined(data) && data !== null) { |
||
| 261 | return hashCode(data.toString()); |
||
| 262 | } else { |
||
|
Comprehensibility
introduced
by
|
|||
| 263 | // null & undefined constants |
||
| 264 | return data; |
||
| 265 | } |
||
| 266 | } |
||
| 267 | } |
||
| 268 | |||
| 269 | if (angular.isString(invokeList)) { |
||
| 270 | onInvoke(invokeList, args[2][1]); |
||
| 271 | } else if (angular.isObject(invokeList)) { |
||
| 272 | angular.forEach(invokeList, function (invoke, key) { |
||
| 273 | if (angular.isString(invoke)) { |
||
| 274 | // decorators for example |
||
| 275 | onInvoke(invoke, invokeList[1]); |
||
| 276 | } else { |
||
| 277 | // components registered as object lists {"componentName": function() {}} |
||
| 278 | onInvoke(key, invoke); |
||
| 279 | } |
||
| 280 | }); |
||
| 281 | } else { |
||
| 282 | return false; |
||
| 283 | } |
||
| 284 | return newInvoke; |
||
| 285 | } |
||
| 286 | |||
| 287 | function _invokeQueue(providers, queue, moduleName, reconfig) { |
||
| 288 | if (!queue) { |
||
| 289 | return; |
||
| 290 | } |
||
| 291 | |||
| 292 | var i, len, args, provider; |
||
| 293 | for (i = 0, len = queue.length; i < len; i++) { |
||
| 294 | args = queue[i]; |
||
| 295 | if (angular.isArray(args)) { |
||
| 296 | if (providers !== null) { |
||
| 297 | if (providers.hasOwnProperty(args[0])) { |
||
| 298 | provider = providers[args[0]]; |
||
| 299 | } else { |
||
| 300 | throw new Error('unsupported provider ' + args[0]); |
||
| 301 | } |
||
| 302 | } |
||
| 303 | var isNew = _registerInvokeList(args, moduleName); |
||
| 304 | if (args[1] !== 'invoke') { |
||
| 305 | if (isNew && angular.isDefined(provider)) { |
||
| 306 | provider[args[1]].apply(provider, args[2]); |
||
| 307 | } |
||
| 308 | } else { |
||
| 309 | // config block |
||
| 310 | var callInvoke = function callInvoke(fct) { |
||
| 311 | var invoked = regConfigs.indexOf(moduleName + '-' + fct); |
||
| 312 | if (invoked === -1 || reconfig) { |
||
| 313 | if (invoked === -1) { |
||
| 314 | regConfigs.push(moduleName + '-' + fct); |
||
| 315 | } |
||
| 316 | if (angular.isDefined(provider)) { |
||
| 317 | provider[args[1]].apply(provider, args[2]); |
||
| 318 | } |
||
| 319 | } |
||
| 320 | }; |
||
| 321 | if (angular.isFunction(args[2][0])) { |
||
| 322 | callInvoke(args[2][0]); |
||
| 323 | } else if (angular.isArray(args[2][0])) { |
||
| 324 | for (var j = 0, jlen = args[2][0].length; j < jlen; j++) { |
||
| 325 | if (angular.isFunction(args[2][0][j])) { |
||
| 326 | callInvoke(args[2][0][j]); |
||
| 327 | } |
||
| 328 | } |
||
| 329 | } |
||
| 330 | } |
||
| 331 | } |
||
| 332 | } |
||
| 333 | } |
||
| 334 | |||
| 335 | function getModuleName(module) { |
||
| 336 | var moduleName = null; |
||
| 337 | if (angular.isString(module)) { |
||
| 338 | moduleName = module; |
||
| 339 | } else if (angular.isObject(module) && module.hasOwnProperty('name') && angular.isString(module.name)) { |
||
| 340 | moduleName = module.name; |
||
| 341 | } |
||
| 342 | return moduleName; |
||
| 343 | } |
||
| 344 | |||
| 345 | function moduleExists(moduleName) { |
||
| 346 | if (!angular.isString(moduleName)) { |
||
| 347 | return false; |
||
| 348 | } |
||
| 349 | try { |
||
| 350 | return ngModuleFct(moduleName); |
||
| 351 | } catch (e) { |
||
| 352 | if (/No module/.test(e) || e.message.indexOf('$injector:nomod') > -1) { |
||
| 353 | return false; |
||
| 354 | } |
||
| 355 | } |
||
| 356 | } |
||
| 357 | |||
| 358 | this.$get = ["$log", "$rootElement", "$rootScope", "$cacheFactory", "$q", function ($log, $rootElement, $rootScope, $cacheFactory, $q) { |
||
| 359 | var instanceInjector, |
||
| 360 | filesCache = $cacheFactory('ocLazyLoad'); |
||
| 361 | |||
| 362 | if (!debug) { |
||
| 363 | $log = {}; |
||
| 364 | $log['error'] = angular.noop; |
||
| 365 | $log['warn'] = angular.noop; |
||
| 366 | $log['info'] = angular.noop; |
||
| 367 | } |
||
| 368 | |||
| 369 | // Make this lazy because when $get() is called the instance injector hasn't been assigned to the rootElement yet |
||
| 370 | providers.getInstanceInjector = function () { |
||
| 371 | return instanceInjector ? instanceInjector : instanceInjector = $rootElement.data('$injector') || angular.injector(); |
||
| 372 | }; |
||
| 373 | |||
| 374 | broadcast = function broadcast(eventName, params) { |
||
| 375 | if (events) { |
||
| 376 | $rootScope.$broadcast(eventName, params); |
||
| 377 | } |
||
| 378 | if (debug) { |
||
| 379 | $log.info(eventName, params); |
||
| 380 | } |
||
| 381 | }; |
||
| 382 | |||
| 383 | function reject(e) { |
||
| 384 | var deferred = $q.defer(); |
||
| 385 | $log.error(e.message); |
||
| 386 | deferred.reject(e); |
||
| 387 | return deferred.promise; |
||
| 388 | } |
||
| 389 | |||
| 390 | return { |
||
| 391 | _broadcast: broadcast, |
||
| 392 | |||
| 393 | _$log: $log, |
||
| 394 | |||
| 395 | /** |
||
| 396 | * Returns the files cache used by the loaders to store the files currently loading |
||
| 397 | * @returns {*} |
||
| 398 | */ |
||
| 399 | _getFilesCache: function getFilesCache() { |
||
| 400 | return filesCache; |
||
| 401 | }, |
||
| 402 | |||
| 403 | /** |
||
| 404 | * Let the service know that it should monitor angular.module because files are loading |
||
| 405 | * @param watch boolean |
||
| 406 | */ |
||
| 407 | toggleWatch: function toggleWatch(watch) { |
||
| 408 | if (watch) { |
||
| 409 | recordDeclarations.push(true); |
||
| 410 | } else { |
||
| 411 | recordDeclarations.pop(); |
||
| 412 | } |
||
| 413 | }, |
||
| 414 | |||
| 415 | /** |
||
| 416 | * Let you get a module config object |
||
| 417 | * @param moduleName String the name of the module |
||
| 418 | * @returns {*} |
||
| 419 | */ |
||
| 420 | getModuleConfig: function getModuleConfig(moduleName) { |
||
| 421 | if (!angular.isString(moduleName)) { |
||
| 422 | throw new Error('You need to give the name of the module to get'); |
||
| 423 | } |
||
| 424 | if (!modules[moduleName]) { |
||
| 425 | return null; |
||
| 426 | } |
||
| 427 | return angular.copy(modules[moduleName]); |
||
| 428 | }, |
||
| 429 | |||
| 430 | /** |
||
| 431 | * Let you define a module config object |
||
| 432 | * @param moduleConfig Object the module config object |
||
| 433 | * @returns {*} |
||
| 434 | */ |
||
| 435 | setModuleConfig: function setModuleConfig(moduleConfig) { |
||
| 436 | if (!angular.isObject(moduleConfig)) { |
||
| 437 | throw new Error('You need to give the module config object to set'); |
||
| 438 | } |
||
| 439 | modules[moduleConfig.name] = moduleConfig; |
||
| 440 | return moduleConfig; |
||
| 441 | }, |
||
| 442 | |||
| 443 | /** |
||
| 444 | * Returns the list of loaded modules |
||
| 445 | * @returns {string[]} |
||
| 446 | */ |
||
| 447 | getModules: function getModules() { |
||
| 448 | return regModules; |
||
| 449 | }, |
||
| 450 | |||
| 451 | /** |
||
| 452 | * Let you check if a module has been loaded into Angular or not |
||
| 453 | * @param modulesNames String/Object a module name, or a list of module names |
||
| 454 | * @returns {boolean} |
||
| 455 | */ |
||
| 456 | isLoaded: function isLoaded(modulesNames) { |
||
| 457 | var moduleLoaded = function moduleLoaded(module) { |
||
| 458 | var isLoaded = regModules.indexOf(module) > -1; |
||
| 459 | if (!isLoaded) { |
||
| 460 | isLoaded = !!moduleExists(module); |
||
| 461 | } |
||
| 462 | return isLoaded; |
||
| 463 | }; |
||
| 464 | if (angular.isString(modulesNames)) { |
||
| 465 | modulesNames = [modulesNames]; |
||
| 466 | } |
||
| 467 | if (angular.isArray(modulesNames)) { |
||
| 468 | var i, len; |
||
| 469 | for (i = 0, len = modulesNames.length; i < len; i++) { |
||
| 470 | if (!moduleLoaded(modulesNames[i])) { |
||
| 471 | return false; |
||
| 472 | } |
||
| 473 | } |
||
| 474 | return true; |
||
| 475 | } else { |
||
| 476 | throw new Error('You need to define the module(s) name(s)'); |
||
| 477 | } |
||
| 478 | }, |
||
| 479 | |||
| 480 | /** |
||
| 481 | * Given a module, return its name |
||
| 482 | * @param module |
||
| 483 | * @returns {String} |
||
| 484 | */ |
||
| 485 | _getModuleName: getModuleName, |
||
| 486 | |||
| 487 | /** |
||
| 488 | * Returns a module if it exists |
||
| 489 | * @param moduleName |
||
| 490 | * @returns {module} |
||
| 491 | */ |
||
| 492 | _getModule: function getModule(moduleName) { |
||
| 493 | try { |
||
| 494 | return ngModuleFct(moduleName); |
||
| 495 | } catch (e) { |
||
| 496 | // this error message really suxx |
||
| 497 | if (/No module/.test(e) || e.message.indexOf('$injector:nomod') > -1) { |
||
| 498 | e.message = 'The module "' + stringify(moduleName) + '" that you are trying to load does not exist. ' + e.message; |
||
| 499 | } |
||
| 500 | throw e; |
||
| 501 | } |
||
| 502 | }, |
||
| 503 | |||
| 504 | /** |
||
| 505 | * Check if a module exists and returns it if it does |
||
| 506 | * @param moduleName |
||
| 507 | * @returns {boolean} |
||
| 508 | */ |
||
| 509 | moduleExists: moduleExists, |
||
| 510 | |||
| 511 | /** |
||
| 512 | * Load the dependencies, and might try to load new files depending on the config |
||
| 513 | * @param moduleName (String or Array of Strings) |
||
| 514 | * @param localParams |
||
| 515 | * @returns {*} |
||
| 516 | * @private |
||
| 517 | */ |
||
| 518 | _loadDependencies: function _loadDependencies(moduleName, localParams) { |
||
| 519 | var loadedModule, |
||
| 520 | requires, |
||
| 521 | diff, |
||
| 522 | promisesList = [], |
||
| 523 | self = this; |
||
| 524 | |||
| 525 | moduleName = self._getModuleName(moduleName); |
||
| 526 | |||
| 527 | if (moduleName === null) { |
||
| 528 | return $q.when(); |
||
| 529 | } else { |
||
| 530 | try { |
||
| 531 | loadedModule = self._getModule(moduleName); |
||
| 532 | } catch (e) { |
||
| 533 | return reject(e); |
||
| 534 | } |
||
| 535 | // get unloaded requires |
||
| 536 | requires = self.getRequires(loadedModule); |
||
| 537 | } |
||
| 538 | |||
| 539 | angular.forEach(requires, function (requireEntry) { |
||
| 540 | // If no configuration is provided, try and find one from a previous load. |
||
| 541 | // If there isn't one, bail and let the normal flow run |
||
| 542 | if (angular.isString(requireEntry)) { |
||
| 543 | var config = self.getModuleConfig(requireEntry); |
||
| 544 | if (config === null) { |
||
| 545 | moduleCache.push(requireEntry); // We don't know about this module, but something else might, so push it anyway. |
||
| 546 | return; |
||
| 547 | } |
||
| 548 | requireEntry = config; |
||
| 549 | // ignore the name because it's probably not a real module name |
||
| 550 | config.name = undefined; |
||
| 551 | } |
||
| 552 | |||
| 553 | // Check if this dependency has been loaded previously |
||
| 554 | if (self.moduleExists(requireEntry.name)) { |
||
| 555 | // compare against the already loaded module to see if the new definition adds any new files |
||
| 556 | diff = requireEntry.files.filter(function (n) { |
||
| 557 | return self.getModuleConfig(requireEntry.name).files.indexOf(n) < 0; |
||
| 558 | }); |
||
| 559 | |||
| 560 | // If the module was redefined, advise via the console |
||
| 561 | if (diff.length !== 0) { |
||
| 562 | self._$log.warn('Module "', moduleName, '" attempted to redefine configuration for dependency. "', requireEntry.name, '"\n Additional Files Loaded:', diff); |
||
| 563 | } |
||
| 564 | |||
| 565 | // Push everything to the file loader, it will weed out the duplicates. |
||
| 566 | if (angular.isDefined(self.filesLoader)) { |
||
| 567 | // if a files loader is defined |
||
| 568 | promisesList.push(self.filesLoader(requireEntry, localParams).then(function () { |
||
| 569 | return self._loadDependencies(requireEntry); |
||
| 570 | })); |
||
| 571 | } else { |
||
| 572 | return reject(new Error('Error: New dependencies need to be loaded from external files (' + requireEntry.files + '), but no loader has been defined.')); |
||
| 573 | } |
||
| 574 | return; |
||
| 575 | } else if (angular.isArray(requireEntry)) { |
||
| 576 | var files = []; |
||
| 577 | angular.forEach(requireEntry, function (entry) { |
||
| 578 | // let's check if the entry is a file name or a config name |
||
| 579 | var config = self.getModuleConfig(entry); |
||
| 580 | if (config === null) { |
||
| 581 | files.push(entry); |
||
| 582 | } else if (config.files) { |
||
| 583 | files = files.concat(config.files); |
||
| 584 | } |
||
| 585 | }); |
||
| 586 | if (files.length > 0) { |
||
| 587 | requireEntry = { |
||
| 588 | files: files |
||
| 589 | }; |
||
| 590 | } |
||
| 591 | } else if (angular.isObject(requireEntry)) { |
||
| 592 | if (requireEntry.hasOwnProperty('name') && requireEntry['name']) { |
||
| 593 | // The dependency doesn't exist in the module cache and is a new configuration, so store and push it. |
||
| 594 | self.setModuleConfig(requireEntry); |
||
| 595 | moduleCache.push(requireEntry['name']); |
||
| 596 | } |
||
| 597 | } |
||
| 598 | |||
| 599 | // Check if the dependency has any files that need to be loaded. If there are, push a new promise to the promise list. |
||
| 600 | if (angular.isDefined(requireEntry.files) && requireEntry.files.length !== 0) { |
||
| 601 | if (angular.isDefined(self.filesLoader)) { |
||
| 602 | // if a files loader is defined |
||
| 603 | promisesList.push(self.filesLoader(requireEntry, localParams).then(function () { |
||
| 604 | return self._loadDependencies(requireEntry); |
||
| 605 | })); |
||
| 606 | } else { |
||
| 607 | return reject(new Error('Error: the module "' + requireEntry.name + '" is defined in external files (' + requireEntry.files + '), but no loader has been defined.')); |
||
| 608 | } |
||
| 609 | } |
||
| 610 | }); |
||
| 611 | |||
| 612 | // Create a wrapper promise to watch the promise list and resolve it once everything is done. |
||
| 613 | return $q.all(promisesList); |
||
| 614 | }, |
||
| 615 | |||
| 616 | /** |
||
| 617 | * Inject new modules into Angular |
||
| 618 | * @param moduleName |
||
| 619 | * @param localParams |
||
| 620 | * @param real |
||
| 621 | */ |
||
| 622 | inject: function inject(moduleName) { |
||
| 623 | var localParams = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1]; |
||
| 624 | var real = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2]; |
||
| 625 | |||
| 626 | var self = this, |
||
| 627 | deferred = $q.defer(); |
||
| 628 | if (angular.isDefined(moduleName) && moduleName !== null) { |
||
| 629 | if (angular.isArray(moduleName)) { |
||
| 630 | var promisesList = []; |
||
| 631 | angular.forEach(moduleName, function (module) { |
||
| 632 | promisesList.push(self.inject(module, localParams, real)); |
||
| 633 | }); |
||
| 634 | return $q.all(promisesList); |
||
| 635 | } else { |
||
| 636 | self._addToLoadList(self._getModuleName(moduleName), true, real); |
||
| 637 | } |
||
| 638 | } |
||
| 639 | if (modulesToLoad.length > 0) { |
||
| 640 | var res = modulesToLoad.slice(); // clean copy |
||
| 641 | var loadNext = function loadNext(moduleName) { |
||
| 642 | moduleCache.push(moduleName); |
||
| 643 | modulePromises[moduleName] = deferred.promise; |
||
| 644 | self._loadDependencies(moduleName, localParams).then(function success() { |
||
| 645 | try { |
||
| 646 | justLoaded = []; |
||
| 647 | _register(providers, moduleCache, localParams); |
||
| 648 | } catch (e) { |
||
| 649 | self._$log.error(e.message); |
||
| 650 | deferred.reject(e); |
||
| 651 | return; |
||
| 652 | } |
||
| 653 | |||
| 654 | if (modulesToLoad.length > 0) { |
||
| 655 | loadNext(modulesToLoad.shift()); // load the next in list |
||
| 656 | } else { |
||
| 657 | deferred.resolve(res); // everything has been loaded, resolve |
||
| 658 | } |
||
| 659 | }, function error(err) { |
||
| 660 | deferred.reject(err); |
||
| 661 | }); |
||
| 662 | }; |
||
| 663 | |||
| 664 | // load the first in list |
||
| 665 | loadNext(modulesToLoad.shift()); |
||
| 666 | } else if (localParams && localParams.name && modulePromises[localParams.name]) { |
||
| 667 | return modulePromises[localParams.name]; |
||
| 668 | } else { |
||
| 669 | deferred.resolve(); |
||
| 670 | } |
||
| 671 | return deferred.promise; |
||
| 672 | }, |
||
| 673 | |||
| 674 | /** |
||
| 675 | * Get the list of required modules/services/... for this module |
||
| 676 | * @param module |
||
| 677 | * @returns {Array} |
||
| 678 | */ |
||
| 679 | getRequires: function getRequires(module) { |
||
| 680 | var requires = []; |
||
| 681 | angular.forEach(module.requires, function (requireModule) { |
||
| 682 | if (regModules.indexOf(requireModule) === -1) { |
||
| 683 | requires.push(requireModule); |
||
| 684 | } |
||
| 685 | }); |
||
| 686 | return requires; |
||
| 687 | }, |
||
| 688 | |||
| 689 | /** |
||
| 690 | * Invoke the new modules & component by their providers |
||
| 691 | * @param providers |
||
| 692 | * @param queue |
||
| 693 | * @param moduleName |
||
| 694 | * @param reconfig |
||
| 695 | * @private |
||
| 696 | */ |
||
| 697 | _invokeQueue: _invokeQueue, |
||
| 698 | |||
| 699 | /** |
||
| 700 | * Check if a module has been invoked and registers it if not |
||
| 701 | * @param args |
||
| 702 | * @param moduleName |
||
| 703 | * @returns {boolean} is new |
||
| 704 | */ |
||
| 705 | _registerInvokeList: _registerInvokeList, |
||
| 706 | |||
| 707 | /** |
||
| 708 | * Register a new module and loads it, executing the run/config blocks if needed |
||
| 709 | * @param providers |
||
| 710 | * @param registerModules |
||
| 711 | * @param params |
||
| 712 | * @private |
||
| 713 | */ |
||
| 714 | _register: _register, |
||
| 715 | |||
| 716 | /** |
||
| 717 | * Add a module name to the list of modules that will be loaded in the next inject |
||
| 718 | * @param name |
||
| 719 | * @param force |
||
| 720 | * @private |
||
| 721 | */ |
||
| 722 | _addToLoadList: _addToLoadList, |
||
| 723 | |||
| 724 | /** |
||
| 725 | * Unregister modules (you shouldn't have to use this) |
||
| 726 | * @param modules |
||
| 727 | */ |
||
| 728 | _unregister: function _unregister(modules) { |
||
| 729 | if (angular.isDefined(modules)) { |
||
| 730 | if (angular.isArray(modules)) { |
||
| 731 | angular.forEach(modules, function (module) { |
||
| 732 | regInvokes[module] = undefined; |
||
| 733 | }); |
||
| 734 | } |
||
| 735 | } |
||
| 736 | } |
||
| 737 | }; |
||
| 738 | }]; |
||
| 739 | |||
| 740 | // Let's get the list of loaded modules & components |
||
| 741 | this._init(angular.element(window.document)); |
||
| 742 | }]); |
||
| 743 | |||
| 744 | var bootstrapFct = angular.bootstrap; |
||
| 745 | angular.bootstrap = function (element, modules, config) { |
||
| 746 | // Clean state from previous bootstrap |
||
| 747 | regModules = ['ng', 'oc.lazyLoad']; |
||
| 748 | regInvokes = {}; |
||
| 749 | regConfigs = []; |
||
| 750 | modulesToLoad = []; |
||
| 751 | realModules = []; |
||
| 752 | recordDeclarations = []; |
||
| 753 | broadcast = angular.noop; |
||
| 754 | runBlocks = {}; |
||
| 755 | justLoaded = []; |
||
| 756 | // we use slice to make a clean copy |
||
| 757 | angular.forEach(modules.slice(), function (module) { |
||
| 758 | _addToLoadList(module, true, true); |
||
| 759 | }); |
||
| 760 | return bootstrapFct(element, modules, config); |
||
| 761 | }; |
||
| 762 | |||
| 763 | var _addToLoadList = function _addToLoadList(name, force, real) { |
||
| 764 | if ((recordDeclarations.length > 0 || force) && angular.isString(name) && modulesToLoad.indexOf(name) === -1) { |
||
| 765 | modulesToLoad.push(name); |
||
| 766 | if (real) { |
||
| 767 | realModules.push(name); |
||
| 768 | } |
||
| 769 | } |
||
| 770 | }; |
||
| 771 | |||
| 772 | var ngModuleFct = angular.module; |
||
| 773 | angular.module = function (name, requires, configFn) { |
||
| 774 | _addToLoadList(name, false, true); |
||
| 775 | return ngModuleFct(name, requires, configFn); |
||
| 776 | }; |
||
| 777 | |||
| 778 | // CommonJS package manager support: |
||
| 779 | if (typeof module !== 'undefined' && typeof exports !== 'undefined' && module.exports === exports) { |
||
| 780 | module.exports = 'oc.lazyLoad'; |
||
| 781 | } |
||
| 782 | })(angular, window); |
||
| 783 | (function (angular) { |
||
| 784 | 'use strict'; |
||
| 785 | |||
| 786 | angular.module('oc.lazyLoad').directive('ocLazyLoad', ["$ocLazyLoad", "$compile", "$animate", "$parse", "$timeout", function ($ocLazyLoad, $compile, $animate, $parse, $timeout) { |
||
| 787 | return { |
||
| 788 | restrict: 'A', |
||
| 789 | terminal: true, |
||
| 790 | priority: 1000, |
||
| 791 | compile: function compile(element, attrs) { |
||
| 792 | // we store the content and remove it before compilation |
||
| 793 | var content = element[0].innerHTML; |
||
| 794 | element.html(''); |
||
| 795 | |||
| 796 | return function ($scope, $element, $attr) { |
||
| 797 | var model = $parse($attr.ocLazyLoad); |
||
| 798 | $scope.$watch(function () { |
||
| 799 | return model($scope) || $attr.ocLazyLoad; // it can be a module name (string), an object, an array, or a scope reference to any of this |
||
| 800 | }, function (moduleName) { |
||
| 801 | if (angular.isDefined(moduleName)) { |
||
| 802 | $ocLazyLoad.load(moduleName).then(function () { |
||
| 803 | // Attach element contents to DOM and then compile them. |
||
| 804 | // This prevents an issue where IE invalidates saved element objects (HTMLCollections) |
||
| 805 | // of the compiled contents when attaching to the parent DOM. |
||
| 806 | $animate.enter(content, $element); |
||
| 807 | // get the new content & compile it |
||
| 808 | $compile($element.contents())($scope); |
||
| 809 | }); |
||
| 810 | } |
||
| 811 | }, true); |
||
| 812 | }; |
||
| 813 | } |
||
| 814 | }; |
||
| 815 | }]); |
||
| 816 | })(angular); |
||
| 817 | (function (angular) { |
||
| 818 | 'use strict'; |
||
| 819 | |||
| 820 | angular.module('oc.lazyLoad').config(["$provide", function ($provide) { |
||
| 821 | $provide.decorator('$ocLazyLoad', ["$delegate", "$q", "$window", "$interval", function ($delegate, $q, $window, $interval) { |
||
| 822 | var uaCssChecked = false, |
||
| 823 | useCssLoadPatch = false, |
||
| 824 | anchor = $window.document.getElementsByTagName('head')[0] || $window.document.getElementsByTagName('body')[0]; |
||
| 825 | |||
| 826 | /** |
||
| 827 | * Load a js/css file |
||
| 828 | * @param type |
||
| 829 | * @param path |
||
| 830 | * @param params |
||
| 831 | * @returns promise |
||
| 832 | */ |
||
| 833 | $delegate.buildElement = function buildElement(type, path, params) { |
||
| 834 | var deferred = $q.defer(), |
||
| 835 | el, |
||
| 836 | loaded, |
||
| 837 | filesCache = $delegate._getFilesCache(), |
||
| 838 | cacheBuster = function cacheBuster(url) { |
||
| 839 | var dc = new Date().getTime(); |
||
| 840 | if (url.indexOf('?') >= 0) { |
||
| 841 | if (url.substring(0, url.length - 1) === '&') { |
||
| 842 | return url + '_dc=' + dc; |
||
| 843 | } |
||
| 844 | return url + '&_dc=' + dc; |
||
| 845 | } else { |
||
| 846 | return url + '?_dc=' + dc; |
||
| 847 | } |
||
| 848 | }; |
||
| 849 | |||
| 850 | // Store the promise early so the file load can be detected by other parallel lazy loads |
||
| 851 | // (ie: multiple routes on one page) a 'true' value isn't sufficient |
||
| 852 | // as it causes false positive load results. |
||
| 853 | if (angular.isUndefined(filesCache.get(path))) { |
||
| 854 | filesCache.put(path, deferred.promise); |
||
| 855 | } |
||
| 856 | |||
| 857 | // Switch in case more content types are added later |
||
| 858 | switch (type) { |
||
| 859 | case 'css': |
||
| 860 | el = $window.document.createElement('link'); |
||
| 861 | el.type = 'text/css'; |
||
| 862 | el.rel = 'stylesheet'; |
||
| 863 | el.href = params.cache === false ? cacheBuster(path) : path; |
||
| 864 | break; |
||
| 865 | case 'js': |
||
| 866 | el = $window.document.createElement('script'); |
||
| 867 | el.src = params.cache === false ? cacheBuster(path) : path; |
||
| 868 | break; |
||
| 869 | default: |
||
| 870 | filesCache.remove(path); |
||
| 871 | deferred.reject(new Error('Requested type "' + type + '" is not known. Could not inject "' + path + '"')); |
||
| 872 | break; |
||
| 873 | } |
||
| 874 | el.onload = el['onreadystatechange'] = function (e) { |
||
| 875 | if (el['readyState'] && !/^c|loade/.test(el['readyState']) || loaded) return; |
||
| 876 | el.onload = el['onreadystatechange'] = null; |
||
| 877 | loaded = 1; |
||
| 878 | $delegate._broadcast('ocLazyLoad.fileLoaded', path); |
||
| 879 | deferred.resolve(el); |
||
| 880 | }; |
||
| 881 | el.onerror = function () { |
||
| 882 | filesCache.remove(path); |
||
| 883 | deferred.reject(new Error('Unable to load ' + path)); |
||
| 884 | }; |
||
| 885 | el.async = params.serie ? 0 : 1; |
||
| 886 | |||
| 887 | var insertBeforeElem = anchor.lastChild; |
||
| 888 | if (params.insertBefore) { |
||
| 889 | var element = angular.element(angular.isDefined(window.jQuery) ? params.insertBefore : document.querySelector(params.insertBefore)); |
||
| 890 | if (element && element.length > 0) { |
||
| 891 | insertBeforeElem = element[0]; |
||
| 892 | } |
||
| 893 | } |
||
| 894 | insertBeforeElem.parentNode.insertBefore(el, insertBeforeElem); |
||
| 895 | |||
| 896 | /* |
||
| 897 | The event load or readystatechange doesn't fire in: |
||
| 898 | - PhantomJS 1.9 (headless webkit browser) |
||
| 899 | - iOS < 6 (default mobile browser) |
||
| 900 | - Android < 4.4 (default mobile browser) |
||
| 901 | - Safari < 6 (desktop browser) |
||
| 902 | */ |
||
| 903 | if (type == 'css') { |
||
| 904 | if (!uaCssChecked) { |
||
| 905 | var ua = $window.navigator.userAgent.toLowerCase(); |
||
| 906 | |||
| 907 | if (ua.indexOf('phantomjs/1.9') > -1) { |
||
| 908 | // PhantomJS ~1.9 |
||
| 909 | useCssLoadPatch = true; |
||
| 910 | } else if (/iP(hone|od|ad)/.test($window.navigator.platform)) { |
||
| 911 | // iOS < 6 |
||
| 912 | var v = $window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/); |
||
| 913 | var iOSVersion = parseFloat([parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)].join('.')); |
||
| 914 | useCssLoadPatch = iOSVersion < 6; |
||
| 915 | } else if (ua.indexOf('android') > -1) { |
||
| 916 | // Android < 4.4 |
||
| 917 | var androidVersion = parseFloat(ua.slice(ua.indexOf('android') + 8)); |
||
| 918 | useCssLoadPatch = androidVersion < 4.4; |
||
| 919 | } else if (ua.indexOf('safari') > -1) { |
||
| 920 | // Safari < 6 |
||
| 921 | var versionMatch = ua.match(/version\/([\.\d]+)/i); |
||
| 922 | useCssLoadPatch = versionMatch && versionMatch[1] && parseFloat(versionMatch[1]) < 6; |
||
| 923 | } |
||
| 924 | } |
||
| 925 | |||
| 926 | if (useCssLoadPatch) { |
||
| 927 | var tries = 1000; // * 20 = 20000 miliseconds |
||
| 928 | var interval = $interval(function () { |
||
| 929 | try { |
||
| 930 | el.sheet.cssRules; |
||
| 931 | $interval.cancel(interval); |
||
| 932 | el.onload(); |
||
| 933 | } catch (e) { |
||
| 934 | if (--tries <= 0) { |
||
| 935 | el.onerror(); |
||
| 936 | } |
||
| 937 | } |
||
| 938 | }, 20); |
||
| 939 | } |
||
| 940 | } |
||
| 941 | |||
| 942 | return deferred.promise; |
||
| 943 | }; |
||
| 944 | |||
| 945 | return $delegate; |
||
| 946 | }]); |
||
| 947 | }]); |
||
| 948 | })(angular); |
||
| 949 | (function (angular) { |
||
| 950 | 'use strict'; |
||
| 951 | |||
| 952 | angular.module('oc.lazyLoad').config(["$provide", function ($provide) { |
||
| 953 | $provide.decorator('$ocLazyLoad', ["$delegate", "$q", function ($delegate, $q) { |
||
| 954 | /** |
||
| 955 | * The function that loads new files |
||
| 956 | * @param config |
||
| 957 | * @param params |
||
| 958 | * @returns {*} |
||
| 959 | */ |
||
| 960 | $delegate.filesLoader = function filesLoader(config) { |
||
| 961 | var params = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1]; |
||
| 962 | |||
| 963 | var cssFiles = [], |
||
| 964 | templatesFiles = [], |
||
| 965 | jsFiles = [], |
||
| 966 | promises = [], |
||
| 967 | cachePromise = null, |
||
| 968 | filesCache = $delegate._getFilesCache(); |
||
| 969 | |||
| 970 | $delegate.toggleWatch(true); // start watching angular.module calls |
||
| 971 | |||
| 972 | angular.extend(params, config); |
||
| 973 | |||
| 974 | var pushFile = function pushFile(path) { |
||
| 975 | var file_type = null, |
||
| 976 | m; |
||
| 977 | if (angular.isObject(path)) { |
||
| 978 | file_type = path.type; |
||
| 979 | path = path.path; |
||
| 980 | } |
||
| 981 | cachePromise = filesCache.get(path); |
||
| 982 | if (angular.isUndefined(cachePromise) || params.cache === false) { |
||
| 983 | |||
| 984 | // always check for requirejs syntax just in case |
||
| 985 | if ((m = /^(css|less|html|htm|js)?(?=!)/.exec(path)) !== null) { |
||
| 986 | // Detect file type using preceding type declaration (ala requireJS) |
||
| 987 | file_type = m[1]; |
||
| 988 | path = path.substr(m[1].length + 1, path.length); // Strip the type from the path |
||
| 989 | } |
||
| 990 | |||
| 991 | if (!file_type) { |
||
| 992 | if ((m = /[.](css|less|html|htm|js)?((\?|#).*)?$/.exec(path)) !== null) { |
||
| 993 | // Detect file type via file extension |
||
| 994 | file_type = m[1]; |
||
| 995 | } else if (!$delegate.jsLoader.hasOwnProperty('ocLazyLoadLoader') && $delegate.jsLoader.hasOwnProperty('requirejs')) { |
||
| 996 | // requirejs |
||
| 997 | file_type = 'js'; |
||
| 998 | } else { |
||
| 999 | $delegate._$log.error('File type could not be determined. ' + path); |
||
| 1000 | return; |
||
| 1001 | } |
||
| 1002 | } |
||
| 1003 | |||
| 1004 | if ((file_type === 'css' || file_type === 'less') && cssFiles.indexOf(path) === -1) { |
||
| 1005 | cssFiles.push(path); |
||
| 1006 | } else if ((file_type === 'html' || file_type === 'htm') && templatesFiles.indexOf(path) === -1) { |
||
| 1007 | templatesFiles.push(path); |
||
| 1008 | } else if (file_type === 'js' || jsFiles.indexOf(path) === -1) { |
||
| 1009 | jsFiles.push(path); |
||
| 1010 | } else { |
||
| 1011 | $delegate._$log.error('File type is not valid. ' + path); |
||
| 1012 | } |
||
| 1013 | } else if (cachePromise) { |
||
| 1014 | promises.push(cachePromise); |
||
| 1015 | } |
||
| 1016 | }; |
||
| 1017 | |||
| 1018 | if (params.serie) { |
||
| 1019 | pushFile(params.files.shift()); |
||
| 1020 | } else { |
||
| 1021 | angular.forEach(params.files, function (path) { |
||
| 1022 | pushFile(path); |
||
| 1023 | }); |
||
| 1024 | } |
||
| 1025 | |||
| 1026 | if (cssFiles.length > 0) { |
||
| 1027 | var cssDeferred = $q.defer(); |
||
| 1028 | $delegate.cssLoader(cssFiles, function (err) { |
||
| 1029 | if (angular.isDefined(err) && $delegate.cssLoader.hasOwnProperty('ocLazyLoadLoader')) { |
||
| 1030 | $delegate._$log.error(err); |
||
| 1031 | cssDeferred.reject(err); |
||
| 1032 | } else { |
||
| 1033 | cssDeferred.resolve(); |
||
| 1034 | } |
||
| 1035 | }, params); |
||
| 1036 | promises.push(cssDeferred.promise); |
||
| 1037 | } |
||
| 1038 | |||
| 1039 | if (templatesFiles.length > 0) { |
||
| 1040 | var templatesDeferred = $q.defer(); |
||
| 1041 | $delegate.templatesLoader(templatesFiles, function (err) { |
||
| 1042 | if (angular.isDefined(err) && $delegate.templatesLoader.hasOwnProperty('ocLazyLoadLoader')) { |
||
| 1043 | $delegate._$log.error(err); |
||
| 1044 | templatesDeferred.reject(err); |
||
| 1045 | } else { |
||
| 1046 | templatesDeferred.resolve(); |
||
| 1047 | } |
||
| 1048 | }, params); |
||
| 1049 | promises.push(templatesDeferred.promise); |
||
| 1050 | } |
||
| 1051 | |||
| 1052 | if (jsFiles.length > 0) { |
||
| 1053 | var jsDeferred = $q.defer(); |
||
| 1054 | $delegate.jsLoader(jsFiles, function (err) { |
||
| 1055 | if (angular.isDefined(err) && ($delegate.jsLoader.hasOwnProperty("ocLazyLoadLoader") || $delegate.jsLoader.hasOwnProperty("requirejs"))) { |
||
| 1056 | $delegate._$log.error(err); |
||
| 1057 | jsDeferred.reject(err); |
||
| 1058 | } else { |
||
| 1059 | jsDeferred.resolve(); |
||
| 1060 | } |
||
| 1061 | }, params); |
||
| 1062 | promises.push(jsDeferred.promise); |
||
| 1063 | } |
||
| 1064 | |||
| 1065 | if (promises.length === 0) { |
||
| 1066 | var deferred = $q.defer(), |
||
| 1067 | err = "Error: no file to load has been found, if you're trying to load an existing module you should use the 'inject' method instead of 'load'."; |
||
| 1068 | $delegate._$log.error(err); |
||
| 1069 | deferred.reject(err); |
||
| 1070 | return deferred.promise; |
||
| 1071 | } else if (params.serie && params.files.length > 0) { |
||
| 1072 | return $q.all(promises).then(function () { |
||
| 1073 | return $delegate.filesLoader(config, params); |
||
| 1074 | }); |
||
| 1075 | } else { |
||
| 1076 | return $q.all(promises)['finally'](function (res) { |
||
| 1077 | $delegate.toggleWatch(false); // stop watching angular.module calls |
||
| 1078 | return res; |
||
| 1079 | }); |
||
| 1080 | } |
||
| 1081 | }; |
||
| 1082 | |||
| 1083 | /** |
||
| 1084 | * Load a module or a list of modules into Angular |
||
| 1085 | * @param module Mixed the name of a predefined module config object, or a module config object, or an array of either |
||
| 1086 | * @param params Object optional parameters |
||
| 1087 | * @returns promise |
||
| 1088 | */ |
||
| 1089 | $delegate.load = function (originalModule) { |
||
| 1090 | var originalParams = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1]; |
||
| 1091 | |||
| 1092 | var self = this, |
||
| 1093 | config = null, |
||
| 1094 | deferredList = [], |
||
| 1095 | deferred = $q.defer(), |
||
| 1096 | errText; |
||
| 1097 | |||
| 1098 | // clean copy |
||
| 1099 | var module = angular.copy(originalModule); |
||
| 1100 | var params = angular.copy(originalParams); |
||
| 1101 | |||
| 1102 | // If module is an array, break it down |
||
| 1103 | if (angular.isArray(module)) { |
||
| 1104 | // Resubmit each entry as a single module |
||
| 1105 | angular.forEach(module, function (m) { |
||
| 1106 | deferredList.push(self.load(m, params)); |
||
| 1107 | }); |
||
| 1108 | |||
| 1109 | // Resolve the promise once everything has loaded |
||
| 1110 | $q.all(deferredList).then(function (res) { |
||
| 1111 | deferred.resolve(res); |
||
| 1112 | }, function (err) { |
||
| 1113 | deferred.reject(err); |
||
| 1114 | }); |
||
| 1115 | |||
| 1116 | return deferred.promise; |
||
| 1117 | } |
||
| 1118 | |||
| 1119 | // Get or Set a configuration depending on what was passed in |
||
| 1120 | if (angular.isString(module)) { |
||
| 1121 | config = self.getModuleConfig(module); |
||
| 1122 | if (!config) { |
||
| 1123 | config = { |
||
| 1124 | files: [module] |
||
| 1125 | }; |
||
| 1126 | } |
||
| 1127 | } else if (angular.isObject(module)) { |
||
| 1128 | // case {type: 'js', path: lazyLoadUrl + 'testModule.fakejs'} |
||
| 1129 | if (angular.isDefined(module.path) && angular.isDefined(module.type)) { |
||
| 1130 | config = { |
||
| 1131 | files: [module] |
||
| 1132 | }; |
||
| 1133 | } else { |
||
| 1134 | config = self.setModuleConfig(module); |
||
| 1135 | } |
||
| 1136 | } |
||
| 1137 | |||
| 1138 | if (config === null) { |
||
| 1139 | var moduleName = self._getModuleName(module); |
||
| 1140 | errText = 'Module "' + (moduleName || 'unknown') + '" is not configured, cannot load.'; |
||
| 1141 | $delegate._$log.error(errText); |
||
| 1142 | deferred.reject(new Error(errText)); |
||
| 1143 | return deferred.promise; |
||
| 1144 | } else { |
||
| 1145 | // deprecated |
||
| 1146 | if (angular.isDefined(config.template)) { |
||
| 1147 | if (angular.isUndefined(config.files)) { |
||
| 1148 | config.files = []; |
||
| 1149 | } |
||
| 1150 | if (angular.isString(config.template)) { |
||
| 1151 | config.files.push(config.template); |
||
| 1152 | } else if (angular.isArray(config.template)) { |
||
| 1153 | config.files.concat(config.template); |
||
| 1154 | } |
||
| 1155 | } |
||
| 1156 | } |
||
| 1157 | |||
| 1158 | var localParams = angular.extend({}, params, config); |
||
| 1159 | |||
| 1160 | // if someone used an external loader and called the load function with just the module name |
||
| 1161 | if (angular.isUndefined(config.files) && angular.isDefined(config.name) && $delegate.moduleExists(config.name)) { |
||
| 1162 | return $delegate.inject(config.name, localParams, true); |
||
| 1163 | } |
||
| 1164 | |||
| 1165 | $delegate.filesLoader(config, localParams).then(function () { |
||
| 1166 | $delegate.inject(null, localParams).then(function (res) { |
||
| 1167 | deferred.resolve(res); |
||
| 1168 | }, function (err) { |
||
| 1169 | deferred.reject(err); |
||
| 1170 | }); |
||
| 1171 | }, function (err) { |
||
| 1172 | deferred.reject(err); |
||
| 1173 | }); |
||
| 1174 | |||
| 1175 | return deferred.promise; |
||
| 1176 | }; |
||
| 1177 | |||
| 1178 | // return the patched service |
||
| 1179 | return $delegate; |
||
| 1180 | }]); |
||
| 1181 | }]); |
||
| 1182 | })(angular); |
||
| 1183 | (function (angular) { |
||
| 1184 | 'use strict'; |
||
| 1185 | |||
| 1186 | angular.module('oc.lazyLoad').config(["$provide", function ($provide) { |
||
| 1187 | $provide.decorator('$ocLazyLoad', ["$delegate", "$q", function ($delegate, $q) { |
||
| 1188 | /** |
||
| 1189 | * cssLoader function |
||
| 1190 | * @type Function |
||
| 1191 | * @param paths array list of css files to load |
||
| 1192 | * @param callback to call when everything is loaded. We use a callback and not a promise |
||
| 1193 | * @param params object config parameters |
||
| 1194 | * because the user can overwrite cssLoader and it will probably not use promises :( |
||
| 1195 | */ |
||
| 1196 | $delegate.cssLoader = function (paths, callback, params) { |
||
| 1197 | var promises = []; |
||
| 1198 | angular.forEach(paths, function (path) { |
||
| 1199 | promises.push($delegate.buildElement('css', path, params)); |
||
| 1200 | }); |
||
| 1201 | $q.all(promises).then(function () { |
||
| 1202 | callback(); |
||
| 1203 | }, function (err) { |
||
| 1204 | callback(err); |
||
| 1205 | }); |
||
| 1206 | }; |
||
| 1207 | $delegate.cssLoader.ocLazyLoadLoader = true; |
||
| 1208 | |||
| 1209 | return $delegate; |
||
| 1210 | }]); |
||
| 1211 | }]); |
||
| 1212 | })(angular); |
||
| 1213 | (function (angular) { |
||
| 1214 | 'use strict'; |
||
| 1215 | |||
| 1216 | angular.module('oc.lazyLoad').config(["$provide", function ($provide) { |
||
| 1217 | $provide.decorator('$ocLazyLoad', ["$delegate", "$q", function ($delegate, $q) { |
||
| 1218 | /** |
||
| 1219 | * jsLoader function |
||
| 1220 | * @type Function |
||
| 1221 | * @param paths array list of js files to load |
||
| 1222 | * @param callback to call when everything is loaded. We use a callback and not a promise |
||
| 1223 | * @param params object config parameters |
||
| 1224 | * because the user can overwrite jsLoader and it will probably not use promises :( |
||
| 1225 | */ |
||
| 1226 | $delegate.jsLoader = function (paths, callback, params) { |
||
| 1227 | var promises = []; |
||
| 1228 | angular.forEach(paths, function (path) { |
||
| 1229 | promises.push($delegate.buildElement('js', path, params)); |
||
| 1230 | }); |
||
| 1231 | $q.all(promises).then(function () { |
||
| 1232 | callback(); |
||
| 1233 | }, function (err) { |
||
| 1234 | callback(err); |
||
| 1235 | }); |
||
| 1236 | }; |
||
| 1237 | $delegate.jsLoader.ocLazyLoadLoader = true; |
||
| 1238 | |||
| 1239 | return $delegate; |
||
| 1240 | }]); |
||
| 1241 | }]); |
||
| 1242 | })(angular); |
||
| 1243 | (function (angular) { |
||
| 1244 | 'use strict'; |
||
| 1245 | |||
| 1246 | angular.module('oc.lazyLoad').config(["$provide", function ($provide) { |
||
| 1247 | $provide.decorator('$ocLazyLoad', ["$delegate", "$templateCache", "$q", "$http", function ($delegate, $templateCache, $q, $http) { |
||
| 1248 | /** |
||
| 1249 | * templatesLoader function |
||
| 1250 | * @type Function |
||
| 1251 | * @param paths array list of css files to load |
||
| 1252 | * @param callback to call when everything is loaded. We use a callback and not a promise |
||
| 1253 | * @param params object config parameters for $http |
||
| 1254 | * because the user can overwrite templatesLoader and it will probably not use promises :( |
||
| 1255 | */ |
||
| 1256 | $delegate.templatesLoader = function (paths, callback, params) { |
||
| 1257 | var promises = [], |
||
| 1258 | filesCache = $delegate._getFilesCache(); |
||
| 1259 | |||
| 1260 | angular.forEach(paths, function (url) { |
||
| 1261 | var deferred = $q.defer(); |
||
| 1262 | promises.push(deferred.promise); |
||
| 1263 | $http.get(url, params).then(function (response) { |
||
| 1264 | var data = response.data; |
||
| 1265 | if (angular.isString(data) && data.length > 0) { |
||
| 1266 | angular.forEach(angular.element(data), function (node) { |
||
| 1267 | if (node.nodeName === 'SCRIPT' && node.type === 'text/ng-template') { |
||
| 1268 | $templateCache.put(node.id, node.innerHTML); |
||
| 1269 | } |
||
| 1270 | }); |
||
| 1271 | } |
||
| 1272 | if (angular.isUndefined(filesCache.get(url))) { |
||
| 1273 | filesCache.put(url, true); |
||
| 1274 | } |
||
| 1275 | deferred.resolve(); |
||
| 1276 | })['catch'](function (response) { |
||
| 1277 | deferred.reject(new Error('Unable to load template file "' + url + '": ' + response.data)); |
||
| 1278 | }); |
||
| 1279 | }); |
||
| 1280 | return $q.all(promises).then(function () { |
||
| 1281 | callback(); |
||
| 1282 | }, function (err) { |
||
| 1283 | callback(err); |
||
| 1284 | }); |
||
| 1285 | }; |
||
| 1286 | $delegate.templatesLoader.ocLazyLoadLoader = true; |
||
| 1287 | |||
| 1288 | return $delegate; |
||
| 1289 | }]); |
||
| 1290 | }]); |
||
| 1291 | })(angular); |
||
| 1292 | // Array.indexOf polyfill for IE8 |
||
| 1293 | if (!Array.prototype.indexOf) { |
||
| 1294 | Array.prototype.indexOf = function (searchElement, fromIndex) { |
||
| 1295 | var k; |
||
| 1296 | |||
| 1297 | // 1. Let O be the result of calling ToObject passing |
||
| 1298 | // the this value as the argument. |
||
| 1299 | if (this == null) { |
||
| 1300 | throw new TypeError('"this" is null or not defined'); |
||
| 1301 | } |
||
| 1302 | |||
| 1303 | var O = Object(this); |
||
| 1304 | |||
| 1305 | // 2. Let lenValue be the result of calling the Get |
||
| 1306 | // internal method of O with the argument "length". |
||
| 1307 | // 3. Let len be ToUint32(lenValue). |
||
| 1308 | var len = O.length >>> 0; |
||
| 1309 | |||
| 1310 | // 4. If len is 0, return -1. |
||
| 1311 | if (len === 0) { |
||
| 1312 | return -1; |
||
| 1313 | } |
||
| 1314 | |||
| 1315 | // 5. If argument fromIndex was passed let n be |
||
| 1316 | // ToInteger(fromIndex); else let n be 0. |
||
| 1317 | var n = +fromIndex || 0; |
||
| 1318 | |||
| 1319 | if (Math.abs(n) === Infinity) { |
||
| 1320 | n = 0; |
||
| 1321 | } |
||
| 1322 | |||
| 1323 | // 6. If n >= len, return -1. |
||
| 1324 | if (n >= len) { |
||
| 1325 | return -1; |
||
| 1326 | } |
||
| 1327 | |||
| 1328 | // 7. If n >= 0, then Let k be n. |
||
| 1329 | // 8. Else, n<0, Let k be len - abs(n). |
||
| 1330 | // If k is less than 0, then let k be 0. |
||
| 1331 | k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); |
||
| 1332 | |||
| 1333 | // 9. Repeat, while k < len |
||
| 1334 | while (k < len) { |
||
| 1335 | // a. Let Pk be ToString(k). |
||
| 1336 | // This is implicit for LHS operands of the in operator |
||
| 1337 | // b. Let kPresent be the result of calling the |
||
| 1338 | // HasProperty internal method of O with argument Pk. |
||
| 1339 | // This step can be combined with c |
||
| 1340 | // c. If kPresent is true, then |
||
| 1341 | // i. Let elementK be the result of calling the Get |
||
| 1342 | // internal method of O with the argument ToString(k). |
||
| 1343 | // ii. Let same be the result of applying the |
||
| 1344 | // Strict Equality Comparison Algorithm to |
||
| 1345 | // searchElement and elementK. |
||
| 1346 | // iii. If same is true, return k. |
||
| 1347 | if (k in O && O[k] === searchElement) { |
||
| 1348 | return k; |
||
| 1349 | } |
||
| 1350 | k++; |
||
| 1351 | } |
||
| 1352 | return -1; |
||
| 1353 | }; |
||
| 1354 | } |
Loading history...