Hello
in navbar.css you can play with
.center{
position: fixed;
left: 45%;
}
- personnaly i removed this class
Hello
in navbar.css you can play with
.center{
position: fixed;
left: 45%;
}
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 :-)
https://forum.magicmirror.builders/topic/213/wunderlist-your-todos-on-the-mirror/90
maybe that can help you
same error
@binderth said in Wunderlist won't display entries:
accessToken: ‘xxxxxxxxxxxxxxxxxxxx’,
clientID: ‘xxxxxx’,
lists: [‘inbox’]
Yop,
you forgot to add your access token, client ID and (maybe) the folder you want.
you have the answer in the log - ReferenceError: accessToken is not defined
dont change the API URL and the callback
in your wondurlist account you can found the key and all
Yop,
i did it :-)
@cbrooker could you just tell me - how you hide the task tagged like done ?
if i understand correctly the API documentation in the form you receive all - so normally the checked’s status can be used. but i only have items with checked = 0
thanks :-)
Yop,
im progressing ^^
i understand how it’s working now - just dont know how to add an icon :-/
Someone can help me ?
if (JSON.parse(body).items[i].priority == '1') {icontodo ='P1'}
else if (JSON.parse(body).items[i].priority == '2') {icontodo ='P2'}
else if (JSON.parse(body).items[i].priority == '3') {icontodo ='P3'}
else {icontodo ='P4'};
icontodo = document.createElement(“span”);
icontodo.className = “wi wi-day-rain-mix”;
icontodo =‘img:wi wi-day-rain-mix’;
any help is welcome :-)
@chrisyy yop everything is working perfectly
i added a timing of 1000 on every hide/show
without i had a little ugly mouvement sometimes :-)
again thanks you !!!