[Announce] node-red-contrib-ui-artless-gauge 0.3.0 ... 3, 4, 5

This update brings some new features for radial layout.

  1. The unit can be shown inline with value
  2. Which then adds option to use secondary value field

Which all together allows you to do this

image

Enjoy :slight_smile:

10 Likes

How to use this type of guage in node red? I dont see any option or may be I am missing any pallet. can you please guide.

You will need node-red-dashboard to use it.

thanks for your reply. But there is no guage like shown above by [hotNipi]. Please correct me if I am going wrong.

Next to deploy button there is hamburger menu, from dialog go to "manage palette" and then go to "Install" tab and there is search field. Type in "artless" and install the node.

1 Like

Thank you. I am able to see the guage.

v0.3.5
Additional classes now supported for icons..

[{"id":"d2305233.bf092","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":1,"width":4,"height":4,"name":"","icon":"iconify-mdi:fan","label":"MDI FAN","unit":"rpm","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":280,"wires":[]},{"id":"4af30689.41af88","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":false,"onceDelay":0.1,"topic":"speed","payload":"","payloadType":"date","x":170,"y":240,"wires":[["fb31ff72.f5097"]]},{"id":"fb31ff72.f5097","type":"random","z":"e8af3254.77f7e","name":"","low":"300","high":"800","inte":"false","property":"payload","x":340,"y":240,"wires":[["3ae68795.9aea78"]]},{"id":"d5057ba6.201db8","type":"ui_template","z":"e8af3254.77f7e","group":"a230a227.d14c8","name":"allow iconify","order":9,"width":0,"height":0,"format":"<script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":190,"y":180,"wires":[[]]},{"id":"336ba566.34e15a","type":"function","z":"e8af3254.77f7e","name":"","func":"var fan = flow.get('fan') || {speed:0,state:'OFF'}\n\nif(msg.payload == \"ON\"){\n    msg.control = {icon:\"iconify-mdi:fan fa-spin\"}\n    fan.state = msg.payload\n    fan.speed = Math.random()*100\n}\nelse{\n    msg.control = {icon:\"iconify-mdi:fan\"}\n    fan.state = msg.payload\n    fan.speed = 0\n}\nflow.set('fan',fan)\n\n\nmsg.payload = fan.speed\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":480,"y":340,"wires":[["d2305233.bf092","62c9eea6.80647"]]},{"id":"7fabd143.f7f3f","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"ON","payloadType":"str","x":210,"y":280,"wires":[["336ba566.34e15a"]]},{"id":"895f9a4b.4c9d48","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"OFF","payloadType":"str","x":210,"y":320,"wires":[["336ba566.34e15a"]]},{"id":"3ae68795.9aea78","type":"switch","z":"e8af3254.77f7e","name":"","property":"fan.state","propertyType":"flow","rules":[{"t":"eq","v":"ON","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":490,"y":260,"wires":[["d2305233.bf092","62c9eea6.80647"]]},{"id":"62c9eea6.80647","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":3,"width":4,"height":1,"name":"","icon":"iconify-mdi:fan","label":"MDI FAN","unit":"rpm","layout":"linear","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":320,"wires":[]},{"id":"8f1cb5df.056218","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":2,"width":4,"height":4,"name":"","icon":"fa-cog","label":"FA COG","unit":"rpm","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":520,"wires":[]},{"id":"8247dc54.27bcf","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":4,"width":4,"height":1,"name":"","icon":"fa-cog","label":"FA COG","unit":"rpm","layout":"linear","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":560,"wires":[]},{"id":"62d69155.0505","type":"function","z":"e8af3254.77f7e","name":"","func":"var cog = flow.get('cog') || {speed:0,state:'OFF'}\n\nif(msg.payload == \"ON\"){\n    msg.control = {icon:\"fa-cog fa-spin\"}\n    cog.state = msg.payload\n    cog.speed = Math.random()*100\n}\nelse{\n    msg.control = {icon:\"fa-cog\"}\n    cog.state = msg.payload\n    cog.speed = 0\n}\nflow.set('cog',cog)\n\n\nmsg.payload = cog.speed\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":480,"y":500,"wires":[["8f1cb5df.056218","8247dc54.27bcf"]]},{"id":"c742a6be.e84a88","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"ON","payloadType":"str","x":210,"y":520,"wires":[["62d69155.0505"]]},{"id":"35ef98cc.f10b68","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"OFF","payloadType":"str","x":210,"y":560,"wires":[["62d69155.0505"]]},{"id":"1da499d9.a5ea56","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":false,"onceDelay":0.1,"topic":"speed","payload":"","payloadType":"date","x":170,"y":620,"wires":[["dc786570.71c738"]]},{"id":"dc786570.71c738","type":"random","z":"e8af3254.77f7e","name":"","low":"300","high":"800","inte":"false","property":"payload","x":340,"y":620,"wires":[["c2925406.dafe88"]]},{"id":"c2925406.dafe88","type":"switch","z":"e8af3254.77f7e","name":"","property":"cog.state","propertyType":"flow","rules":[{"t":"eq","v":"ON","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":490,"y":580,"wires":[["8f1cb5df.056218","8247dc54.27bcf"]]},{"id":"545eea1d.fbf2b4","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":5,"width":2,"height":1,"passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"","icon":"","payload":"ON","payloadType":"str","topic":"","x":210,"y":360,"wires":[["336ba566.34e15a"]]},{"id":"afeba403.d67928","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":6,"width":2,"height":1,"passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"orange","icon":"","payload":"OFF","payloadType":"str","topic":"","x":210,"y":400,"wires":[["336ba566.34e15a"]]},{"id":"8194e84b.da2938","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":7,"width":2,"height":1,"passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"","icon":"","payload":"ON","payloadType":"str","topic":"","x":210,"y":440,"wires":[["62d69155.0505"]]},{"id":"4762981e.ff03c8","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":8,"width":2,"height":1,"passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"orange","icon":"","payload":"OFF","payloadType":"str","topic":"","x":210,"y":480,"wires":[["62d69155.0505"]]},{"id":"a230a227.d14c8","type":"ui_group","name":"Default","tab":"5993e98a.7f7558","order":1,"disp":true,"width":8,"collapse":false},{"id":"5993e98a.7f7558","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]