MagicMirror/js/main.js

341 lines
8.8 KiB
JavaScript
Raw Normal View History

2016-03-24 17:19:32 +01:00
/* global Log, Loader, Module, config, defaults */
/* jshint -W020 */
2014-02-19 16:45:36 +01:00
2016-03-24 17:19:32 +01:00
/* Magic Mirror
* Main System
*
* By Michael Teeuw http://michaelteeuw.nl
* MIT Licensed.
*/
2014-02-19 16:45:36 +01:00
2016-03-24 17:19:32 +01:00
var MM = (function() {
2014-02-19 16:45:36 +01:00
2016-03-24 17:19:32 +01:00
var modules = [];
2014-02-24 16:35:48 +01:00
2016-03-24 17:19:32 +01:00
/* Private Methods */
2014-02-19 16:45:36 +01:00
2016-03-24 17:19:32 +01:00
/* createDomObjects()
* Create dom objects for all modules that
* are configured for a specific position.
*/
var createDomObjects = function() {
for (var m in modules) {
var module = modules[m];
2016-03-31 17:05:35 +02:00
if (typeof module.data.position === 'string') {
2014-02-26 14:14:29 +01:00
2016-03-24 17:19:32 +01:00
var wrapper = selectWrapper(module.data.position);
2016-03-29 13:28:15 +02:00
var dom = document.createElement("div");
dom.id = module.identifier;
dom.className = module.name;
2016-03-31 17:05:35 +02:00
if (typeof module.data.classes === 'string') {
dom.className = dom.className + ' ' + module.data.classes;
}
dom.opacity = 0;
2016-03-24 17:19:32 +01:00
wrapper.appendChild(dom);
2014-02-24 16:35:48 +01:00
2016-03-31 17:05:35 +02:00
if (typeof module.data.header !== 'undefined' && module.data.header !== '') {
var moduleHeader = document.createElement("header");
moduleHeader.innerHTML = module.data.header;
dom.appendChild(moduleHeader);
}
var moduleContent = document.createElement("div");
moduleContent.className = "module-content";
dom.appendChild(moduleContent);
updateDom(module, 500);
2016-03-24 17:19:32 +01:00
}
}
2014-02-24 16:35:48 +01:00
2016-03-24 17:19:32 +01:00
sendNotification('DOM_OBJECTS_CREATED');
};
2014-04-21 16:51:21 +02:00
2016-03-24 17:19:32 +01:00
/* selectWrapper(position)
* Select the wrapper dom object for a specific position.
*
* argument position string - The name of the position.
*/
var selectWrapper = function(position) {
var classes = position.replace('_',' ');
var parentWrapper = document.getElementsByClassName(classes);
if (parentWrapper.length > 0) {
var wrapper = parentWrapper[0].getElementsByClassName('container');
if (wrapper.length > 0) {
return wrapper[0];
}
}
};
2014-02-19 17:02:17 +01:00
2016-03-24 17:19:32 +01:00
/* sendNotification(notification, payload, sender)
* Send a notification to all modules.
*
* argument notification string - The identifier of the noitication.
* argument payload mixed - The payload of the notification.
* argument sender Module - The module that sent the notification.
*/
var sendNotification = function(notification, payload, sender) {
for (var m in modules) {
var module = modules[m];
if (module !== sender) {
module.notificationReceived(notification, payload, sender);
}
}
};
/* updateDom(module, speed)
* Update the dom for a specific module.
*
* argument module Module - The module that needs an update.
* argument speed Number - The number of microseconds for the animation. (optional)
*/
var updateDom = function(module, speed) {
2016-03-31 17:05:35 +02:00
var moduleWrapper = document.getElementById(module.identifier);
var contentWrapper = moduleWrapper.getElementsByClassName('module-content')[0];
2016-03-29 13:28:15 +02:00
var newContent = module.getDom();
var tempWrapper = document.createElement('div');
tempWrapper.appendChild(newContent);
2016-03-31 17:05:35 +02:00
if (tempWrapper.innerHTML === contentWrapper.innerHTML) {
2016-03-29 13:28:15 +02:00
// Content did not change. Abort update.
return;
}
2016-03-24 17:19:32 +01:00
if (!speed) {
2016-03-31 17:05:35 +02:00
contentWrapper.innerHTML = null;
contentWrapper.appendChild(newContent);
2016-03-24 17:19:32 +01:00
return;
}
2016-03-31 17:05:35 +02:00
moduleWrapper.style.opacity = 1;
moduleWrapper.style.transition = "opacity " + speed / 2 / 1000 + "s";
moduleWrapper.style.opacity = 0;
2016-03-24 17:19:32 +01:00
setTimeout(function() {
2016-03-31 17:05:35 +02:00
contentWrapper.innerHTML = null;
contentWrapper.appendChild(newContent);
2016-03-24 17:19:32 +01:00
2016-03-31 17:05:35 +02:00
moduleWrapper.style.opacity = 1;
2016-03-24 17:19:32 +01:00
}, speed / 2);
};
/* loadConfig()
* Loads the core config and combines it with de system defaults.
*/
var loadConfig = function() {
if (typeof config === 'undefined') {
config = defaults;
Log.error('Config file is missing! Please create a config file.');
return;
}
config = Object.assign(defaults, config);
};
2016-03-31 17:05:35 +02:00
/* setSelectionMethodsForModules()
* Adds special selectors on a collection of modules.
*
* argument modules array - Array of modules.
*/
var setSelectionMethodsForModules = function(modules) {
/* withClass(className)
* filters a collection of modules based on classname(s).
*
* argument className string/array - one or multiple classnames. (array or space devided)
*
* return array - Filtered collection of modules.
*/
var withClass = function(className) {
var newModules = [];
var searchClasses = className;
if (typeof className === 'string') {
searchClasses = className.split(' ');
}
for (var m in modules) {
var module = modules[m];
var classes = module.data.classes.toLowerCase().split(' ');
for (var c in searchClasses) {
var searchClass = searchClasses[c];
if (classes.indexOf(searchClass.toLowerCase()) !== -1) {
newModules.push(module);
}
}
}
setSelectionMethodsForModules(newModules);
return newModules;
};
/* exceptWithClass(className)
* filters a collection of modules based on classname(s). (NOT)
*
* argument className string/array - one or multiple classnames. (array or space devided)
*
* return array - Filtered collection of modules.
*/
var exceptWithClass = function(className) {
var newModules = [];
var searchClasses = className;
if (typeof className === 'string') {
searchClasses = className.split(' ');
}
for (var m in modules) {
var module = modules[m];
var classes = module.data.classes.toLowerCase().split(' ');
var foundClass = false;
for (var c in searchClasses) {
var searchClass = searchClasses[c];
if (classes.indexOf(searchClass.toLowerCase()) !== -1) {
foundClass = true;
break;
}
}
if (!foundClass) {
newModules.push(module);
}
}
setSelectionMethodsForModules(newModules);
return newModules;
};
/* exceptModule(module)
* Removes a module instance from the collection.
*
* argument module Module object - The module instance to remove from the collection.
*
* return array - Filtered collection of modules.
*/
var exceptModule = function(module) {
var newModules = [];
for (var m in modules) {
var mod = modules[m];
if (mod.identifier !== module.identifier) {
newModules.push(mod);
}
}
setSelectionMethodsForModules(newModules);
return newModules;
};
/* enumerate(callback)
* Walks thru a collection of modules and executes the callback with the module as an argument.
*
* argument callback function - The function to execute with the module as an argument.
*/
var enumerate = function(callback) {
for (var m in modules) {
var module = modules[m];
callback(module);
}
};
Object.defineProperty(modules, 'withClass', {value: withClass, enumerable: false});
Object.defineProperty(modules, 'exceptWithClass', {value: exceptWithClass, enumerable: false});
Object.defineProperty(modules, 'exceptModule', {value: exceptModule, enumerable: false});
Object.defineProperty(modules, 'enumerate', {value: enumerate, enumerable: false});
};
2016-03-24 17:19:32 +01:00
return {
/* Public Methods */
/* init()
* Main init method.
*/
init: function() {
Log.info('Initializing MagicMirror.');
loadConfig();
Loader.loadModules();
},
/* modulesStarted(moduleObjects)
* Gets called when all modules are started.
*
* argument moduleObjects array<Module> - All module instances.
*/
modulesStarted: function(moduleObjects) {
modules = [];
for (var m in moduleObjects) {
var module = moduleObjects[m];
modules[module.data.index] = module;
}
Log.info('All modules started!');
sendNotification('ALL_MODULES_STARTED');
createDomObjects();
},
/* sendNotification(notification, payload, sender)
* Send a notification to all modules.
*
* argument notification string - The identifier of the noitication.
* argument payload mixed - The payload of the notification.
* argument sender Module - The module that sent the notification.
*/
sendNotification: function(notification, payload, sender) {
if (arguments.length < 3) {
Log.error('sendNotification: Missing arguments.');
return;
}
if (typeof notification !== 'string') {
Log.error('sendNotification: Notification should be a string.');
return;
}
if (!(sender instanceof Module)) {
Log.error('sendNotification: Sender should be a module.');
return;
}
// Further implementation is done in the private method.
sendNotification(notification, payload, sender);
},
/* updateDom(module, speed)
* Update the dom for a specific module.
*
* argument module Module - The module that needs an update.
* argument speed Number - The number of microseconds for the animation. (optional)
*/
updateDom: function(module, speed) {
if (!(module instanceof Module)) {
Log.error('updateDom: Sender should be a module.');
return;
}
// Further implementation is done in the private method.
updateDom(module, speed);
2016-03-31 17:05:35 +02:00
},
getModules: function() {
setSelectionMethodsForModules(modules);
return modules;
2016-03-24 17:19:32 +01:00
}
};
})();
MM.init();
2014-02-24 11:19:51 +01:00
2014-02-26 14:14:29 +01:00
2014-02-19 16:45:36 +01:00