Add suffix

MMM-MQTT.js

@@ -21,11 +21,13 @@ Module.register("MMM-MQTT",{
 
         for(i = 0; i < this.config.subscriptions.length; i++){
             console.log(this.name + ': Adding config ' + this.config.subscriptions[i].label + ' = ' + this.config.subscriptions[i].topic);
+
             this.subscriptions[i] = {
                 label: this.config.subscriptions[i].label,
                 topic: this.config.subscriptions[i].topic,
                 decimals: this.config.subscriptions[i].decimals,
                 jsonpointer: this.config.subscriptions[i].jsonpointer,
+                suffix: typeof(this.config.subscriptions[i].suffix) == 'undefined' ? '' : this.config.subscriptions[i].suffix,
                 value: ''
             }
         }
@@ -101,6 +103,12 @@ Module.register("MMM-MQTT",{
             valueWrapper.className = "align-right bright medium";
             subWrapper.appendChild(valueWrapper);
 
+            // Suffix
+            var suffixWrapper = document.createElement("td");
+            suffixWrapper.innerHTML = sub.suffix;
+            suffixWrapper.className = "align-left";
+            subWrapper.appendChild(suffixWrapper);
+
             wrapper.appendChild(subWrapper);
         });
 

MQTT.css

@@ -4,4 +4,8 @@
 
 .border_top td{
     border-top: 1pt solid #444444;
+}
+
+td {
+    padding-right: 5px;
 }

README.md

@@ -30,7 +30,8 @@ This is the default configuration with description. Put it in the `MagicMirror/c
                 {
                     topic: 'sensor/1/temperature',
                     label: 'Temperature',
-                    decimals: 1
+                    decimals: 1,
+                    suffix: '°C'
                 },
                 {
                     topic: 'sensor/1/humidity',

package.json

@@ -4,7 +4,6 @@
   "description": "Show payload from subscribed MQTT message",
   "author": "Otto Paulsen",
   "dependencies": {
-    "json-pointer": "^0.6.0",
     "jsonpointer": "^4.0.1",
     "mqtt": "^2.15.1"
   }