MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Microsoft To-Do (wunderlist replacement?)

    Scheduled Pinned Locked Moved Unsolved Requests
    45 Posts 17 Posters 26.0k Views 19 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lavolp3L Offline
      lavolp3 Module Developer @smoysauce
      last edited by

      @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>'
          }
      

      How to troubleshoot modules
      MMM-soccer v2, MMM-AVStock

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        smoysauce @lavolp3
        last edited by

        @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!

        1 Reply Last reply Reply Quote 0
        • O Offline
          open_book
          last edited by

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

          sudo insert motivational.quote

          1 Reply Last reply Reply Quote 0
          • M Offline
            Mighty Mouseq @thobach
            last edited by 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);
                      }    
                    }
            
            T 1 Reply Last reply Reply Quote 0
            • T Offline
              thobach @Mighty Mouseq
              last edited by

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

              M 2 Replies Last reply Reply Quote 0
              • M Offline
                Mighty Mouseq @thobach
                last edited by

                @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.

                1 Reply Last reply Reply Quote 0
                • M Offline
                  Mighty Mouseq @thobach
                  last edited by

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

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 3
                  • 4
                  • 5
                  • 5 / 5
                  • First post
                    Last post
                  Enjoying MagicMirror? Please consider a donation!
                  MagicMirror created by Michael Teeuw.
                  Forum managed by Sam, technical setup by Karsten.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy