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.

    MMM-MyTasklist

    Scheduled Pinned Locked Moved Utilities
    18 Posts 6 Posters 1.1k Views 6 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.
    • htilburgsH Offline
      htilburgs
      last edited by htilburgs

      MMM-MyTasklist

      This a module for Magic Mirror².
      This displays a simple Tasklist, you can update through a web frontend.

      image

      image

      Installation

      Clone this repository in your modules folder, and install dependencies:

      cd ~/MagicMirror/modules 
      git clone https://github.com/htilburgs/MMM-MyTasklist.git
      cd MMM-MyTasklist
      npm install 
      

      Update

      When you need to update this module:

      cd ~/MagicMirror/modules/MMM-MyTasklist
      git pull
      npm install
      

      Configuration

      Go to the MagicMirror/config directory and edit the config.js file.
      Add the module to your modules array in your config.js.

      {
        module: "MMM-MyTasklist",
        position: "top_left",
        header: "MyTaskList",
        disabled: false,
        config: {
          tasksFile: "modules/MMM-MyTasklist/tasks.json",
          updateInterval: 300000,
          showCompleted: true,
          maxTasks: null
        }
      },
      

      Load Webinterface for updating the Tasklist

      Open a browser and type http://serverip address:8448
      So if for example you’re MagicMirror is on 192.168.0.48 then you go to http://192.168.0.48:8448

      The Webinterface for MyTasklist will be loaded and you will be able to:

      • choose language for the Webinterface
      • add tasks
      • complete tasks
      • delete tasks
      • edit tasks
      • move the order from tasks by drag-and-drop
      • filter on all, active or done tasks

      All the updates are instantly published on your Mirror

      NOTE:
      With a touchscreen you’re able to check the checkboxes on the Mirror to complete the task.

      All these changes are instantly published to the Webinterface

      Versions

      v1.0.0 - Initial release
      v1.1.0 - Update Look & Feel
      v1.1.1 - Change Webinterface port from 8123 to 8448
      v1.2.0 - Add possibility to edit the tasks in the Webinterface
      v1.2.1 - Update language selector didn’t work correct in Webinterface (always dutch after reload)

      (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

      C S 2 Replies Last reply Reply Quote 3
      • C Offline
        chrisfr1976 @htilburgs
        last edited by

        @htilburgs Really nice and useful. Great job!

        Regards, Chris.

        htilburgsH 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @htilburgs
          last edited by

          @htilburgs you might consider changing the port number. HomeAssistant uses 8123
          so both on the same machine will collide

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          htilburgsH 1 Reply Last reply Reply Quote 0
          • htilburgsH Offline
            htilburgs @sdetweil
            last edited by htilburgs

            @sdetweil
            Oké, I didn’t know. Let me see in an hour.
            Is there a rule for the Ports? Which I can use or not use?

            (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

            S karsten13K 2 Replies Last reply Reply Quote 0
            • htilburgsH Offline
              htilburgs @chrisfr1976
              last edited by

              @chrisfr1976
              Thank you 👍

              (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @htilburgs
                last edited by

                @htilburgs none that I know of. Anything 8000 and above is ‘free’ of system requirements.

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • karsten13K Offline
                  karsten13 @htilburgs
                  last edited by

                  @htilburgs said in MMM-MyTasklist:

                  Is there a tule for the Ports? Which I can use or not use?

                  you could add a config param for the port so that everyone who collides with 8123 could choose another one without hacking the source code

                  htilburgsH 1 Reply Last reply Reply Quote 1
                  • htilburgsH Offline
                    htilburgs @karsten13
                    last edited by

                    @karsten13
                    I know that is an option. The fast fix now is that I have changed the port to 8448

                    (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

                    htilburgsH 1 Reply Last reply Reply Quote 1
                    • htilburgsH Offline
                      htilburgs @htilburgs
                      last edited by

                      I Just published v1.2.0
                      This is an update with EDIT possibility in the Webinterface

                      (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

                      C 1 Reply Last reply Reply Quote 1
                      • C Offline
                        chrisfr1976 @htilburgs
                        last edited by chrisfr1976

                        @htilburgs I love this module already due to its simplicity. One small issue: the web interface always jumps back to Netherlands on a reload. Maybe this can be saved in the json with the tasks. Or as an Option in the config.
                        And on a phone display the text for edit and delete is quite wide. Maybe just symbols would be better.

                        Regards, Chris.

                        htilburgsH M 2 Replies Last reply Reply Quote 0
                        • htilburgsH Offline
                          htilburgs @chrisfr1976
                          last edited by

                          @chrisfr1976
                          That was the reason for me to create this (Simple) module.
                          Just this and nothing more.

                          On my site, the language is saved in the tasks.json and reloaded when I reload the page. I have to check. I’m Currently in a short holliday, but if you can you can make an issue in github so I don’t forget. I come back to you.

                          (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

                          1 Reply Last reply Reply Quote 1
                          • M Offline
                            meikelrix @chrisfr1976
                            last edited by

                            @chrisfr1976 you can change line 214 in .public/script.js from

                            lang = data.lang || “nl”;
                            into
                            lang = data.lang || “en”;

                            This loads english for me as default now. Maybe that can be put into the config.js?

                            htilburgsH 1 Reply Last reply Reply Quote 0
                            • htilburgsH Offline
                              htilburgs @meikelrix
                              last edited by

                              @meikelrix @chrisfr1976
                              MMM-MyTasklist is updated to v1.2.1 with correct language support in the Webinterface

                              (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

                              1 Reply Last reply Reply Quote 1
                              • G Offline
                                Getinthegames
                                last edited by

                                Maybe someone can help.
                                I cannot seem to reach the web interface using http://localIP:8448.

                                I know I got it right because I connect to my RaspberryPi in VNC and SSH without issue, but when I put the IP:8448 i get a “Site Unreachable” error.

                                I’m not running anything but Magic Mirror on the device.

                                S G 2 Replies Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @Getinthegames
                                  last edited by

                                  @Getinthegames by default MagicMirror is at 8080
                                  Did you update the config.js? And to allow outside system connections?

                                  port:
                                  address:
                                  ipWhitelist:

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  G 1 Reply Last reply Reply Quote 1
                                  • G Offline
                                    Getinthegames @sdetweil
                                    last edited by

                                    @sdetweil
                                    My bad. Case of CamelToe.

                                    Installed it in MMM-MyTaskList instead of MyTasklist

                                    Works fine now.

                                    1 Reply Last reply Reply Quote 0
                                    • G Offline
                                      Getinthegames @Getinthegames
                                      last edited by

                                      Seems like a case of CamelToe.

                                      I installed MyTaskList instead of MyTasklist.

                                      Works great now and love it. Simple for a family shared list.

                                      htilburgsH 1 Reply Last reply Reply Quote 0
                                      • htilburgsH Offline
                                        htilburgs @Getinthegames
                                        last edited by

                                        @Getinthegames
                                        Thank you, that was the reason for me to create this module, simplicity.
                                        I didn’t need all the extras, just a simple list.

                                        (still trying to learn JS, but not afraid to ask and AI is my best friend) ☺

                                        1 Reply Last reply Reply Quote 0

                                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                        With your input, this post could be even better 💗

                                        Register Login
                                        • 1 / 1
                                        • 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