Microsoft To-Do (wunderlist replacement?)

lavolp3

@smoysauce if your element does not have a dueDateTime (null) this could lead to an error (cannot get property of undefined).

Maybe something like this?

if (element.dueDateTime) {
  var dueDate = moment(element.dueDateTime.dateTime).format("LL");
}

smoysauce

@lavolp3 Oh good call-out! I tried your example as well as a few other tweaks but it doesn’t seem to like it when I add that snippet in. I don’t know why it’s being so weird. I’ll keep toying around with it, but any other thoughts would be appreciated!

smoysauce

@lavolp3 said in Microsoft To-Do (wunderlist replacement?):

if (element.dueDateTime) {
var dueDate = moment(element.dueDateTime.dateTime).format(“LL”);
}

So after some tinkering, I figured out that the node.js was not pulling in the due date so I removed the ‘select’ filter so the call URL has '/tasks?$top='

After that, I was able to add moment(new Date(element.dueDateTime.dateTime)).format("ddd MMM DD") to the output string and got the date to show. But for the life of me, I cannot get the var or if statements to work. If I try to use either the module doesn’t load. I have tried them in all different spots and it just doesn’t like it.

lavolp3

@smoysauce
First, moment(new Date(element.dueDateTime.dateTime)).format("ddd MMM DD") is redundant. You don’t need the new Date part.
moment(element.dueDateTime.dateTime).format("ddd MMM DD")should be enough.

Second, where have you put it?
I had my own problems with the code, that’s why I’m working on an own version including due dates, but it’s not finished.

Here’s how I would try to include it.

if (this.list.length !== 0) {
      this.list.forEach(element => (listItemsText += '<li style="list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">' + checkbox + element.subject + ((element.dueDate) ? moment(element.dueDateTime.dateTime).format("ddd MMM DD") : '') + '</li>'))
    } else {
      // otherwise indicate that there are no list entries
      listItemsText += '<li style="list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">' + this.translate('NO_ENTRIES') + '</li>'
    }

smoysauce

@lavolp3 said in Microsoft To-Do (wunderlist replacement?):

if (this.list.length !== 0) {
this.list.forEach(element => (listItemsText += ‘
’ + checkbox + element.subject + ((element.dueDate) ? moment(element.dueDateTime.dateTime).format(“ddd MMM DD”) : ‘’) + ‘
’))
} else {
// otherwise indicate that there are no list entries
listItemsText += ‘
’ + this.translate(‘NO_ENTRIES’) + ‘
’
}

Thanks for pointing that out, I am still figuring things out and piecing things together and if they work I just stick with it! That snippet worked, I had to change the section element.dueDate to element.dueDateTime but other than that seems to be doing the trick. I’ll probably toy around with it a bit more to see if I can learn formatting it with CSS to left align the subject and right align the date. Thanks for the help and tips!

open_book

@thobach thanks for your effort. Just got this up and running from your instructions in the README. Very pleased. :thumbs_up:

Mighty Mouseq

@thobach said in Microsoft To-Do (wunderlist replacement?):

I don’t plan to implement a fade-option, sorry, it would require quite some effort given the current implementation.

I have been able to add a fade-option by looking at how this option has been implemented in the MMM-nstreinen module by @qistoph. Since I am not familiair with JS coding I don’t know wether it has been coded as it should.

My addition takes two parameters from config.js: ‘fade’, which can be true or false and ‘fadePoint’, which takes a decimal value between 0 and 1 and marks the point where the fade starts.

I added the code after the listItem styling.

// needed for the fade effect
        itemCounter += 1
        
        // Create fade effect.
        if (self.config.fade && self.config.fadePoint < 1) {
          if (self.config.fadePoint < 0) {
	          self.config.fadePoint = 0;
	        }
	        var startingPoint = self.config.itemLimit * self.config.fadePoint;
	        var steps = self.config.itemLimit - startingPoint;
	        if (itemCounter >= startingPoint) {
            var currentStep = itemCounter - startingPoint;
            listItem.style.opacity = 1 - (1 / steps * currentStep);
          }    
        }

thobach

@Mighty-Mouseq Nice! Do you want to create a pull request? I could then merge it into the main branch for everyone.

Mighty Mouseq

@thobach I do not consider myself a developer :-). I do not even have a GitHub account. If you prefer to implement this change through a pull request then I will have a look at the process. For such a minor change it might be a lot easier if you, or another developer, added the code in your repository.

Mighty Mouseq

@thobach I think I have created a pull request for the fade effect.