Hello,

i’m working on the MMM-Todoist from @cbrooker
https://forum.magicmirror.builders/topic/566/mmm-todoist-your-todoist-tasks-on-your-mirror

A good way to learn - Im trying to add the priority (want an icon and sort by) the due date and some little informations.

i found in the fetcher how to add the informations (in an array?) - but i dont really understand how the data are used after

	 for (var i = 0; i < JSON.parse(body).items.length; i++) {
		 if (JSON.parse(body).items[i].project_id == listID) {
			 items.push(JSON.parse(body).items[i].due_date_utc);
			 items.push(JSON.parse(body).items[i].priority);
			 items.push(JSON.parse(body).items[i].assigned_by_uid);
			 items.push(JSON.parse(body).items[i].content);
			 items.push(JSON.parse(body).items[i].checked);

and after i understand in the MMM-Todoist.js here

for (var i = 0; i < todos.length; i++) {
var titleWrapper = document.createElement(“tr”);
titleWrapper.innerHTML = todos[i];
titleWrapper.className = “title bright”;
wrapper.appendChild(titleWrapper);

 // Create fade effect by MichMich (MIT)
 if (this.config.fade && this.config.fadePoint < 1) {
	if (this.config.fadePoint < 0) {
	 this.config.fadePoint = 0;
	}
	var startingPoint = todos.length * this.config.fadePoint;
	var steps = todos.length - startingPoint;
	if (i >= startingPoint) {
	 var currentStep = i - startingPoint;
	 titleWrapper.style.opacity = 1 - (1 / steps * currentStep);

we make the view

for now i have that - if someone can help me to understand - thankssssss

Yop,

I’m looking to add the reminder and priority level (with an icon) Has anyone did something like that with this module ?

in the fetcher i found where to add the var

	 for (var i = 0; i < JSON.parse(body).items.length; i++) {
		 if (JSON.parse(body).items[i].project_id == listID) {
			 items.push(JSON.parse(body).items[i].content);
			 items.push(JSON.parse(body).items[i].priority);	
			 items.push(JSON.parse(body).items[i].due_date_utc);	

but i dont know how to use the answer

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%;
}

@Aly if you use the option “DISPLAY=:0 npm start dev”

do you see the error ?

@Aly
could you try to found the module who make the bug by active one by one ?

i found like that

@chrisyy Hello

amazing!!! thank you

just small error added exceptWithClass(‘MM-navbar’) (exceptmodule(this)) didnt work (the nav itself was hidden)
thank you so much

	$(hideallmodulesbutton).on("click", function(){
		if(hideallmodules){
			MM.getModules().exceptWithClass('MM-navbar').exceptWithClass('clock').enumerate(function(module){
			module.show(1000, function(){
					});
				});
			hideallmodules = false;
		}else{
			MM.getModules().exceptWithClass('MM-navbar').exceptWithClass('clock').enumerate(function(module){
			module.hide(1000, function(){
					});
				});
			hideallmodules = true;
			}
		});

@chrisyy

pretty cool

im using your code

MM.getModules().exceptModule(this).exceptWithClass(‘clock’).enumerate(function(module){
module.hide(1000, function(){
});

to create an icon to hide or show all
for now i can only show all - cant hide all after.

did you plan to work on that ?

Hey :-)

im looking for someone who have clue about samsung multiroom (like sonos)

do you know a module or something to controle the system ? im using spotify with the multiroom

thanks

@chrisyy yes of course :-)

@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