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.

    Touchscreen Family Dashboard

    Scheduled Pinned Locked Moved Show your Mirror
    touchscreentouch
    51 Posts 26 Posters 46.2k Views 44 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.
    • E Offline
      elwood1982uk @roysim11
      last edited by

      Man I thought I was the only person on the internet who wanted a family dashboard that was interactive (ie to enter events on Google calendar -not just view them!). I’ve got the RPI and touch screen (Hannspree 23") sorted but with no real knowledge of coding or magic mirror modules was at a loss. I will be looking through your posts/git in more detail then I next get time! Thanks!

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        mdiorio @elwood1982uk
        last edited by

        @elwood1982uk

        I was having issues with the calendar swipe feature not working. The keypress would work fine though. Looks like the new version of Electron has removed touchevents and changed to pointerdown and pointerup.

        I forked the original and made the changes: https://github.com/B3DTech/MMM-KeyPress

        I’m looking at cleaning up code in the add event module to remove some of the hard-coded customizations in the original. They are very much customized to the original creator with family names and icons hard coded. For the most part, that isn’t needed in a general framework for just adding events.

        I am also looking at merging the code into the latest version of MMM-CalendarExt3 since it’s so far behind now.

        It’s a slow work in progress. If anyone else has some time and wants to help out let me know.

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

          @mdiorio electron still will provide touch events provided the underlying screen service does…

          did you change OS levels since it last appeared to work?

          they have changed the window manager twice in the last year.

          Original was X11
          last year introduced Wayland
          this Oct introduced Labwc

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            mdiorio @sdetweil
            last edited by

            @sdetweil said in Touchscreen Family Dashboard:

            did you change OS levels since it last appeared to work?

            First time I’m using it is this week, so it would appear I’m using labwc.

            All I know is that the old KeyPress module wasn’t working and doing a console debug in electron was showing no touchevents being sent, only pointer events.

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

              @mdiorio you can change back to x11 using the raspi-config app

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              M 1 Reply Last reply Reply Quote 0
              • M Offline
                mdiorio @sdetweil
                last edited by

                @sdetweil Why would I change back when my code works with the current version. General concept MM should be don’t require a crap ton of customization just to make it work. Making users who may want to use this switch to a different windowing system doesn’t really make sense. Especially since I’m sure RPi will eventually remove X11.

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

                  @mdiorio because it is new and not working in many cases yet

                  if you want it to work now, your only choice is to move back

                  you said your code does not work, touch doesnt

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • E Offline
                    elwood1982uk
                    last edited by

                    Hi all. Back after Xmas break. I’m still very new to this and not entirely sure where to begin. Before Xmas I tried downloading the files provided (thanks!) but can’t get it to work. Any chance of a noob walkthrough or a link to somewhere that will tell me how to add the modules and get a working touch calendar? Thanks!

                    L 1 Reply Last reply Reply Quote 0
                    • S sdetweil referenced this topic on
                    • L Offline
                      linkiln @elwood1982uk
                      last edited by

                      @elwood1982uk Hi, I’ve got similar problem with touch callendar. I’ve made two changes in https://github.com/B3DTech/MMM-KeyPress module.

                      In node_helper.js:
                      step: (direction === “ArrowRight” ? 3 : -3) // 1 to move forward, -1 to move backward
                      to:
                      step: (direction === “ArrowRight” ? 1 : -1) // 1 to move forward, -1 to move backward

                      and second thing uncomment:
                      // this.sendNotification(‘CX3_GLANCE_CALENDAR’, payload);

                      After this changes changing calendar start working with touch.

                      E 1 Reply Last reply Reply Quote 0
                      • E Offline
                        elwood1982uk @linkiln
                        last edited by

                        @linkiln @sdetweil thanks again both. I guess what else I need to know is what modifications I need to make to the original files to get them to work/personalised for my own family? (E.g. where do I change values, names, etc?). I do want to learn but have very limited time so when I get a chance to look at it I get very little time to figure stuff out through trial and error and therefore it’s sitting gathering dust - so any pointers/instructions gratefully received! 😉

                        E 1 Reply Last reply Reply Quote 0
                        • E Offline
                          elwood1982uk @elwood1982uk
                          last edited by

                          I’m basically going round in circles. Whenever I restart I have to remember everything from before so it’s very slow progress. I’ve just started fresh, using the auto installer (thanks). Took a while to get node/npm to the right version (I’m not sure why the auto installer didn’t?). Now at the point of adding modules but again I’ve run out of time. Could really do with a straightforward walkthrough (I do realise there is lots of info around/on here, but I find it overwhelming to know where to start, or when something goes wrong (long the node version earlier) how to sort it. Just want an editable touch screen Google calendar! 🤪`

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

                            @elwood1982uk send the ~/install.log to my email…
                            same id as here at gmail. I’ll fix whatever caused the wrong node…

                            you DID execute install DIRECTLY from the github page, with copy/paste… right?
                            you did NOT clone that repo and execute from the copy (cause I update it all the time to keep it current)
                            which is why it have copiable lines to paste and execute

                            you did start with the FULL image, not the light… light makes things MUCH more complicated

                            Whenever I restart I have to remember everything from before so it’s very slow progress

                            if you use my backup/restore scripts, then you wouldn’t have to remember the MM setup
                            https://github.com/sdetweil/MagicMirror-backup-restore
                            you can add one module, backup
                            and another backup
                            (I save versions, so you can get back to any one of them)

                            but other than that there is no ‘straight forward steps’, do this, then this…

                            welcome to the learning curve. someone created something new, (touch screen editable calendar)… so there are extra things everywhere…

                            and a LOT to know…

                            this is NOT plop a TV on the wall and you’re done…

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

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

                              @elwood1982uk said in Touchscreen Family Dashboard:

                              editable touch screen Google calendar

                              google has that already, open the calendar web page… done…
                              don’t need MagicMirror to do that

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              E 1 Reply Last reply Reply Quote 0
                              • E Offline
                                elwood1982uk @sdetweil
                                last edited by

                                @sdetweil thanks yes I think that’s what I’ll do but I can’t even get a virtual keyboard working (have tried onboard and another-the name has slipped my mind) -they either don’t pop up or are too big etc. It’s not that I thought it would be easy but I did think I’d at least get it partly done by now 🤪

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

                                  @elwood1982uk did you see
                                  https://forum.magicmirror.builders/topic/12526/mmm-keyboard-a-virtual-touch-keyboard

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • T Offline
                                    tugamuc @tjat
                                    last edited by

                                    @tjat
                                    Hi,

                                    I think your project is amazing! Maybe it’s a bit silly of me to ask, but would you be willing to share your project with us? Specifically, the

                                    • onfig.js

                                    • custom.css

                                    and maybe your modules.
                                    I (and probably others as well) would love to use your project but might not have such great ideas ourselves.

                                    If you’re kind enough to share it, please make sure to remove any personal data.

                                    Thanks a lot for your awesome work!

                                    Best regards,

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

                                      @tugamuc he shared the link here
                                      https://forum.magicmirror.builders/post/111162

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • S Offline
                                        sfrangakis @jalow
                                        last edited by

                                        @jalow

                                        Hi, I would also like to know what files you modified and how you did so to be able to modify/delete events. I am having the same problem you were where the eventId is ‘undefined’ in the CX3 module. Any help would be appreciated, thank!

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

                                          @sfrangakis he shared his code

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

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

                                            @sdetweil @jalow

                                            Do you mean tjat has shared his code? If so, I have copied his modules from the github page and have implemented them. I was hoping that jalow (or someone who may have solved the same problem) would let me know what changes he made to tjat’s modules to allow for modifying/deleting events.

                                            S 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
                                            • 2
                                            • 3
                                            • 2 / 3
                                            • 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