Müllabfuhr farbliche Icons Dashboard

Ich habe mit Hilfe der Font Awesome Icons ( https://fontawesome.com/ ) eine wechselnde Anzeige für meinen Müllkalender gebastelt. Die Daten des Kalenders bekomme ich aus IO-Broker. Es sollte aber kein Problem sein, sich auch einen Kalender über Node-Red einzubinden.

https://fontawesome.com/v4.7.0/examples/

Das Icon wird so angelegt: fa fa-trash fa-5x für den Mülleimer oder fa fa-tree fa-5x für einen Tannenbaum

Die Größe des Icons wird folgendermaßen geändert: fa fa-trash fa-5x für den großen Mülleimer und fa fa-trash fa-2x für den kleinen Mülleimer.

Ich bin wirklich kein Profi in Node-Red, aber so konnte ich mir einen farblich wechselndes Icon basteln.

Copy[{"id":"93b8aad9.a185b8","type":"tab","label":"Müllabfuhr","disabled":false,"info":""},{"id":"81130dcc.b9b39","type":"change","z":"93b8aad9.a185b8","name":"trash","rules":[{"t":"set","p":"topic","pt":"msg","to":"icon","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"fa fa-trash fa-5x","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":900,"wires":[["3ab71a63.d7a776"]]},{"id":"7492f69a.4589d8","type":"change","z":"93b8aad9.a185b8","name":"Blau","rules":[{"t":"set","p":"topic","pt":"msg","to":"farbe","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"#196DB6","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":1000,"wires":[["3ab71a63.d7a776"]]},{"id":"3ab71a63.d7a776","type":"join","z":"93b8aad9.a185b8","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"2","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":1850,"y":940,"wires":[["4c527bf8.8e9064"]]},{"id":"fd758c0d.45a15","type":"change","z":"93b8aad9.a185b8","name":"trash","rules":[{"t":"set","p":"topic","pt":"msg","to":"icon","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"fa fa-trash fa-5x","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":700,"wires":[["6c9e150a.928c6c"]]},{"id":"cd788c15.a77ab","type":"change","z":"93b8aad9.a185b8","name":"Braun","rules":[{"t":"set","p":"topic","pt":"msg","to":"farbe","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"#8A2908","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":800,"wires":[["6c9e150a.928c6c"]]},{"id":"6c9e150a.928c6c","type":"join","z":"93b8aad9.a185b8","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"2","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":1850,"y":760,"wires":[["4c527bf8.8e9064"]]},{"id":"4c527bf8.8e9064","type":"ui_template","z":"93b8aad9.a185b8","group":"b1acecb7.12f67","name":"Müll","order":4,"width":"4","height":"5","format":"<h2 style=\"text-align: center;\"><strong>Müllabfuhr</strong></h2>\n<h4 style=\"text-align: center;\"><strong>{{msg.payload.zeit}}</strong></h4>\n<p style=\"text-align: center;\">&nbsp;</p>\n<div style=\"display: inline-block; text-align: center;\">\n    <i class=\"{{msg.payload.icon}}\" style=\"color:{{msg.payload.farbe}};\"><!-- icon --></i>\n\n</div>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":2090,"y":760,"wires":[[]]},{"id":"730c193b.4b3978","type":"change","z":"93b8aad9.a185b8","name":"Gelb","rules":[{"t":"set","p":"topic","pt":"msg","to":"farbe","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"#fff400","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":1100,"wires":[["3ab71a63.d7a776"]]},{"id":"1b2f0795.295358","type":"change","z":"93b8aad9.a185b8","name":"trash","rules":[{"t":"set","p":"topic","pt":"msg","to":"icon","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"fa fa-trash fa-5x","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":500,"wires":[["c64aaae6.746b48"]]},{"id":"854fc7db.548af8","type":"change","z":"93b8aad9.a185b8","name":"Grau","rules":[{"t":"set","p":"topic","pt":"msg","to":"farbe","tot":"str"},{"t":"set","p":"payload","pt":"msg","to":"#848484","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":600,"wires":[["c64aaae6.746b48"]]},{"id":"c64aaae6.746b48","type":"join","z":"93b8aad9.a185b8","name":"","mode":"custom","build":"object","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"2","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":1850,"y":560,"wires":[["4c527bf8.8e9064"]]},{"id":"7e119308.190d2c","type":"inject","z":"93b8aad9.a185b8","name":"","topic":"Grau","payload":"true","payloadType":"bool","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":1260,"y":560,"wires":[["1b2f0795.295358","854fc7db.548af8"]]},{"id":"1bd8b6bc.8b95d9","type":"inject","z":"93b8aad9.a185b8","name":"","topic":"Braun","payload":"true","payloadType":"bool","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":1280,"y":760,"wires":[["fd758c0d.45a15","cd788c15.a77ab"]]},{"id":"29ac52d.8f290ae","type":"inject","z":"93b8aad9.a185b8","name":"","topic":"Blau","payload":"true","payloadType":"bool","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":1280,"y":960,"wires":[["7492f69a.4589d8","81130dcc.b9b39"]]},{"id":"86820ae6.f5e7f8","type":"inject","z":"93b8aad9.a185b8","name":"","topic":"Gelb","payload":"true","payloadType":"bool","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":1280,"y":1100,"wires":[["730c193b.4b3978","81130dcc.b9b39"]]},{"id":"ea19cb28.2cd6a8","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird das Icon angelegt","info":"","x":1570,"y":460,"wires":[]},{"id":"f2c45d8c.efae2","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird die Farbe angelegt","info":"","x":1580,"y":560,"wires":[]},{"id":"b8461ead.3fe62","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird das Icon angelegt","info":"","x":1570,"y":660,"wires":[]},{"id":"ac39a44c.e71fe8","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird die Farbe angelegt","info":"","x":1580,"y":760,"wires":[]},{"id":"c88783ba.27df1","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird das Icon angelegt","info":"","x":1570,"y":860,"wires":[]},{"id":"58439c7a.a2d024","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird die Farbe angelegt","info":"","x":1580,"y":1060,"wires":[]},{"id":"5d35f39c.86125c","type":"comment","z":"93b8aad9.a185b8","name":"Hier wird die Farbe angelegt","info":"","x":1580,"y":960,"wires":[]},{"id":"b1acecb7.12f67","type":"ui_group","z":"","name":"Glancr1","tab":"72bc59c8.17a9a8","order":2,"disp":false,"width":"24","collapse":false},{"id":"72bc59c8.17a9a8","type":"ui_tab","z":"","name":"Glancr","icon":"dashboard","order":17,"disabled":false,"hidden":false}]