Initial Commit

.gitignore

@@ -0,0 +1,3 @@
+.nyc_output
+coverage
+node_modules

CHANGELOG.md

@@ -0,0 +1,8 @@
+# MMM-RBB-Weather Change Log
+All notable changes to this project will be documented in this file.
+This project adheres to [Semantic Versioning](http://semver.org/).
+
+
+## [1.0.0] - Release
+
+First public release

LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Nikolai Keist
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

Logger.js

@@ -0,0 +1,7 @@
+module.exports = {
+    debug: console.debug,
+    log: console.log,
+    info: console.info,
+    warn: console.warn,
+    error: console.error,
+};

MMM-RBB-Weather.css

@@ -0,0 +1,57 @@
+/* Magic Mirror
+ * CSS: MMM-RBB-Weather
+ *
+ * By Nikolai Keist (github.com/nkl-kst)
+ * MIT Licensed.
+ */
+
+/*
+ * #####   Current data  #####
+ */
+
+div.current {
+    margin-bottom: 20px;
+}
+
+img.weather-icon {
+    margin-left: 10px;
+    width: 50px;
+}
+
+
+/*
+ * #####   Table data   #####
+ */
+
+table.weather-table td:not(:last-child) {
+    padding-right: 0.6em;
+}
+
+table.weather-table td.day {
+    text-align: center;
+}
+
+table.weather-table img.weather-icon {
+    padding-top: 0.3em;
+    padding-right: 0.3em;
+    width: 1.2em;
+}
+
+table.weather-table td.wind {
+    padding-top: 0.2em;
+    /* padding-right: 0.4em; */
+}
+
+table.weather-table td.wind > span {
+     font-size: 0.5em;
+     font-style: italic;
+}
+
+
+/*
+ * #####   White icons   #####
+ */
+
+div.white img.weather-icon {
+    filter: brightness(0) invert(1);
+}

MMM-RBB-Weather.js

@@ -0,0 +1,243 @@
+/* Magic Mirror
+ * Module: MMM-RBB-Weather
+ *
+ * By Nikolai Keist (github.com/nkl-kst)
+ * MIT Licensed.
+ */
+
+Module.register("MMM-RBB-Weather", {
+
+    defaults: {
+
+        // Data
+        id: "18228265", // Berlin
+        days: 4, // Including current, 0 = only current data
+
+        // Times
+        animationSpeed: 1, // 1 sec.
+        updateInterval: 600, // 10 min.
+
+        // Show / hide flags
+        showCurrentWindspeed: true,
+        showRainProbality: true,
+        showWindspeed: false,
+
+        // Styling
+        tableClass: "small",
+        whiteIcons: true,
+    },
+
+	requiresVersion: "2.1.0", // Required version of MagicMirror
+
+    // Instancevariable
+    weatherData: null,
+
+    getScripts: function() {
+        return [ "moment.js" ];
+    },
+
+    getStyles: function () {
+        return [ "weather-icons.css", "MMM-RBB-Weather.css" ];
+    },
+
+    getTranslations: function() {
+        return {
+            de: "translations/de.json",
+            en: "translations/en.json",
+        };
+    },
+
+    start: function() {
+        Log.info(`Starting module: ${this.name} ...`);
+
+        // Set locale
+        moment.locale(this.config.language);
+	},
+
+    notificationReceived: function(notification, payload, sender) {
+
+        // DOM ready
+		if (notification === 'MODULE_DOM_CREATED') {
+
+            // Initial data load
+            this.loadData();
+
+            // Schedule module refresh
+            this.scheduleRefresh();
+		}
+    },
+
+	socketNotificationReceived: function(notification, payload) {
+
+		// Data loaded with node helper
+		if (notification === 'DATA_LOADED') {
+            this.weatherData = payload;
+            this.updateDom(this.config.animationSpeed * 1000);
+		}
+	},
+
+    /**
+     * getDom - Build and returns the whole module dom, including current data and forecast
+     * table.
+     *
+     * @return {Element} Module dom as div element.
+     */
+    getDom: function() {
+
+        // Dom wrapper
+        let wrapper = document.createElement('div');
+        if (this.config.whiteIcons) {
+            wrapper.className = "white";
+        }
+
+        // No data
+        if (this.weatherData === null || this.weatherData.length === 0) {
+            wrapper.innerHTML = this.translate('TEXT_NODATA');
+            return wrapper;
+        }
+
+        // Table with data (without current data)
+        let table = document.createElement('table');
+        table.className = this.config.tableClass + " weather-table";
+
+        // Current weather
+        let currentData = this.weatherData[0];
+        let currentDiv = this.getCurrentDiv(currentData);
+        wrapper.appendChild(currentDiv);
+
+        // Fill table with data
+        for (let [day, data] of Object.entries(this.weatherData)) {
+
+            // Don't create table row for current data
+            if (day == 0) {
+                continue;
+            }
+
+            // Create data row
+            let row = document.createElement('tr');
+
+            // Date
+            let dayCol = document.createElement('td');
+            dayCol.className = 'day';
+            dayCol.innerHTML = moment().add(day - 1, 'days').format('ddd');
+            row.appendChild(dayCol);
+
+            // Icon
+            let iconCol = document.createElement('td');
+            let icon = document.createElement('img');
+            icon.className = 'weather-icon';
+            icon.src = `https://www.rbb24.de/basis/grafik/icons/wetter/${data.nww}.png`;
+
+            iconCol.appendChild(icon);
+            row.appendChild(iconCol);
+
+            // Split temparatures
+            let maxTemp = data.temp.split(';')[0];
+            let minTemp = data.temp.split(';')[1];
+
+            // Max temparature
+            let maxCol = document.createElement('td');
+            maxCol.className = 'title bright';
+            maxCol.innerHTML = `${maxTemp}° <i class='fa fa-fw fa-thermometer-three-quarters'></i>`;
+            row.appendChild(maxCol);
+
+            // Min temparature
+            let minCol = document.createElement('td');
+            minCol.innerHTML = `${minTemp}° <i class='fa fa-fw fa-thermometer-quarter'></i>`;
+            row.appendChild(minCol);
+
+            // Wind
+            if (this.config.showWindspeed) {
+                let windCol = document.createElement('td');
+                windCol.innerHTML = `${data.ffkmh} <span>km/h</span>`;
+                windCol.className = 'wind';
+                row.appendChild(windCol);
+            }
+
+            // Rain
+            if (this.config.showRainProbality) {
+                let rainCol = document.createElement('td');
+                rainCol.innerHTML = `${data.prr}% <i class='fa fa-fw fa-tint'></i>`;
+                row.appendChild(rainCol);
+            }
+
+            table.appendChild(row);
+        }
+
+        // Append table to wrapper and return it
+        wrapper.appendChild(table);
+        return wrapper;
+    },
+
+    /**
+     * getCurrentDiv - Builds and returns the special div for current weather informations.
+     *
+     * @param  {Object}  data Data object fetched from RBB with all weather informations
+     * @return {Element}      Special div for current weather informations
+     */
+    getCurrentDiv: function(data) {
+
+        // Wrapper
+        let wrapper = document.createElement('div');
+        wrapper.className = "current";
+
+        // Data wrapper
+        let dataDiv = document.createElement('div');
+        dataDiv.className = "large bright";
+
+        // Temparature
+        let temp = document.createElement('span');
+        temp.innerHTML = data.temp + "°";
+        dataDiv.appendChild(temp);
+
+        // Icon
+        let icon = document.createElement('img');
+        icon.className = "weather-icon";
+        icon.src = `https://www.rbb24.de/basis/grafik/icons/wetter/${data.nww}.png`;
+        dataDiv.appendChild(icon);
+
+        // Append data div (temp and icon) to wrapper
+        wrapper.appendChild(dataDiv);
+
+        // Current header text
+        let textDiv = document.createElement('div');
+        textDiv.className = "medium normal";
+        textDiv.innerHTML = this.translate('TEXT_CURRENT', { text: data.wwtext });
+        wrapper.appendChild(textDiv);
+
+        // Wind
+        if (this.config.showCurrentWindspeed) {
+            let wind = document.createElement('div');
+            wind.className = "small dimmed";
+            wind.innerHTML = this.translate('TEXT_WINDSPEED', { text: data.ffkmh });
+            wrapper.appendChild(wind);
+        }
+
+        return wrapper;
+    },
+
+    /**
+     * loadData - Load weather data via node_helper. This functions sends a socket notification with
+     * LOAD_DATA as notification name and the place id (config.id) and day count (config.days) as
+     * payload.
+     */
+    loadData: function() {
+        Log.info("Send socket notification to load data in node_helper ...");
+
+        // Load data via node helper
+        let dataConfig = { id: this.config.id, days: this.config.days };
+        this.sendSocketNotification('LOAD_DATA', dataConfig);
+    },
+
+    /**
+     * scheduleRefresh - Schedules refresh timer depending on config.updateInterval. This function
+     * calls loadData().
+     */
+    scheduleRefresh: function() {
+
+        let self = this;
+        setTimeout(() => {
+            self.loadData();
+        }, this.config.updateInterval * 1000);
+    },
+});