MMM-Navigate, Navigation inside MagicMirror with Rotary Encoder

AxLed

Thank you yawns

AxLed

Hi to all,

version 1.1 is online, details see first topic of this thread.

AxLED

AgP42

Hello,

I am using your module what is really great and works perfectly fine on my side.

I configure it to allow some others fonctions, after finding out that the fonctions from the module “MMM-Remote-Control” can be used on your navigation module. I also read part of the “node_helper.js” of this module to try to find out the possibilities avaliable.

This allow me to add the ability of “refresh” and “monitoroff” and “monitoron” on my navigation menu :

                {
                        module: "MMM-Navigate",
                        header: "Navigation",
                        position: "middle_center",
                        config: {
                                        Alias: [
                                                'Changer de Page (Press puis rotation)',
                                                'Luminosité écran (Press puis rotation)',
                                                'Afficher adresse Remote',
                                                'Ecran off/on (Press puis rotation)',
                                                'Recharger affichage',
                                                'Redemarrer le MagicMirror',
                                                'Reboot RPI',
                                                'Shutdown RPI'
                                        ],
                                        Action: [
                                                [{notification:'PAGE_INCREMENT',payload:''},{notification:'PAGE_DECREMENT',payload:''}],//action array, first press locks menu, after this rotation CW/CCW executes, second press release lo$
                                                [{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS&value=100"}},{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS&value=50"}}],
                                                {notification: "SHOW_ALERT", payload: {type:"notification",message:"http://192.168.xx.xx:8080/remote.html"}},//single action, execute on press
                                                [{notification: "REMOTE_ACTION", payload: {action: "MONITOROFF"}},{notification: "REMOTE_ACTION", payload: {action: "MONITORON"}}],
                                                {notification: "REMOTE_ACTION", payload: {action: "REFRESH"}},
                                                {notification: "REMOTE_ACTION", payload: {action: "RESTART"}},
                                                {notification: "REMOTE_ACTION", payload: {action: "REBOOT"}},
                                                {notification: "REMOTE_ACTION", payload: {action: "SHUTDOWN"}}
                                        ],
                                        GPIOPins: [26,20,19]//rotary cw, rotary ccw, rotary press (BCM Numbering)
                                        },
                },

But then I tried 2 others improvment that I couln’t fullfill :

change the timer value to display the notification : to do so I add the value “timer” for the notification :

 {notification: "SHOW_ALERT", payload: {type:"notification",message:"http://192.168.xx.xx:8080/remote.html",timer: 15}},

But this had no impact…

add the possibility to change the brightness of the screen directly from the navigation menu, to do so I tried :

[{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS&value=100"}},{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS&value=50"}}],

but also :

[{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS", value:100}},{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS", value:50}}],

but no way to make it work…

Would you have any advice how to realize such fonctions ?

Thank you in advance,

AxLed

@AgP42
Hi,

thanks for your request, i checked my code and can give you a solution for the brightness issue.
I found out, that it seems to be a problem with MMM-Remote-Control, node_helper.js

But there is a workaround:
Replace line 618
res.send({"status": "success"});
through
if (res) { res.send({"status": "success"}); }

Thanks to glitch452 who found the error, details see:
https://github.com/Jopyth/MMM-Remote-Control/issues/76

Sample code for config.js, Module MMM-Navigate:

{notification: "REMOTE_ACTION", payload: {action: "BRIGHTNESS", value: "200"}},

AxLED

AgP42

Great ! Thank you so much !

But as said on the link you gave :

@axled said in MMM-Navigate, Navigation inside MagicMirror with Rotary Encoder:

Thanks to glitch452 who found the error, details see:
https://github.com/Jopyth/MMM-Remote-Control/issues/76

the line to replace is

res.send({"status": "success"});

and not

 self.sendSocketNotification(query.action, query.value);

Then it is working perfectly !

AxLed

@AgP42
You are right, i told you the wrong line, i corrected my thread above.
I am glad it is working on your MM as needed.
AxLED

AxLed

Hi to all MM Builders,

i made an update to my module MMM-Navigate.

1.2 Changelog:

tadded lock icon next to navigation alias, if locked
code cleaned

Happy navigation.

AxLED

Eisblume

Hi,

i installed this module with the Rotary Encoder KY-040. Scroll through navigation work fine, but nothing happened, when I press the button on the encoder.

Test with Url (yourmmip:8080/remote?action=NOTIFICATION&notification=PRESSED) works fine.

What could be the problem ??

AxLed

@Eisblume
Did you use the right Pin (either in config or on the pi) for the ‘press’ signal of the rotary encoder?
Is the module MMM-Remote-Control installed and working?
AxLED

Eisblume

Hi,
yes Pin 19, like you suggested. Everything else works fine, only the press action doesn’t work.
MMM-Remote-Control is installed.
I ordered a new Rotary Encoder, maybe this one I use has a defect .
Eisblume

AxLed

@Eisblume
You can also try to put clockwise or counterclockwise signal on pin 19 for testing, so cw or ccw should send the press command. So you can make sure if press switch of your rotary encoder is bad.
AxLED

Eisblume

Thx for support !!

I will try and report !!

Eisblume

@AxLED
I bought some new Rotary Encoders and with each one i had the same result. No press result will send, when i press the button :-( !

But when i put cw or cww on pin 19, the press signal will send when i turn cw or cww.

I tried other Pins for the press Signal, but it also doesn´t work.

I am confused…! Any ideas what i can try to solve my Problem?

Greets
Eisblume

AxLed

@Eisblume
So the pin is correct. Some ideas.
Press contains two operations, pressing and release. Did you try press and release in different speeds?
How long are your cables between rotary and pi? Could also be a debouncing problem. Which pi are you using? (I tested the module on pi 1 and pi 3).
AxLED

Eisblume

@AxLed
I use a Raspberry Pi 3 b+. The F2F cables between the rotary and the pi are 20cm long.
I tried different speeds for pressing and releasing.

When i debug the code, no action arrives when i press the button.

Is it possible that there are problem with other modules I use ??

Eisblume

AxLed

@Eisblume
Conflicts with other modules are possible, but i dont think so, because press on cw/ccw works. You can try to change debounce time in node helper (i think, i am not sure about as i am on the road right now). I will check for the final line in node helper and let you know if i am in front of my computer.
AxLED

AxLed

@Eisblume
I found the line in node_helper.js, its line 35

const C = new Gpio(self.config.GPIOPins[2], 'in', 'both',{debounceTimeout : 20 }); //BCM Pin 19

Here you can try to increase/reduce the debounceTimeout between 10 and 50 (in steps of 10) and see if there is a difference for your “pressed” problem.

AxLED

Eisblume

@AxLed
I tried every very with different press speed. It doesn’t work. No press Signal will be sent :-(

I don´t understand why cw and cww works fine, but not the press - Button?

Edit:
I test the Rotary with this: https://github.com/martinohanlon/KY040
Here the press button works fine.

pi@raspberrypi:~/EncoderTest/KY040/examples $ python python3.py
turned - 0
turned - 0
turned - 1
turned - 1
button pressed
button pressed
button pressed
button pressed
button pressed
button pressed

AxLed

@Eisblume
Please post your config and make sure your private keys are x-ed. So i can try to copy your setup to my test pi and maybe find out whats the reason. That your rotary encoder generally works is good to know.
AxLED

Eisblume

Ok, thanks @AxLed !!

config.js:

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	address: "0.0.0.0", // Address to listen on, can be:
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "", "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out, is "localhost"
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.1/120", "192.168.1.1/24"], // Set [] to allow all IP addresses
	                                                       // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	language: "de",
	timeFormat: 24,
	units: "metric",

	modules: [
		{
			module: "alert",
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "MMM-Navigate",
			header: "Navigation",
			position: "top_left",
			config: {
					Alias: [
						'Seiten blättern',
						'News (mehr/weniger Details)',
						'Test notification',
						'News - mehr Details',
						'News - weniger Details',
						'Neustart MagicMirror (PM2)',
						'Neustart',
						'Herunterfahren'
					],
					Action: [
						[{notification:'PAGE_INCREMENT',payload:''},{notification:'PAGE_DECREMENT',payload:''}],//action array, first press locks menu, after this rotation CW/CCW executes, second press release lock mode
						[{notification:'ARTICLE_MORE_DETAILS',payload:''},{notification:'ARTICLE_LESS_DETAILS',payload:''}],
						{notification: "SHOW_ALERT", payload: {type:"notification",message:"Dies ist eine Testnachricht"}},//single action, execute on press
						{notification:'ARTICLE_MORE_DETAILS',payload:''},
						{notification:'ARTICLE_LESS_DETAILS',payload:''},
						{notification: "REMOTE_ACTION", payload: {action: "RESTART"}},
						{notification: "REMOTE_ACTION", payload: {action: "REBOOT"}},
						{notification: "REMOTE_ACTION", payload: {action: "SHUTDOWN"}}
					],
					GPIOPins: [26,20,19]//rotary cw, rotary ccw, rotary press (BCM Numbering)
					},
},
		{
    		module: 'MMM-Remote-Control',
    		// uncomment the following line to show the URL of the remote control on the mirror
    		// , position: 'bottom_left'
    		// you can hide this module afterwards from the remote control itself
    		config: {
        		customCommand: {},  // Optional, See "Using Custom Commands" below
        		customMenu: "custom_menu.json", // Optional, See "Custom Menu Items" below
        		showModuleApiMenu: true, // Optional, Enable the Module Controls menu
        		apiKey: ""         // Optional, See API/README.md for details
    		}
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "calendar",
			header: "Familie Reetz",
			position: "top_left",
			config: {
				calendars: [
					{
						symbol: "calendar-check",
						url: "webcal://pxxxxxxm/xxxxxxxKSw_tdQ8WGeTZVjgr6Vwn1HDxxxxxxx5OuupPnKOIExxxx"
					}
				]
			}
		},
//		{
//			module: "compliments",
//			position: "lower_third"
//		},
{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "xxxx",
				locationID: "xxx",  //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
				appid: "xxxxx"
			}
		},
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Wettervorhersage",
			config: {
				location: "xxxx",
				locationID: "xxxx",  //ID from https://openweathermap.org/city
				appid: "xxxxx"
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "Tagesschau",
						url: "http://www.tagesschau.de/xml/rss2"
						//url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
		{
    		module: "MMM-Fuel",
    		position: "bottom_left",
    		config: {
        			api_key: "xxxxx",
        			lat: 123456,
        			lng: 654321,
        			types: ["diesel"],
        			radius: 15,
        			max: 3     			
    				}
		},
		{
	        module: 'MMM-Dreambox',
			header: 'Vu+ Ultimo4K powered by VTi',
			position: 'bottom_right',
			config: {
				apiBase: 'http://192.168.1.50:90',
				//omxargs: ' --vol -6000 --win 0,625,590,957 --live ',
				omxargs: ' --win 600,60,1490,940 -o both ',
				refreshInterval: 1000 * 30, //refresh every 30 seconds
				apibouquet: 0, //bouquet, if there is more than one under apiservices (/web/getallservices),
				apiRecordingsID: 0, //which recording folder should be listed
				listmax: 10,
				apiabout: '/web/about',
				apiservices: '/web/getallservices',
				apiepgnow: '/web/epgnow?bRef=',
				apizap: '/web/zap?sRef=',
				apiTimerlist: '/web/timerlist',
				apiServicelistplayable: '/web/servicelistplayable?sRef=',
				apiLocations: '/web/getlocations', //where are the recording folders listed
				apiMovielist: '/web/movielist?dirname=' //link for opening recording folder and list recordings
				}
		},
	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}