Some simple indicators

A few examples of simple indicators that can be used to show state using the text widget, by either passing in html including fa-icons or using the built in colour classes.

[{"id":"52e3628.5f5769c","type":"inject","z":"96ef6e52.4b57d","name":"warn","topic":"press","payload":"<i class=\"fa fa-warning fa-2x nr-dashboard-warning\"></i>","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":"","x":110,"y":160,"wires":[["820542a7.0a925"]]},{"id":"3366bc2.d041044","type":"inject","z":"96ef6e52.4b57d","name":"error","topic":"press","payload":"<i class=\"fa fa-exclamation-circle fa-2x nr-dashboard-error\"></i>","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":"","x":110,"y":200,"wires":[["820542a7.0a925"]]},{"id":"34540f4b.2526b","type":"inject","z":"96ef6e52.4b57d","name":"ok","topic":"press","payload":"<i class=\"fa fa-lightbulb-o fa-2x nr-dashboard-ok\"></i>","payloadType":"str","repeat":"","crontab":"","once":true,"onceDelay":"","x":110,"y":120,"wires":[["820542a7.0a925"]]},{"id":"820542a7.0a925","type":"ui_text","z":"96ef6e52.4b57d","group":"48a8fbeb.e660d4","order":4,"width":"1","height":"1","name":"indicator","label":"","format":"{{msg.payload}}","layout":"row-center","x":260,"y":160,"wires":[]},{"id":"2725a69.139195a","type":"ui_switch","z":"96ef6e52.4b57d","name":"","label":"switch","group":"226cb3a1.d25c9c","order":5,"width":0,"height":0,"passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"","oncolor":"","offvalue":"false","offvalueType":"bool","officon":"","offcolor":"","x":110,"y":280,"wires":[["388da2f4.81e3de"]]},{"id":"d1252694.faab48","type":"ui_switch","z":"96ef6e52.4b57d","name":"","label":"switch","group":"226cb3a1.d25c9c","order":4,"width":0,"height":0,"passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"","oncolor":"","offvalue":"false","offvalueType":"bool","officon":"","offcolor":"","x":110,"y":316,"wires":[["fe4044e6.c95448"]]},{"id":"388da2f4.81e3de","type":"ui_text","z":"96ef6e52.4b57d","group":"226cb3a1.d25c9c","order":3,"width":"1","height":"1","name":"on/off","label":"","format":"<font color={{(msg.payload?\"yellow\":\"grey\")}}><i class=\"fa fa-lightbulb-o fa-2x\"></i></font><br/><font size=\"-2\">World</font>","layout":"row-center","x":280,"y":280,"wires":[]},{"id":"fe4044e6.c95448","type":"ui_text","z":"96ef6e52.4b57d","group":"226cb3a1.d25c9c","order":2,"width":"1","height":"1","name":"on/off","label":"","format":"<font color={{(msg.payload?\"red\":\"grey\")}}><i class=\"fa fa-lightbulb-o fa-2x\"></i></font><br/><font size=\"-2\">Hello</font>","layout":"row-center","x":280,"y":316,"wires":[]},{"id":"48a8fbeb.e660d4","type":"ui_group","z":"96ef6e52.4b57d","name":"Second","tab":"3b9094c8.79387c","order":2,"disp":true,"width":"5"},{"id":"226cb3a1.d25c9c","type":"ui_group","z":"96ef6e52.4b57d","name":"Click","tab":"3b9094c8.79387c","order":1,"disp":true,"width":"5"},{"id":"3b9094c8.79387c","type":"ui_tab","z":"96ef6e52.4b57d","name":"Home","icon":"link","order":1}]

Flow Info

Created 3 years, 7 months ago
Rating: not yet rated

Owner

Node Types

Core
  • inject (x3)
Other
  • ui_group (x2)
  • ui_switch (x2)
  • ui_tab (x1)
  • ui_text (x3)

Tags

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