MMM-CaravanPiClimate.js

/* ---------------------------------------------------------------------
 * Magic Mirror
 * Module: MMM-CaravanPiClimate
 *
 * CaravanPi Module
 * see https://github.com/spitzlbergerj/CaravanPi for more Information 
 *     about the DIY project 
 *
 * By Josef Spitzlberger http://spitzlberger.de
 * MIT Licensed.
 */

Module.register("MMM-CaravanPiClimate",{

defaults:{
	valueDir: "/home/pi/CaravanPi/values",
	updateInterval: 60000, // milliseconds
	tempUnit: " °C",
	humUnit: " %",
	pressUnit: " hPa",
	tempPrecision: 2,
	humPrecision: 2,
	pressPrecision: 2,
	showDate: true,
	sensors: [
		{
			name: "Innenraum",
			file: "BME280-96-118",
		},
		{
			name: "Außenbereich",
			file: "BME280-96-119",
		},
	],
	localeStr: 'de-DE',
	style: "lines",
},

valueList:[],

start: function (){
	Log.log('Starting module: ' + this.name);
	
	this.valueList = new Array();
	var i = 0;
	// Log.log('sensors: ', this.config.sensors.length, this.config.sensors);
	while(i<this.config.sensors.length){
		this.valueList[i] = new Object();
		this.valueList[i]["name"] = this.config.sensors[i]["name"];
		this.valueList[i]["file"] = this.config.sensors[i]["file"];
		this.valueList[i]["datetime"] = this.translate('LOADING');
		this.valueList[i]["temperature"] = "0";
		this.valueList[i]["pressure"] = "0";
		this.valueList[i]["humidity"] = "0";
		i+=1;
	}
	// Log.log('valueList: ', this.valueList);
	this.sendSocketNotification(
		'CONFIG',
		{
			config: this.config,
			valueList: this.valueList,
		});
},

// Get translations
getTranslations: function() {
	return {
		en: "translations/en.json",
		de: "translations/de.json"
	}
},

// Get the Module CSS
getStyles: function() {
	return ["MMM-CaravanPiClimate.css"];
},


getDom: function(){
	var table = document.createElement("table");
	table.border = 0;
	
	if (this.config.style == "boxes" || this.config.style == "boxlines" ) {
		var boxRow = document.createElement("tr");
		boxRow.className = 'sensorBoxRow';
		boxRow.vAlign = 'top';
	}

	var i = 0;
	while (i<this.config.sensors.length) {
		var temperatureStr = this.prepareAttribute("TEMPERATURE", this.valueList[i]["temperature"], this.config.tempPrecision, this.config.tempUnit);
		var pressureStr = this.prepareAttribute("PRESSURE", this.valueList[i]["pressure"], this.config.pressPrecision, this.config.pressUnit);
		var humidityStr = this.prepareAttribute("HUMIDITY", this.valueList[i]["humidity"], this.config.humPrecision, this.config.humUnit);

		var rowSensor = document.createElement("td");
		rowSensor.className = 'sensorName';
		rowSensor.style.borderBottom = '1px dotted #ffffff';
		rowSensor.appendChild(document.createTextNode(this.valueList[i]["name"]));
		
		var rowTemperature = document.createElement("td");
		rowTemperature.className = 'sensorTemp';
		rowTemperature.appendChild(document.createTextNode(temperatureStr));
		
		var rowPressure = document.createElement("td");
		rowPressure.className = 'sensorPress';
		rowPressure.appendChild(document.createTextNode(pressureStr));
		
		var rowHumidity = document.createElement("td");
		rowHumidity.className = 'sensorHum';
		rowHumidity.appendChild(document.createTextNode(humidityStr));
		
		var rowDate = document.createElement("td");
		rowDate.className = 'sensorDate';
		rowDate.appendChild(document.createTextNode(this.valueList[i]["datetime"]));

		if (this.config.style == "lines") 
		{
			var row = document.createElement("tr");
			row.className = 'sensorContainer';
			row.vAlign = 'top';
			
			rowSensor.width = '120px';
			rowTemperature.width = '60px';
			rowPressure.width = '60px';
			rowHumidity.width = '60px';
			rowDate.width = '60px';
			
			// Building of the table row
			row.appendChild(rowSensor);
			row.appendChild(rowTemperature);
			row.appendChild(rowPressure);
			row.appendChild(rowHumidity);
			
			if(this.config.showDate === true) {
				row.appendChild(rowDate);
			}
			
			table.appendChild(row);
		}
		else if (this.config.style == "boxes" || this.config.style == "boxlines" ) 
		{
			var boxRowElement = document.createElement("td");
			boxRowElement.className = 'sensorBoxRowElement';
			
			var tableInner = document.createElement("table");
			tableInner.style.border= '1px solid #ffffff';
	
			var row1 = document.createElement("tr");
			row1.className = 'sensorContainer';
			row1.align = 'center';
			row1.vAlign = 'top';
			
			if (this.config.style == "boxlines" ) 
			{
				rowSensor.colSpan = '3';
			}
			row1.appendChild(rowSensor);
			
			var row2 = document.createElement("tr");
			row2.className = 'sensorContainer';
			row2.align = 'center';
			row2.vAlign = 'top';
			
			
			if (this.config.style == "boxes" ) 
			{
				row2.appendChild(rowTemperature);
				
				var row3 = document.createElement("tr");
				row3.className = 'sensorContainer';
				row3.align = 'center';
				row3.vAlign = 'top';
				
				row3.appendChild(rowPressure);
				
				var row4 = document.createElement("tr");
				row4.className = 'sensorContainer';
				row4.align = 'center';
				row4.vAlign = 'top';
				
				row4.appendChild(rowHumidity);
				
				// Building the table 
				tableInner.appendChild(row1);
				tableInner.appendChild(row2);
				tableInner.appendChild(row3);
				tableInner.appendChild(row4);
				
			}
			else
			{
				rowTemperature.width = '60px';
				rowPressure.width = '60px';
				rowHumidity.width = '60px';
				rowDate.width = '60px';
				
				// Building of the table row
				row2.appendChild(rowTemperature);
				row2.appendChild(rowPressure);
				row2.appendChild(rowHumidity);
				
				// Building the table 
				tableInner.appendChild(row1);
				tableInner.appendChild(row2);
			}
			
			if(this.config.showDate === true) 
			{
				var row5 = document.createElement("tr");
				row5.className = 'sensorContainer';
				row5.align = 'center';
				row5.vAlign = 'top';
				
				if (this.config.style == "boxlines" ) 
				{
					rowDate.colSpan = '3';
				}
				row5.appendChild(rowDate);
				
				tableInner.appendChild(row5);
			}
			
			boxRowElement.appendChild(tableInner)
			boxRow.appendChild(boxRowElement);
		}
		i+=1;
	}
	
	if (this.config.style == "boxes" || this.config.style == "boxlines" ) {
		table.appendChild(boxRow);
	}

	var wrapper = document.createElement("div")
	wrapper.className = "MMM-CaravanPiClimate";
	
	wrapper.innerHTML = table.outerHTML;
	return wrapper
},

socketNotificationReceived: function(notification, payload){
	Log.log('MMM-Systemvalues: socketNotificationReceived ' + notification + payload);
	switch(notification) {
		case "VALUES":
			this.valueList = payload;
			Log.log('valueList in socketNotificationReceived: ', this.valueList);
			this.updateDom();
			break
	}
},

/**
 * Prepare the output of the given attribute. Reads the attributeName from the
 * settingsArray and do further processing on it, i.e. to display the value with the
 * unit (temperature, valve state) or anything else.
 * Can be used in the future to prepare any other attributes for output.
 */
prepareAttribute: function(attributeName, strValue, precision, unit){
	var preparedAttributeValue = "";
	switch(attributeName){
		case "TEMPERATURE":
		case "PRESSURE":
		case "HUMIDITY":
			preparedAttributeValue = Number(parseFloat(strValue)).toLocaleString(this.config.localeStr, {minimumFractionDigits: precision, maximumFractionDigits: precision}) + unit;
			break;
	}
	return preparedAttributeValue;
}, 

})