0facd79d7e
Changes: - Added constants for APP_NAME, DATA_API_KEY; - Added constants for Event and Selector to the Button and Title modules; - Cleaned up syntax for JS modules;
108 lines
2.7 KiB
JavaScript
108 lines
2.7 KiB
JavaScript
/* jshint esnext: true */
|
|
import { $document } from './utils/environment';
|
|
import { getNodeData } from './utils/html';
|
|
|
|
// Global functions and tools
|
|
import globals from './utils/globals';
|
|
|
|
// Basic modules
|
|
import * as modules from './modules';
|
|
|
|
class App {
|
|
constructor() {
|
|
this.modules = modules;
|
|
this.currentModules = [];
|
|
|
|
$document.on('initModules.App', (event) => {
|
|
this.initGlobals(event.firstBlood)
|
|
.deleteModules()
|
|
.initModules();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Destroy all existing modules
|
|
* @return {Object} this Allows chaining
|
|
*/
|
|
deleteModules() {
|
|
// Loop modules
|
|
var i = this.currentModules.length;
|
|
|
|
// Destroy all modules
|
|
while (i--) {
|
|
this.currentModules[i].destroy();
|
|
this.currentModules.splice(i);
|
|
}
|
|
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Execute global functions and settings
|
|
* Allows you to initialize global modules only once if you need
|
|
* (ex.: when using Barba.js or SmoothState.js)
|
|
* @return {Object} this Allows chaining
|
|
*/
|
|
initGlobals(firstBlood) {
|
|
globals(firstBlood);
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Find modules and initialize them
|
|
* @return {Object} this Allows chaining
|
|
*/
|
|
initModules() {
|
|
// Elements with module
|
|
var moduleEls = document.querySelectorAll('[data-module]');
|
|
|
|
// Loop through elements
|
|
var i = 0;
|
|
var elsLen = moduleEls.length;
|
|
|
|
for (; i < elsLen; i++) {
|
|
|
|
// Current element
|
|
let el = moduleEls[i];
|
|
|
|
// All data- attributes considered as options
|
|
let options = getNodeData(el);
|
|
|
|
// Add current DOM element and jQuery element
|
|
options.el = el;
|
|
options.$el = $(el);
|
|
|
|
// Module does exist at this point
|
|
let attr = options.module;
|
|
|
|
// Splitting modules found in the data-attribute
|
|
let moduleIdents = attr.split(/,\s*|\s+/g);
|
|
|
|
// Loop modules
|
|
let j = 0;
|
|
let modulesLen = moduleIdents.length;
|
|
|
|
for (; j < modulesLen; j++) {
|
|
let moduleAttr = moduleIdents[j];
|
|
|
|
if (typeof this.modules[moduleAttr] === 'function') {
|
|
let module = new this.modules[moduleAttr](options);
|
|
this.currentModules.push(module);
|
|
}
|
|
}
|
|
}
|
|
|
|
return this;
|
|
}
|
|
}
|
|
|
|
// IIFE for loading the application
|
|
// ==========================================================================
|
|
(function() {
|
|
window.App = new App();
|
|
$document.trigger({
|
|
type: 'initModules.App',
|
|
firstBlood: true
|
|
});
|
|
})();
|