Basic UI for beginners

I'm new to node red, so I created a basic GPIO and UI layout for basic controls. I'm hoping this will help others make sense. Uses node-red-dashboard, node-red-contrib-ui-led, node-red-node-pi-gpio .

[{"id":"a65265c9.1b8338","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"ce39d179.e430f8","type":"ui_button","z":"a65265c9.1b8338","name":"","group":"9be54aeb.cc97e8","order":1,"width":0,"height":0,"passthru":false,"label":"M button","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"1","payloadType":"str","topic":"","topicType":"str","x":100,"y":60,"wires":[["603113e1.f9b7e4"]]},{"id":"f43d138a.a648e","type":"rpi-gpio out","z":"a65265c9.1b8338","name":"relay 16","pin":"16","set":true,"level":"1","freq":"","out":"out","x":660,"y":100,"wires":[]},{"id":"603113e1.f9b7e4","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"0","op2":"1","op1type":"str","op2type":"str","duration":"1000","extend":true,"units":"ms","reset":"","bytopic":"all","outputs":1,"x":440,"y":100,"wires":[["789bc9e0.9a1688","f43d138a.a648e"]]},{"id":"2848321f.a1b31e","type":"inject","z":"a65265c9.1b8338","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"msg.payload","payloadType":"global","x":450,"y":40,"wires":[["603113e1.f9b7e4"]]},{"id":"17d7dc9f.375e93","type":"debug","z":"a65265c9.1b8338","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":750,"y":200,"wires":[]},{"id":"ffa73fbb.0dc86","type":"rpi-gpio in","z":"a65265c9.1b8338","name":"40","pin":"40","intype":"up","debounce":"500","read":true,"x":90,"y":200,"wires":[["cc78b19d.f564f","f0d3d9b3.e62448"]]},{"id":"7e904f2c.e9541","type":"rpi-gpio in","z":"a65265c9.1b8338","name":"38","pin":"38","intype":"up","debounce":"500","read":true,"x":90,"y":280,"wires":[["ef728d3c.62d818","25f6e401.6027fc"]]},{"id":"f963a5e4.dd73e8","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"0","op1type":"str","op2type":"str","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":440,"y":280,"wires":[["17d7dc9f.375e93","5f961b5b.3e7334"]]},{"id":"ef728d3c.62d818","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":250,"y":280,"wires":[["f963a5e4.dd73e8"],[]]},{"id":"e6b8512a.f874c","type":"rpi-gpio in","z":"a65265c9.1b8338","name":"37","pin":"37","intype":"up","debounce":"500","read":true,"x":90,"y":360,"wires":[["56c29745.c0deb","9e0ccb3a.505f28"]]},{"id":"91db2fd0.5aa7f","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"0","op1type":"str","op2type":"str","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":440,"y":360,"wires":[["17d7dc9f.375e93","5f961b5b.3e7334"]]},{"id":"56c29745.c0deb","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":250,"y":360,"wires":[["91db2fd0.5aa7f"],[]]},{"id":"5f961b5b.3e7334","type":"ui_chart","z":"a65265c9.1b8338","name":"","group":"254db723.ed4308","order":1,"width":0,"height":0,"label":"chart","chartType":"line","legend":"true","xformat":"dd HH:mm","interpolate":"step","nodata":"","dot":true,"ymin":"0","ymax":"1","removeOlder":"1","removeOlderPoints":"","removeOlderUnit":"86400","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"className":"","x":770,"y":260,"wires":[[]],"inputLabels":["in"],"outputLabels":["out"]},{"id":"25f6e401.6027fc","type":"ui_led","z":"a65265c9.1b8338","order":2,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"38","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"red","value":"1","valueType":"num"},{"color":"green","value":"0","valueType":"num"}],"allowColorForValueInMessage":false,"name":"38","x":250,"y":320,"wires":[]},{"id":"9e0ccb3a.505f28","type":"ui_led","z":"a65265c9.1b8338","order":3,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"37","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"red","value":"1","valueType":"num"},{"color":"green","value":"0","valueType":"num"}],"allowColorForValueInMessage":false,"name":"37","x":250,"y":400,"wires":[]},{"id":"cc78b19d.f564f","type":"ui_led","z":"a65265c9.1b8338","order":3,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"40","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"red","value":"1","valueType":"num"},{"color":"green","value":"0","valueType":"num"}],"allowColorForValueInMessage":false,"shape":"circle","showGlow":true,"name":"40","x":250,"y":240,"wires":[]},{"id":"f0d3d9b3.e62448","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":250,"y":200,"wires":[["e2fea533.4a6108"],[]]},{"id":"e2fea533.4a6108","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"0","op1type":"str","op2type":"str","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":440,"y":200,"wires":[["17d7dc9f.375e93","5f961b5b.3e7334"]]},{"id":"2b99f7e6.da31a8","type":"rpi-gpio in","z":"a65265c9.1b8338","name":"36","pin":"36","intype":"up","debounce":"250","read":true,"x":90,"y":440,"wires":[["2ab1e72c.5de788","850c18c8.6d73f8"]]},{"id":"6d933a8c.95aee4","type":"rpi-gpio in","z":"a65265c9.1b8338","name":"35","pin":"35","intype":"up","debounce":"250","read":true,"x":90,"y":520,"wires":[["89d681c1.2693","5a675e36.0279c"]]},{"id":"2ab1e72c.5de788","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":250,"y":440,"wires":[["90cbe8b4.b409c8"],[]]},{"id":"89d681c1.2693","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":250,"y":520,"wires":[["5a759aed.233494"],[]]},{"id":"90cbe8b4.b409c8","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"0","op1type":"str","op2type":"str","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":440,"y":440,"wires":[["5f961b5b.3e7334","17d7dc9f.375e93"]]},{"id":"5a759aed.233494","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"0","op1type":"str","op2type":"str","duration":"250","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":440,"y":520,"wires":[["5f961b5b.3e7334","17d7dc9f.375e93"]]},{"id":"850c18c8.6d73f8","type":"ui_led","z":"a65265c9.1b8338","order":3,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"36","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"#ff0000","value":"1","valueType":"num"},{"color":"#008000","value":"0","valueType":"num"}],"allowColorForValueInMessage":false,"shape":"circle","showGlow":true,"name":"36","x":250,"y":480,"wires":[]},{"id":"5a675e36.0279c","type":"ui_led","z":"a65265c9.1b8338","order":3,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"35","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"#ff0000","value":"1","valueType":"num"},{"color":"#008000","value":"0","valueType":"num"}],"allowColorForValueInMessage":false,"shape":"circle","showGlow":true,"name":"35","x":250,"y":560,"wires":[]},{"id":"789bc9e0.9a1688","type":"ui_led","z":"a65265c9.1b8338","order":6,"group":"9be54aeb.cc97e8","width":0,"height":0,"label":"Relay","labelPlacement":"left","labelAlignment":"left","colorForValue":[{"color":"#ff0000","value":"1","valueType":"str"},{"color":"#008000","value":"0","valueType":"str"}],"allowColorForValueInMessage":false,"shape":"circle","showGlow":true,"name":"Relay status","x":670,"y":60,"wires":[]},{"id":"f6fa9ac.db82d68","type":"change","z":"a65265c9.1b8338","name":"","rules":[{"t":"change","p":"payload","pt":"msg","from":"true","fromt":"bool","to":"0","tot":"str"},{"t":"change","p":"payload","pt":"msg","from":"false","fromt":"bool","to":"1","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":440,"y":140,"wires":[["789bc9e0.9a1688","f43d138a.a648e"]]},{"id":"381143fb.79fadc","type":"ui_switch","z":"a65265c9.1b8338","name":"","label":"switch","tooltip":"","group":"9be54aeb.cc97e8","order":8,"width":0,"height":0,"passthru":true,"decouple":"false","topic":"topic","topicType":"msg","style":"","onvalue":true,"onvalueType":"str","onicon":"","oncolor":"","offvalue":false,"offvalueType":"str","officon":"","offcolor":"","animate":false,"className":"","x":110,"y":20,"wires":[["f6fa9ac.db82d68"]]},{"id":"63e20484.51cacc","type":"ui_slider","z":"a65265c9.1b8338","name":"","label":"slider","tooltip":"","group":"9be54aeb.cc97e8","order":9,"width":0,"height":0,"passthru":true,"outs":"all","topic":"payload","topicType":"msg","min":0,"max":10,"step":1,"className":"","x":90,"y":660,"wires":[["35045558.c89ada"]]},{"id":"e98a99bb.9ddc48","type":"rpi-gpio out","z":"a65265c9.1b8338","name":"","pin":"15","set":true,"level":"0","freq":"","out":"out","x":720,"y":700,"wires":[]},{"id":"ce6f54.2aede0b","type":"rpi-gpio out","z":"a65265c9.1b8338","name":"","pin":"13","set":true,"level":"0","freq":"","out":"out","x":720,"y":660,"wires":[]},{"id":"c5a092b.a83987","type":"rpi-gpio out","z":"a65265c9.1b8338","name":"","pin":"11","set":true,"level":"0","freq":"","out":"out","x":720,"y":620,"wires":[]},{"id":"35045558.c89ada","type":"switch","z":"a65265c9.1b8338","name":"","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"},{"t":"gte","v":"1","vt":"str"},{"t":"lte","v":"4","vt":"str"},{"t":"gte","v":"5","vt":"str"},{"t":"lte","v":"9","vt":"str"},{"t":"eq","v":"10","vt":"str"}],"checkall":"true","repair":false,"outputs":6,"x":250,"y":660,"wires":[["fedaaa90.cd6868"],["68b52a3e.64c7b4"],["ee533324.91e8b"],["27a4414e.9f7aae"],["951efc5e.e7dbc"],["b09b9efb.b0403"]]},{"id":"68b52a3e.64c7b4","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"","op1type":"str","op2type":"nul","duration":"10","extend":true,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":660,"wires":[["c5a092b.a83987"]]},{"id":"27a4414e.9f7aae","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"","op1type":"str","op2type":"nul","duration":"10","extend":true,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":740,"wires":[["ce6f54.2aede0b"]]},{"id":"b09b9efb.b0403","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"1","op2":"","op1type":"str","op2type":"nul","duration":"10","extend":true,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":820,"wires":[["e98a99bb.9ddc48"]]},{"id":"fedaaa90.cd6868","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"0","op2":"","op1type":"str","op2type":"nul","duration":"10","extend":true,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":620,"wires":[["c5a092b.a83987"]]},{"id":"951efc5e.e7dbc","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"0","op2":"","op1type":"str","op2type":"nul","duration":"10","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":780,"wires":[["e98a99bb.9ddc48"]]},{"id":"ee533324.91e8b","type":"trigger","z":"a65265c9.1b8338","name":"","op1":"0","op2":"0","op1type":"str","op2type":"str","duration":"10","extend":false,"overrideDelay":false,"units":"ms","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":450,"y":700,"wires":[["ce6f54.2aede0b"]]},{"id":"9be54aeb.cc97e8","type":"ui_group","name":"Group 1","tab":"fabb9c26.ae17c","order":1,"disp":true,"width":"3","collapse":false},{"id":"254db723.ed4308","type":"ui_group","name":"Group 2","tab":"fabb9c26.ae17c","order":2,"disp":true,"width":"10","collapse":false},{"id":"fabb9c26.ae17c","type":"ui_tab","name":"Home","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

Flow Info

Created 4 years ago
Rating: not yet rated

Actions

Rate:

Node Types

Core
  • change (x1)
  • debug (x1)
  • inject (x1)
  • switch (x6)
  • trigger (x12)
Other

Tags

Copy this flow JSON to your clipboard and then import into Node-RED using the Import From > Clipboard (Ctrl-I) menu option