• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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-TouchButton] A module to add clickable buttons to send notifications or run commands

Scheduled Pinned Locked Moved Utilities
7 Posts 4 Posters 4.9k Views 4 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.
  • W Offline
    wishmaster270 Module Developer
    last edited by wishmaster270 Mar 24, 2025, 10:10 AM Nov 1, 2022, 4:42 PM

    Description:

    If you control your mirror by mouse or with a touch panel and want to add buttons to send notifications or run commands this is your module.
    The module can be added at different locations with different configurations and supports to change the classes and/or change the icons based on the output/return code of the called commands since version 0.0.2.

    Screenshots:

    threeColoredButtons.png

    twoModules.png

    Download:

    Download
    [card:Tom-Hirschberger/MMM-TouchButton]


    Version 0.0.9

    • bumped version of jsonpath-plus library to 10.1.0

    Version 0.0.8

    • bumped version of jsonpath-plus library to 10.1.0

    Version 0.0.7

    • bumped jsonpath-plus library to version 10.0.1

    Version 0.0.6

    • classes now will be added to the title element, too
    • fixed string handling in conditions
    • it is possible to send notifications without payload now

    Version 0.0.5

    • fixed not running actions of Iconify icons
    • added support to validate the payload of notifications as condition
    • added support to parse the value of conditions with jsonpath-plus

    Version 0.0.4

    • added support of Iconify icons

    Version 0.0.3

    • fixed a bug which caused a black screen if no additional classes had been set
    • prefixed all CSS configuration with the modules main class

    Version 0.0.2

    • configure multiple instances of the module at different positions with different configuration
    • add additional classes to the elements
    • hide/show buttons based on the current active profile
    • change the icon or/and classes the the buttons based on the output and/or return code of the called commands

    Version 0.0.1

    • Add as much buttons as you like. Each with a unique css class and an Font Awesome (The build in version of MagicMirror, currently 4.7) icon assigned.
    • If a button gets pressed either a command (with arguments) can be executed on the command line or an notification (with payload) can be send.
    1 Reply Last reply Reply Quote 2
    • S Offline
      Sierra0815
      last edited by Nov 6, 2022, 10:11 AM

      Thank you very much for this module.
      These buttons finally behave like expected. I already tested MMM-Smarttouch and MMM-OnScreenMenu but never got it working in satisfying way with my infrared frame.

      Grüße aus Stuttgart

      W 1 Reply Last reply Nov 6, 2022, 11:33 AM Reply Quote 1
      • W Offline
        wishmaster270 Module Developer @Sierra0815
        last edited by Nov 6, 2022, 11:33 AM

        @Sierra0815 Great to hear that. I developed the module a view years ago to provide buttons to toggle some modules (like snowfall) and to realize user presence notifications via remote connection.

        1 Reply Last reply Reply Quote 0
        • B Offline
          BreanneDolphin
          last edited by Jun 2, 2024, 10:09 PM

          @wishmaster270 I am fairly new to MagicMirror, I have a touch screen without a keyboard, but I am unsure how to set the button up for it just to exit the MagicMirror and not reboot the whole thing? Could you help?

          S 1 Reply Last reply Jun 2, 2024, 10:30 PM Reply Quote 0
          • S Away
            sdetweil @BreanneDolphin
            last edited by Jun 2, 2024, 10:30 PM

            @BreanneDolphin how is MagicMirror started?

            npm start
            send a ctrl-q
            to the MM UI

            or pm2 on boot

            pm2’s JOB is to keep the app running… if it ends, pm2 will restart it…
            so then you will have to issue a command

            pm2 stop x
            

            where x is the name or number on the line for the app you want to stop
            from the output of

            pm2 status
            

            like this

            ┌────┬─────────────────────┬─────────────┬─────────┬─────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
            │ id │ name                │ namespace   │ version │ mode    │ pid      │ uptime │ ↺    │ status    │ cpu      │ mem      │ user     │ watching │
            ├────┼─────────────────────┼─────────────┼─────────┼─────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
            │ 1  │ MagicMirror         │ default     │ 2.15.0  │ fork    │ N/A      │ 0      │ 27   │ stopped   │ 0%       │ 0b       │ sam      │ disabled │
            │ 7  │ MagicMirror1        │ default     │ 2.26.0  │ fork    │ 0        │ 0      │ 9    │ stopped   │ 0%       │ 0b       │ sam      │ disabled │
            │ 2  │ startspot           │ default     │ N/A     │ fork    │ 7510     │ 20D    │ 418  │ online    │ 0%       │ 2.0mb    │ sam      │ disabled │
            └────┴─────────────────────┴─────────────┴─────────┴─────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘
            

            so on line id =1 or name = MagicMirror

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            B 1 Reply Last reply Jun 4, 2024, 1:23 AM Reply Quote 0
            • B Offline
              BreanneDolphin @sdetweil
              last edited by Jun 4, 2024, 1:23 AM

              @sdetweil it’s just started with npm start

              S 1 Reply Last reply Jun 4, 2024, 1:38 AM Reply Quote 0
              • S Away
                sdetweil @BreanneDolphin
                last edited by sdetweil Oct 16, 2024, 1:29 PM Jun 4, 2024, 1:38 AM

                @BreanneDolphin so, then you have to run a command that can send a keystrokes to mm.
                see xdotool

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • 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