"format": "<div id = \"row1\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row1\").classList.add('flash');\n } else {\n document.getElementById(\"row1\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row1\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row1\").classList.add('flash');\n } else {\n document.getElementById(\"row1\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 220,
"y": 220,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "425459e1.2cefb8",
"id": "425459e1.2cefb8",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "200",
"timeout": "200",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1250,
"x": 1250,
"y": 220,
"y": 220,
"wires": [
"wires": [
[
[
"65f1e904.8abc08",
"65f1e904.8abc08",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "bbbe483b.afd188",
"id": "bbbe483b.afd188",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "400",
"timeout": "400",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1250,
"x": 1250,
"y": 260,
"y": 260,
"wires": [
"wires": [
[
[
"1e1aa23c.7f52de",
"1e1aa23c.7f52de",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "57911c42.98a4b4",
"id": "57911c42.98a4b4",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "600",
"timeout": "600",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1250,
"x": 1250,
"y": 300,
"y": 300,
"wires": [
"wires": [
[
[
"1b610247.8522fe",
"1b610247.8522fe",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "ecfa4961.d4d8b8",
"id": "ecfa4961.d4d8b8",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "800",
"timeout": "800",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1250,
"x": 1250,
"y": 340,
"y": 340,
"wires": [
"wires": [
[
[
"8f187357.69dac",
"8f187357.69dac",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "4b48b490.91296c",
"id": "4b48b490.91296c",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "1000",
"timeout": "1000",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 380,
"y": 380,
"wires": [
"wires": [
[
[
"6d4de3d2.ad49ac",
"6d4de3d2.ad49ac",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "b8142f53.b49d6",
"id": "b8142f53.b49d6",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "1200",
"timeout": "1200",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 420,
"y": 420,
"wires": [
"wires": [
[
[
"92d42a7a.d9f608",
"92d42a7a.d9f608",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "3295e390.feea7c",
"id": "3295e390.feea7c",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "1400",
"timeout": "1400",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 460,
"y": 460,
"wires": [
"wires": [
[
[
"505739bd.21c828",
"505739bd.21c828",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "fc0028f7.c30ca8",
"id": "fc0028f7.c30ca8",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "1600",
"timeout": "1600",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 500,
"y": 500,
"wires": [
"wires": [
[
[
"c8c491f4.df4f",
"c8c491f4.df4f",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "de68c7a4.585e98",
"id": "de68c7a4.585e98",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "1800",
"timeout": "1800",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 540,
"y": 540,
"wires": [
"wires": [
[
[
"1cdbe287.f0a76d",
"1cdbe287.f0a76d",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "baec2cbb.45be5",
"id": "baec2cbb.45be5",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "2000",
"timeout": "2000",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 1260,
"x": 1260,
"y": 580,
"y": 580,
"wires": [
"wires": [
[
[
"d1c306f6.98edd8",
"d1c306f6.98edd8",
"4ec137c1.48b678"
"4ec137c1.48b678"
]
]
]
]
},
},
{
{
"id": "186a3a78.9194b6",
"id": "186a3a78.9194b6",
"type": "comment",
"type": "comment",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "Anzeigen (4)",
"name": "Anzeigen (4)",
"info": "Dashboard Settings ändert CSS und Layout.\n\nTablet friendly macht die Seite mit einem Tablet\nansehbar.\n\nDie Informationen werden noch kurzzeitig verzögert,\nweil das interessanten Effekt macht.\n\nManchmal hatte ich kurz das Problem dass er\ndie Blöcke an falsche Anzeigen schickt.\nBeispiel: 1 -> 5\n 5 -> 10\n 10 -> 1\n \nSollte das nochmal passieren, einfach die Leitungen\nzwischen Delay und Anzeige richtig verkabeln.\nIch weiß echt nicht woran es liegt, ich glaube\ndas ist einfach ein Fehler\n\nDanach werden sie in den HTML Blöcken angezeigt.",
"info": "Dashboard Settings ändert CSS und Layout.\n\nTablet friendly macht die Seite mit einem Tablet\nansehbar.\n\nDie Informationen werden noch kurzzeitig verzögert,\nweil das interessanten Effekt macht.\n\nManchmal hatte ich kurz das Problem dass er\ndie Blöcke an falsche Anzeigen schickt.\nBeispiel: 1 -> 5\n 5 -> 10\n 10 -> 1\n \nSollte das nochmal passieren, einfach die Leitungen\nzwischen Delay und Anzeige richtig verkabeln.\nIch weiß echt nicht woran es liegt, ich glaube\ndas ist einfach ein Fehler\n\nDanach werden sie in den HTML Blöcken angezeigt.",
"x": 1370,
"x": 1370,
"y": 20,
"y": 20,
"wires": []
"wires": []
},
},
{
{
"id": "403d4dc2.0cdd14",
"id": "403d4dc2.0cdd14",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Überschrift",
"name": "Überschrift",
"order": 2,
"order": 2,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"top_con\" class = \"container\">\n \n <div class = \"items\" id = \"top\">Maschine</div>\n <div class = \"items\" id = \"top\">Artikel</div>\n <div class = \"items\" id = \"top\">Minuten</div>\n <div class = \"items\" id = \"top\">Status</div>\n \n</div>",
"format": "<div id = \"top_con\" class = \"container\">\n \n <div class = \"items\" id = \"top\">Maschine</div>\n <div class = \"items\" id = \"top\">Artikel</div>\n <div class = \"items\" id = \"top\">Minuten</div>\n <div class = \"items\" id = \"top\">Status</div>\n \n</div>",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 180,
"y": 180,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "3ebaefc7.879bf",
"id": "3ebaefc7.879bf",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"pauseType": "delay",
"pauseType": "delay",
"timeout": "200",
"timeout": "200",
"timeoutUnits": "milliseconds",
"timeoutUnits": "milliseconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "1",
"nbRateUnits": "1",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": false,
"drop": false,
"x": 610,
"x": 610,
"y": 400,
"y": 400,
"wires": [
"wires": [
[
[
"4378c48d.61d96c"
"4378c48d.61d96c"
]
]
]
]
},
},
{
{
"id": "b1fc459e.b03df8",
"id": "b1fc459e.b03df8",
"type": "ui_ui_control",
"type": "ui_ui_control",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"x": 620,
"x": 620,
"y": 560,
"y": 560,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "19dcf7f9.f8a0d8",
"id": "19dcf7f9.f8a0d8",
"type": "template",
"type": "template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "",
"name": "",
"field": "payload",
"field": "payload",
"fieldType": "msg",
"fieldType": "msg",
"format": "handlebars",
"format": "handlebars",
"syntax": "mustache",
"syntax": "mustache",
"template": "{{\"\"}}",
"template": "{{\"\"}}",
"output": "str",
"output": "str",
"x": 620,
"x": 620,
"y": 520,
"y": 520,
"wires": [
"wires": [
[
[
"b1fc459e.b03df8"
"b1fc459e.b03df8"
]
]
]
]
},
},
{
{
"id": "15bc57a3.5a6668",
"id": "15bc57a3.5a6668",
"type": "delay",
"type": "delay",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"name": "1 msg. / 5 sec.",
"name": "1 msg. / 5 sec.",
"pauseType": "rate",
"pauseType": "rate",
"timeout": "5",
"timeout": "5",
"timeoutUnits": "seconds",
"timeoutUnits": "seconds",
"rate": "1",
"rate": "1",
"nbRateUnits": "5",
"nbRateUnits": "5",
"rateUnits": "second",
"rateUnits": "second",
"randomFirst": "1",
"randomFirst": "1",
"randomLast": "5",
"randomLast": "5",
"randomUnits": "seconds",
"randomUnits": "seconds",
"drop": true,
"drop": true,
"x": 620,
"x": 620,
"y": 480,
"y": 480,
"wires": [
"wires": [
[
[
"19dcf7f9.f8a0d8"
"19dcf7f9.f8a0d8"
]
]
]
]
},
},
{
{
"id": "1e1aa23c.7f52de",
"id": "1e1aa23c.7f52de",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 2",
"name": "Element 2",
"order": 3,
"order": 4,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row2\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row2\").classList.add('flash');\n } else {\n document.getElementById(\"row2\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row2\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row2\").classList.add('flash');\n } else {\n document.getElementById(\"row2\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 260,
"y": 260,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "1b610247.8522fe",
"id": "1b610247.8522fe",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 3",
"name": "Element 3",
"order": 3,
"order": 5,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row3\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row3\").classList.add('flash');\n } else {\n document.getElementById(\"row3\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row3\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row3\").classList.add('flash');\n } else {\n document.getElementById(\"row3\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 300,
"y": 300,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "8f187357.69dac",
"id": "8f187357.69dac",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 4",
"name": "Element 4",
"order": 3,
"order": 6,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row4\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row4\").classList.add('flash');\n } else {\n document.getElementById(\"row4\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row4\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row4\").classList.add('flash');\n } else {\n document.getElementById(\"row4\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 340,
"y": 340,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "6d4de3d2.ad49ac",
"id": "6d4de3d2.ad49ac",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 5",
"name": "Element 5",
"order": 3,
"order": 7,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row5\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row5\").classList.add('flash');\n } else {\n document.getElementById(\"row5\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row5\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row5\").classList.add('flash');\n } else {\n document.getElementById(\"row5\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 380,
"y": 380,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "92d42a7a.d9f608",
"id": "92d42a7a.d9f608",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 6",
"name": "Element 6",
"order": 3,
"order": 8,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row6\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row6\").classList.add('flash');\n } else {\n document.getElementById(\"row6\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row6\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row6\").classList.add('flash');\n } else {\n document.getElementById(\"row6\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"storeOutMessages": true,
"storeOutMessages": true,
"fwdInMessages": true,
"fwdInMessages": true,
"templateScope": "local",
"templateScope": "local",
"x": 1550,
"x": 1550,
"y": 420,
"y": 420,
"wires": [
"wires": [
[]
[]
]
]
},
},
{
{
"id": "505739bd.21c828",
"id": "505739bd.21c828",
"type": "ui_template",
"type": "ui_template",
"z": "4fb546da.e7d588",
"z": "4fb546da.e7d588",
"group": "2d18af89.78839",
"group": "2d18af89.78839",
"name": "Element 7",
"name": "Element 7",
"order": 3,
"order": 9,
"width": "0",
"width": "0",
"height": "0",
"height": "0",
"format": "<div id = \"row7\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row7\").classList.add('flash');\n } else {\n document.getElementById(\"row7\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",
"format": "<div id = \"row7\" class = \"flash container\">\n \n <div class = \"items\">{{msg.payload.machine}}</div>\n <div class = \"items\">{{msg.payload.art}}</div>\n <div class = \"items\">{{msg.payload.minutes}} min.</div>\n <div class = \"items\" id = \"state\">{{msg.payload.state}}</div>\n \n</div>\n\n<script>\n\n (function(scope) {\n scope.$watch('msg.payload.minutes', function(data) {\n if(data <= 10){\n document.getElementById(\"row7\").classList.add('flash');\n } else {\n document.getElementById(\"row7\").classList.remove('flash');\n }\n });\n })(scope);\n</script>\n",