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.

    Kitchen Touchscreen Dashboard

    Scheduled Pinned Locked Moved Show your Mirror
    14 Posts 4 Posters 4.6k Views 5 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.
    • N Offline
      Niggich @seabass
      last edited by

      @seabass said in Kitchen Touchscreen Dashboard:

      I see you’re using the MMM-Touch and MMM-pages modules. Are you able to swipe to the next page configured with the MMM-pages module? Would you be able to share your module configuration for the MMM-Touch and MMM-pages modules as I’m unable to get the MMM-Touch module working with my setup. Thank you!

       {
      			module: "MMM-Touch",
      			position: "top_center",
      			classes: "",
      			    disabled: false,
      			    config: {
      				debug: false,
      				useDisplay: false,
      				autoMode: false,
      				defaultMode: "default",
      					gestureCommands: {
      					  "default":{
      							"TAP_1": (commander) => {commander.sendNotification("USER_PRESENCE", true);},
      							"SWIPE_RIGHT_1": (commander) => {commander.sendNotification("PAGE_DECREMENT", null);},
      							"SWIPE_LEFT_1": (commander) => {commander.sendNotification("PAGE_INCREMENT", null);},
      							"SWIPE_DOWN_1": (commander, gesture) => {commander.sendNotification("ARTICLE_PREVIOUS")},
      							"SWIPE_UP_1": (commander, gesture) => {commander.sendNotification("ARTICLE_NEXT")},
      							"SWIPE_DOWN_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_PREV")},
      							"SWIPE_UP_2": (commander, gesture) => {commander.sendNotification("BACKGROUNDSLIDESHOW_NEXT")},
      							//"DOUBLE_TAP_1": (commander) => {commander.sendNotification("LOAD_NEXT_WALLPAPER", null);},
      							"SWIPE_LEFT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex + 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
      							"SWIPE_RIGHT_2": (commander) => {commander.sendNotification('CX3_GET_CONFIG', {callback: (before) => {commander.sendNotification('CX3_SET_CONFIG', {monthIndex: before.monthIndex - 1,callback: (after) => {setTimeout(() => { commander.sendNotification('CX3_RESET') }, 60_000)}})}})},
      				}, 
      			}
      		},
        },
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        seabass @Niggich
        last edited by

        @Niggich Thanks for the sample code. Unfortunately I still can’t get it working. I’m also using the MMM-ViewNotifications module and never see a notification sent from MMM-Touch when swiping. I used your exact code but commented out all the gestures except SWIPE_RIGHT_1 and SWIPE_RIGHT_2.

        I know the touchscreen works because I’m also using the page-indicator module which sends the notification to change pages without issue. Do you have any suggestions on what I can look at?

        Thanks!

        N 1 Reply Last reply Reply Quote 0
        • N Offline
          Niggich @seabass
          last edited by Niggich

          @seabass Ok, do you have MMM-Remote-Control installed?
          Can you share your config by the way?

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

            @Niggich Hopefully the format looks okay but here you go. Thanks in advance for your help. Under the MMM-Touch section I currently added another sendnotification NEW_PAGE but it didn’t have any impact.

            let config = {
            	address: "localhost",
            	port: 8080,
            	basePath: "/",
            	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "192.168.1.228"],
                    useHttps: false,
            	httpsPrivateKey: "",
            	httpsCertificate: "",
            
            	language: "en",
            	locale: "en-US",
            	logLevel: ["INFO", "LOG", "WARN", "ERROR"],
            	timeFormat: 12,
            	units: "imperial",
            
            	modules: [
            		{
            			module: "alert",
            		},
            		{
            			module: "updatenotification",
            			position: "top_bar"
            		},
            		{
            			module: "clock",
            			position: "top_left"
            		},
            		{
            			module: "calendar",
            			header: "US Holidays",
            			position: "top_left",
            			config: {
            				calendars: [
            					{
            						fetchInterval: 7 * 24 * 60 * 60 * 1000,
            						symbol: "calendar-check",
            						url: "https://ics.calendarlabs.com/76/mm3137/US_Holidays.ics"
            					}
            				]
            			}
            		},
            		{
            			module: "compliments",
            			position: "lower_third"
            		},
            		{
            			module: "weather",
            			position: "top_right",
            			config: {
            				weatherProvider: "openmeteo",
            				type: "current",
            				lat: 44.953873,
            				lon: -123.0884734
            			}
            		},
            		{
            			module: "newsfeed",
            			position: "bottom_bar",
            			config: {
            				feeds: [
            					{
            						title: "Fox News",
            						url: "https://moxie.foxnews.com/google-publisher/latest.xml"
            					}
            				],
            				showSourceTitle: true,
            				showPublishDate: true,
            				broadcastNewsFeeds: true,
            				broadcastNewsUpdates: true
            			}
            		},
            		{
            		        module: 'MMM-page-indicator',
            		        position: 'bottom_bar',
            		        config: {
                        		activeBright: true,
            		        }
            		},
            		{
            			module: "MMM-pages",
            		        config: {
            		            timings: {
                            		default: 5000,               // rotate every 5 seconds
            		                0: 20000                     // page 0 rotates every 20 seconds
            		            },
            		            modules: [
                            		["newsfeed"], 				 // page 0
            		                ["calendar", "compliments"], // page 1
            		            ],
            		            fixed: [                         // modules that are always shown
            						"alert",
                            		"clock",
            		                "weather",
                            		"MMM-page-indicator",
            						"MMM-Touch",
            						"MMM-ViewNotifications"
            		            ]
            		        }
            		},
            		{
            		        module: 'MMM-ViewNotifications',
            		        position: "top_left",
            		        header: "Notifications",
            		        config: {
                            		// See below for Configuration Options
                        		}
                   	},
            		{
            			module: "MMM-Touch",
            			position: "top_center",
            			classes: "",
            			disabled: false,
            			config: {
            				debug: false,
            				useDisplay: false,
            				autoMode: false,
            				defaultMode: "default",
            				gestureCommands: {
            					"default": {
            						"TAP_1": (commander) => {commander.sendNotification("USER_PRESENCE", true);},
            						"SWIPE_RIGHT_1": (commander) => {
            							commander.sendNotification("NEW_PAGE"),
            							commander.sendNotification("PAGE_DECREMENT", null);
            						},
            						"SWIPE_LEFT_1": (commander) => {
            							commander.sendNotification("NEW_PAGE"),
            							commander.sendNotification("PAGE_INCREMENT", null);
            						},
            					}
            				}
            			}
              		}
            	]
            };
            
            /*************** DO NOT EDIT THE LINE BELOW ***************/
            if (typeof module !== "undefined") { module.exports = config; }
            
            N 1 Reply Last reply Reply Quote 0
            • N Offline
              Niggich @seabass
              last edited by

              Hey @seabass, it look’s good. I’m not sure but I think you need to install MMM-Remote-Control for sending notifications. Maybe @sdetweil can tell us more about this? Thanks.

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

                @Niggich MMM-RemoteControl is another module that can send many notifications

                im not sure its related to Touch

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                N 1 Reply Last reply Reply Quote 0
                • N Offline
                  Niggich @sdetweil
                  last edited by

                  @sdetweil I think @seabass have to try.

                  Regards from Denmark.

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    seabass @Niggich
                    last edited by

                    @Niggich I think @sdetweil is correct that MMM-RemoteControl is not related to Touch. I can try it in a bit to confirm. I do have a question on the MMM-Touch module though that I’m hoping one of you or anyone for that matter can answer. When using the touch module, does it allow touch/swipe across the entire screen or just within the module that is loaded on the screen itself?

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