@Mykle1 Ah Thanks :D, now i have the console, but there is no error.

@j.e.f.f said in Add symboly/icon in a modul:

with npm start dv i get this info, i dont get es divided screen in to halves.

pi@raspberrypi:~ $ npm start dev
npm ERR! Linux 4.9.41-v7+
npm ERR! argv “/usr/bin/node” “/usr/bin/npm” “start” “dev”
npm ERR! node v6.11.3
npm ERR! npm v3.10.10
npm ERR! path /home/pi/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open

npm ERR! enoent ENOENT: no such file or directory, open ‘/home/pi/package.json’
npm ERR! enoent ENOENT: no such file or directory, open ‘/home/pi/package.json’
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! Please include the following file with any support request:
npm ERR! /home/pi/npm-debug.log

and with pm2 logs mm this one
pi@raspberrypi:~ $ pm2 logs mm
[TAILING] Tailing last 15 lines for [mm] process (change the value with --lines option)

ach with the other code

 mqttDiv.innerHTML = "< span class='fa fa-calendar'>< /span>" + this.mqttVal.toString().concat(this.config.postText);

i get a symbol, only with the var version, it does not work.

Now with this code ( is the original code with added css file and with your part) i only get the text “loading MQTT DATA” before it has still worked with your code. Maybe it is to late or i don´t see the error…but if you can be so nice, can you add tell me wehre my error is and can you add the varribale code ? And thank you very much for your help. :)

'use strict';
/* global Module */

/* Magic Mirror
* Module: MMM-mqtt
*
* By Javier Ayala http://www.javierayala.com/
* MIT Licensed.
*/

Module.register('MMM-mqtt', {

 defaults: {
   mqttServer: 'mqtt://test.mosquitto.org',
   loadingText: 'Loading MQTT Data...',
   topic: '',
   showTitle: false,
   title: 'MQTT Data',
   interval: 300000,
   postText: ''
 },


 start: function() {
   Log.info('Starting module: ' + this.name);
   this.loaded = false;
   this.mqttVal = '';
   this.updateMqtt(this);
 },

  getStyles: function() {
   return ["MMM-DHT-Sensor.css", "font-awesome.css"];
 },

 updateMqtt: function(self) {
   self.sendSocketNotification('MQTT_SERVER', { mqttServer: self.config.mqttServer, topic: self.config.topic });
   setTimeout(self.updateMqtt, self.config.interval, self);
 },

 getDom: function() {
   var wrapper = document.createElement('div');

   if (!this.loaded) {
     wrapper.innerHTML = this.config.loadingText;
     return wrapper;
   }

   if (this.config.showTitle) {
     var titleDiv = document.createElement('div');
     titleDiv.innerHTML = this.config.title;
     wrapper.appendChild(titleDiv);
   }

   var mqttDiv = document.createElement('div');
   
   var symbolEl = document.createElement("span");
   symbol.className = "fa fa-calendar"; //font awesome calendar icon
   var textEl = document.createElement("span");
   textEl.innerHTML = this.mqttVal.toString().concat(this.config.postText);

   mqttDiv.appendChild(symbol)
   mqttDiv.appendChild(textEl);

   wrapper.appendChild(mqttDiv);

   return wrapper;
 },

 socketNotificationReceived: function(notification, payload) {
   if (notification === 'MQTT_DATA' && payload.topic === this.config.topic) {
     this.mqttVal = payload.data.toString();
     this.loaded = true;
     this.updateDom();
   }

   if (notification === 'ERROR') {
     this.sendNotification('SHOW_ALERT', payload);
   }
 }

});

It works!! Ehm is it possible to make it varriable, so i can choose the symbol with an entrie in the defaults ?

Module.register('MMM-mqtt', {

 defaults: {
   mqttServer: 'mqtt://test.mosquitto.org',
   loadingText: 'Loading MQTT Data...',
   topic: '',
   showTitle: false,
   title: 'MQTT Data',
   interval: 300000,
   postText: ''
 },

Thank you! I will test it later.

@j.e.f.f thank you. But one question, who can i call the Symbol, so that is Displayed before

 var mqttDiv = document.createElement('div');
    mqttDiv.innerHTML = this.mqttVal.toString().concat(this.config.postText);
    wrapper.appendChild(mqttDiv);     // here add  the symbol

@j.e.f.f i try to ad a sysmbol as a font . But if you have an other idea, then it is ok.

Hi i want to add symboly/icon in a modul. But I can not do it. The symbol is said to be the result or it can be set over the config…can any one help me pleas ?

This is the module code.

'use strict';
/* global Module */

/* Magic Mirror
 * Module: MMM-mqtt
 *
 * By Javier Ayala http://www.javierayala.com/
 * MIT Licensed.
 */

Module.register('MMM-mqtt', {

  defaults: {
    mqttServer: 'mqtt://test.mosquitto.org',
    loadingText: 'Loading MQTT Data...',
    topic: '',
    showTitle: false,
    title: 'MQTT Data',
    interval: 300000,
    postText: ''
  },

  start: function() {
    Log.info('Starting module: ' + this.name);
    this.loaded = false;
    this.mqttVal = '';
    this.updateMqtt(this);
  },

  updateMqtt: function(self) {
    self.sendSocketNotification('MQTT_SERVER', { mqttServer: self.config.mqttServer, topic: self.config.topic });
    setTimeout(self.updateMqtt, self.config.interval, self);
  },

  getDom: function() {
    var wrapper = document.createElement('div');

    if (!this.loaded) {
      wrapper.innerHTML = this.config.loadingText;
      return wrapper;
    }

    if (this.config.showTitle) {
      var titleDiv = document.createElement('div');
      titleDiv.innerHTML = this.config.title;
      wrapper.appendChild(titleDiv);
    }

    var mqttDiv = document.createElement('div');
    mqttDiv.innerHTML = this.mqttVal.toString().concat(this.config.postText);
    wrapper.appendChild(mqttDiv);     // here add  the symbol

    return wrapper;
  },

  socketNotificationReceived: function(notification, payload) {
    if (notification === 'MQTT_DATA' && payload.topic === this.config.topic) {
      this.mqttVal = payload.data.toString();
      this.loaded = true;
      this.updateDom();
    }

    if (notification === 'ERROR') {
      this.sendNotification('SHOW_ALERT', payload);
    }
  }

});

@BenRoe thanks for the answer. I have removed the squared brackets but it is still the same. The modul will not displayed. Do you have an other idea ?

@Woody Thank you, yes i think my originlproblem is not the authorization.
Do you have any idea., what it could be ?