Navigation inside MagicMirror with Buttons / Rotary Encoder on GPIO

yawns

Moved as requested :)

AxLed

thank you yawns

AxLed

i made some progress to the following problem:
30. Failure: script source in html site: http://code.jquery.com/jquery-1.7.2.min.js

Problem 1: I tried getScripts to load it

getScripts: function() {
		return [
			'http://code.jquery.com/jquery-1.7.2.min.js', //js laden
		]
	},

but i dont know if loading worked an how i can test it.
Solution: F12 Debugger (Firefox) shows “Load script: http://code.jquery.com/jquery-1.7.2.min.js in loader.js:182:4”.

So i know (guess) it works.

Now i moved to the next problem, i tried to use

addEventListener

in my .js code to react on mouseover, to color hyperlinks red (just an example to test how and if it works). One of my 4 links turn red (always the last one), could this be because i create my links in a “for loop” and addEventListener just grabs the last one?

Looking forward hearing from you.

Greets AxLED

AxLed

Hi to all,

i made some progress, i solved following topics:

i got addEventListener working (it now listens to Keyboard inputs so far, Future: GPIO PINs)
i dont have a need for jQuery anymore (reduces complexity)
i improved the navigation-actions from http-Links (to MMM-Remote-control) to direct using sendnotifications (reduces complexity and dependencies)

and i still have some problems (challenges):

how can i set the focus on a div on my module afer MM finished loading? I need this so my keyboard keypresses are recognised. (Setting the focus manual by mouse let my module work).

Maybe someone can help me or give me some tips.

Regards AxLED

AxLed

Hi to all,

i made some further progress, i solved following topics:

i don’t need to set focus on a div anymore after loading MM, as GPIO Input can directly interact with my navigation
i replaced the keyboard eventlistener by GPIO Inputs of a rotary encoder
i wrote a node_helper.js for the rotary encoder
the module has only one depencie - onoff

So my module is beta or alpha so far, is there a special way to put it on github or can somebody explain it to me, how to do it, so i can put the module online.

Partlist for using this module:

Rotary encoder (KY-040)
3 free GPIO Pins on raspberry

Regards AxLED

AxLed

Hi to all,
i finished the first version of my module, detail see: MMM-Navigate

AxLED