MMM-MotionEye.js

/* global Module */

/* Magic Mirror
 * Module: MMM-MotionEye
 *
 * By Cato Antonsen
 * MIT Licensed.
 */

Module.register("MMM-MotionEye",{

	// Default module config.
	defaults: {
		width: "400px",
		autoHide: false,
		autoHideDelay: 60000,
		debug: false,
        // Allow the module to force modules to be shown (if hidden and locked by another module ex. profile-switcher).
        allowForce: false,
		// The speed of the hide and show animation.
		animationSpeed: 2000,
		forcedRefreshInterval: 0
	},

	debug: function(msg) {
		if (this.config.debug) {
			console.log("MMM-MotionEye: " + msg)
		}
	},

	start: function() {
		this.refreshTimer = null;
		this.startForcedRefresh(this);

		this.sendSocketNotification("CONFIG", this.config);
	},

	resume: function() {
		this.startForcedRefresh(this);
	},

	suspend: function() {
		if (this.refreshTimer) window.clearInterval(this.refreshTimer);
	},
	
	// Override dom generator.
	getDom: function() {
		if (!this.hidden) {
			var img = document.createElement("img");
			img.setAttribute("class", "motionEyeImage");
			img.id = this.config.id;
			img.src = this.config.url;
			img.style.width = this.config.width;
			return img;
		}
		
		return document.createElement("div");
	},

	startForcedRefresh: function() {
		var self = this;

		if (self.config.forcedRefreshInterval > 0) {
			self.debug("Starting")
			if (self.refreshTimer) window.clearInterval(self.refreshTimer);

			self.refreshTimer = setInterval(function() {
				self.forceRefresh(self);
			}, this.config.forcedRefreshInterval);
		}
	},

	forceRefresh: function(self) {
		if (!self.hidden) {
			var images = document.getElementsByClassName("motionEyeImage");
			for (var i=0; i < images.length; i++) {
				var img = images[i];
				if (img.id == self.config.id) {
					var url = img.src.split((img.src.indexOf("&") > -1) ? "&" : "?"+"timestamp=")[0];
					img.src = url + ((url.indexOf("&") > -1) ? "&" : "?") + "timestamp=" + new Date().getTime();
					self.debug("Reloading " + url);
				}
			}
		}
	},

	socketNotificationReceived: function(notification, id) {
		this.debug("socketNotificationReceived notification: " + notification);
		this.debug("socketNotificationReceived notification id: " + id);
		this.debug("socketNotificationReceived notification config.id: " + this.config.id);

		if (notification === "MotionEyeShow" && this.config.id == id) {
			this.debug("socketNotificationReceived notification is MotionEyeShow");
			
			if (this.timeOutID != undefined) {
				clearTimeout(this.timeOutID);
				this.timeOutID = undefined;
			}

			this.debug("Showing module")
			this.show(this.config.animationSpeed, {force: this.config.allowForce});

			if (this.config.autoHide && this.config.autoHideDelay > 0) {
				this.debug("Module will autohide in " + this.config.autoHideDelay + " ms")
				var self = this;
				this.timeOutID = setTimeout(function() {
					self.debug("Autohiding ...");
					self.hide(this.config.animationSpeed);
				}, self.config.autoHideDelay);
			} else {
				this.debug("AutoHide is not enabled or autoHideDelay is 0")
			}
		} else if (notification == "MotionEyeHide" && this.config.id == id) {
			this.debug("socketNotificationReceived notification is MotionEyeHide");
			var self = this;
			this.hide(this.config.animationSpeed);
		}
	}
});