Yop,

i did it

@chrisyy i think you can list all the modules yes but how to attribut the good icon?
i will check for hide the module on startup tonight - i let you know if i find something

@cowboysdude

changed the CSS

for who want

.heating {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.cooling {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.heatingHC {
width: 130px;
height: 130px;
background: red;
background: radial-gradient(#571d1d, #b30000);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.coolingHC {
width: 130px;
height: 130px;
background: blue;
background: radial-gradient(#0a237a, #436cc0);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 40px;
text-align: center;
position: relative;
border: 4px solid #FFF;
}

.off {
width: 130px;
height: 130px;
border: 4px solid white;
background: black;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 70px;
line-height: 130px;
font-size: 50px;
text-align: center;
position: relative;
}

.heatingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.coolingText {
  font-size:medium;
  position: absolute;
top: -5px;
right: 40px;
  width: 0;
}

.humidityText {
  position:absolute;
  font-size:large;
  top: 35%;
  width: 100%;
}

.nameText {
 font-size:medium;
 text-align:center;
 width:33%;
}

.center {
 text-align:center;
}

.heatingCell {
 background:red;
 background:linear-gradient(to right, #990000 , red, #990000);
}

.coolingCell {
 background-color:blue;
 background:linear-gradient(to right, #000099 , blue, #000099);
}

.fanIcon {
 height:15px;
 width:15px;
 position:absolute;
 top: 72%;
 right: 42%;
}

Hey

little UP - im becoming crazy.
i read and read an read again - add… inside config.js (mirror module) or config.py (model tester)
so users : [‘kevin’]… and the config.py is needed if i want to test with the recognition-tools

right ?
i see if the MMM-Facial use “everyone” or “kevin” that doesnt work

Hello @Mitchfarino

Im trying to make your module “clickable”

could you help me with that ?

Module.register(“MMM-Hue”, {

defaults: {
    bridgeip: "",
    userid: "",
    colour: true
},
// Define required scripts.
getScripts: function () {
    return [this.file("js/jquery.js")];
},
getStyles: function () {

    return ["font-awesome.css", "MMM-Hue.css"];
},
// Define start sequence.
start: function () {
    //These will be moved to config in a later release
    this.lightsorgroups = "groups";
    this.updateInterval = 60 * 100; // 10000 updates every 10 minutes
    this.animationSpeed = 2 * 1000;
    this.initialLoadDelay = 0;
    //end
    var result = false;
    this.url = "http://" + this.config.bridgeip + "/api/" + this.config.userid + "/" + this.lightsorgroups;
    this.getData();
    setInterval(() => {
        this.getData();
    }, this.updateInterval);
},

// Override dom generator.
getDom: function () {
    var wrapper = document.createElement("div");
    //alert("http://" + this.config.bridgeip + "/api/" + this.config.userid + "/" + this.config.lightsorgroups);

    if (this.result) {

        var table = document.createElement("table");
        table.classList.add("small", "table", "align-left");

        table.appendChild(this.createLabelRow());

        var lamps = Object.keys(this.result);

        for (var i = 0; i < lamps.length; i++) {

            var row = document.createElement("tr");
            var room = document.createElement("td");
            room.innerHTML = this.result[lamps[i]].name;;
            row.appendChild(room);
            var lightsallLabel = document.createElement("td");
            lightsallLabel.classList.add("centered");

            var lightstatus = document.createElement("i");
            //lightstatus.classList.add(“fa”, this.result[lamps[i]].state.reachable ? (this.result[lamps[i]].state.on ? “fa-lightbulb-o” : “fa-adjust” ) : “fa-times”);
	
	buttonlightstatus[i] = false;  // CUSTOM
	buttonlight[i] = document.createElement("span");  // CUSTOM
	//var buttonlightstatus[i] = false;  // CUSTOM
	//var buttonlight[i] = document.createElement("span");  // CUSTOM

	//weatherbutton.className = "wi wi-day-rain-mix navbar";
	//var forecast = MM.getModules().withClass('weatherforecast');

	if(this.result[lamps[i]].state.all_on)
	{
	lightstatus.classList.add("fa-lightbulb-o")
	buttonlightstatus[i] = true;
	}		
	else if (this.result[lamps[i]].state.any_on)
	{
	lightstatus.classList.add("fa-adjust")
	buttonlightstatus[i] = true;
	}
	else {
	lightstatus.classList.add("fa-times")
	buttonlightstatus[i] = false;
	};
	
	// lightstatus.classList.add("fa", this.result[lamps[i]].state.all_on ? "fa-lightbulb-o" : (this.result[lamps[i]].state.any_on ? "fa-adjust" : "fa-times"));  // CUSTOM
            if (this.config.colour) {

                if (this.result[lamps[i]].state.all_on) {
                    lightstatus.classList.add("lights-all-on")
                }
                else {
                    if (this.result[lamps[i]].state.any_on) {
                        lightstatus.classList.add("lights-partial-on")
                    }
                }
            }
            ;
            lightsallLabel.appendChild(lightstatus);
    		wrapper.appendChild(buttonlight[i]);  //CUSTOM                
            row.appendChild(lightsallLabel);

            table.appendChild(row);

        }
        wrapper.appendChild(table);
       										//CUSTOM
        		$(buttonlight[i]).on("click", function(){
					if(buttonlightstatus[i]){
					alert('its work');
					putJSON(t"http://" + this.config.bridgeip + "/api/" + this.config.userid + "/lights/" + buttonlightstatus[i] +"/state , ({'on':false});					
						buttonlightstatus[i] = false;
					}else{
					putJSON(t"http://" + this.config.bridgeip + "/api/" + this.config.userid + "/lights/" + buttonlightstatus[i] +"/state , ({'on':true});	
					buttonlightstatus[i] = true;
						}
					});
        
    } else {
        wrapper.innerHTML = "No Data returned";
    }
    return wrapper;
},

createLabelRow: function () {
    
    var labelRow = document.createElement("tr");

    var roomiconlabel = document.createElement("th");
    var typeIcon = document.createElement("room");
    typeIcon.classList.add("fa", "fa-home");
    roomiconlabel.appendChild(typeIcon);
    labelRow.appendChild(roomiconlabel);

    var lightsonlabel = document.createElement("th");
    lightsonlabel.classList.add("centered");
    var typeIcon = document.createElement("lightson");
    //typeIcon.classList.add("fa", "fa-lightbulb-o");
    typeIcon.innerHTML = "Lights On";
    lightsonlabel.appendChild(typeIcon);
    labelRow.appendChild(lightsonlabel);

    var lightsonlabel = document.createElement("th");
    lightsonlabel.classList.add("centered");

    return labelRow;
}
,
getData: function () {
    $.getJSON(this.url, (data) => {
        this.result = data;
        this.updateDom();
    });
},

});

my brigde is in Amsterdam and im in Belgium for Christmas

Indeed - having the same issue.
i connected my spotify account to google home. And when you ask google home to play some music. it’s considered like an another account.

Hey everyone,

It’s solved \o/

somehow the @fortawesome wasnt created.
i downloaded font awesome and recreated the symbolic link

ln -s \home\pi\fontawesome @fortawesome fixed everything

@MichMich
i saw you had an open issue with the exact same error message
https://github.com/MichMich/MagicMirror/issues/1597

so i put that here

fijne avond

Re: [MMM-ProfileSwitcher](A Profile/User/Layout Switching Module)

Hello everyone,

this module doesnt show the icon anymore. i followed all the post here about the font awesome issue. npm install etc etc but still ;-/ any idea ?

i checked and it seems that the code is correct.

getStyles: function() {
return [“font-awesome.css”, this.file(‘MMM-TouchNavigation.css’)];
},

Amazing job !!

did you plan to make your module tactile ready :-p

@raywo
control the volume, play pause next previous and maybe the playlist content ?

every morning I changing my playlist on my phone and this is my ultimate goal to have it in the screen

Thanks!!! just amazing.
Any chance you work on an version for touch screen @Raywo?

This is my code
it’s based on 2 users (i badly commented the code)

/* Magic Mirror
 * Fetcher
 *
 *
 * By Michael Teeuw http://michaelteeuw.nl edited for Wunderlist by Paul-Vincent Roll
 * Edited again for Todoist by Chris Brooker
 * 
 * MIT Licensed.
 */

var request = require("request");

/* Fetcher
 * Responsible for requesting an update on the set interval and broadcasting the data.
 *
 * attribute listID string - ID of the Wunderlist list.
 * attribute reloadInterval number - Reload interval in milliseconds.
 */
 
 	function dateDiff(date1, date2){
    var diff = {}                           // Initialisation du retour
    var tmp = date2 - date1;
 
    tmp = Math.floor(tmp/1000);             // Nombre de secondes entre les 2 dates
    diff.sec = tmp % 60;                    // Extraction du nombre de secondes
 
    tmp = Math.floor((tmp-diff.sec)/60);    // Nombre de minutes (partie entière)
    diff.min = tmp % 60;                    // Extraction du nombre de minutes
 
    tmp = Math.floor((tmp-diff.min)/60);    // Nombre d'heures (entières)
    diff.hour = tmp % 24;                   // Extraction du nombre d'heures
     
    tmp = Math.floor((tmp-diff.hour)/24);   // Nombre de jours restants
    diff.day = tmp;
     
    return diff;
}

var Fetcher = function(listID, reloadInterval, accessToken, clientID) {
 var self = this;
 if (reloadInterval < 1000) {
	reloadInterval = 1000;
 }

 var reloadTimer = null;
 var items = [];

 var fetchFailedCallback = function() {};
 var itemsReceivedCallback = function() {};

 /* private methods */

 /* fetchTodos()
	* Request the new items.
	*/

 var fetchTodos = function() {
	clearTimeout(reloadTimer);
	reloadTimer = null;

	request({
		url: "https://todoist.com/API/v7/sync/",
		method: "POST",
		headers: { 
			'content-type': 'application/x-www-form-urlencoded',
			'cache-control': 'no-cache' 
		},
		form: { 
				token: accessToken,
				sync_token: '*',
				resource_types: '["items"]' 
		}
	 },
	 
	 
	 function(error, response, body) {
		if (!error && response.statusCode == 200) {
         items = [];
		 for (var i = 0; i < JSON.parse(body).items.length; i++) {
			 if (JSON.parse(body).items[i].project_id == listID) {
		
		donneetableau = JSON.parse(body).items[i];
		onbalance = [];
		icontodo = [];
		assignedname = [];
		datedueretour = [];
		contentretour = [];
		assignedtodoname = [];
		checkedretour = [];
		
		
		if (donneetableau.priority == '1') {icontodo ='<i></i> '}
		else if (donneetableau.priority == '2') {icontodo ='<i></i> '}
		else if (donneetableau.priority == '3') {icontodo ='<i></i> '}
		else {icontodo ='<i></i> '}

		if (donneetableau.assigned_by_uid == 'XXXXXXXX') {assignedname ='(XXXXX)'}//TEST  first XXX UID second XXXX yourname
		else if (donneetableau.assigned_by_uid == 'XXXXXXX') {assignedname ='(XXXXXX)'}//TEST  first XXX UID second XXXX yourname
		else {assignedname ='Inconnu'};
		
		if (donneetableau.due_date_utc) 
			{
				date1 = new Date();
				date2 = new Date(donneetableau.due_date_utc);
				diff = dateDiff(date1, date2);
								
				if (diff.day = '1') {datedueretour += diff.day + 'd <i></i> ';}
				else if (diff.hour >= '1') {datedueretour += diff.hour + 'h <i></i> ';}		
				else {datedueretour += diff.min + 'min <i></i> ';};						


			}
		else {datedueretour =''};
		
		contentretour = donneetableau.content;
		
		if (donneetableau.responsible_uid ) {
		if (donneetableau.responsible_uid == 'XXXXXXX') {
		assignedtodoname ='<i></i> '
		} ////YOUR UID USER
		
		else if (donneetableau.responsible_uid == 'XXXXXXX') {assignedtodoname ='<i></i> '}
		else {assignedtodoname ='Inconnu'};  // YOUR UID USER
		} else { assignedtodoname ='' };
		
		checkedretour = donneetableau.checked;
		onbalance +=assignedtodoname + icontodo + datedueretour + contentretour;
		items.push(onbalance);	
				//items.split('\n');
				 //priority.push(JSON.parse(body).priority[i].priority);	
				 //datedue.push(JSON.parse(body).datedue[i].due_date_utc);	

			 }
		 }
		 self.broadcastItems();
		 scheduleTimer();
		}
	 });

 };

 /* scheduleTimer()
	* Schedule the timer for the next update.
	*/

 var scheduleTimer = function() {
	//console.log('Schedule update timer.');
	clearTimeout(reloadTimer);
	reloadTimer = setTimeout(function() {
	 fetchTodos();
	}, reloadInterval);
 };

 /* public methods */

 /* setReloadInterval()
	* Update the reload interval, but only if we need to increase the speed.
	*
	* attribute interval number - Interval for the update in milliseconds.
	*/
 this.setReloadInterval = function(interval) {
	if (interval > 1000 && interval < reloadInterval) {
	 reloadInterval = interval;
	}
 };

 /* startFetch()
	* Initiate fetchTodos();
	*/
 this.startFetch = function() {
	fetchTodos();
 };

 /* broadcastItems()
	* Broadcast the exsisting items.
	*/
 this.broadcastItems = function() {
	if (items.length

@uzumon

Hello

see here - i’m on holiday. Send that as soon as i’m back

https://forum.magicmirror.builders/topic/566/mmm-todoist-your-todoist-tasks-on-your-mirror/59?page=6

@djsunrise19 Hello

i’m on holiday. Can send you the files when i’m back. you need to change the fetcher indeed.

Have a nice day

@j.e.f.f Perfect!!!

thanks