Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

Untitled diff

Created 5 years agoDiff never expires

[

{

"id": "9d9ebedd.1c3e4",

"type": "function",

"z": "4fb546da.e7d588",

"name": "Split",

"func": "var deletme = msg.payload\nvar pos\nvar split = ';';\n\n//Unicode Replacement Character (replaces ä ö ü)\nvar rpc = '\\uFFFD';\n\n//String not empty?\nif(deletme !== '' && deletme != ' '){\n \n //Prepare Output Array\n var output = [\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n ]\n \n //Loop Array\n for(i = 0; i < 10; i++){\n \n //Split Machine\n pos = deletme.search(split)\n output[i].payload.machine = deletme.substr(0, pos).replace(/(\\r\\n|\\n|\\r)/gm,\"\")\n deletme = deletme.substr(pos+1, deletme.length-pos)\n \n //Split Article\n pos = deletme.search(split)\n output[i].payload.art = deletme.substr(1, pos-1)\n deletme = deletme.substr(pos+1, deletme.length-pos)\n \n if(output[i].payload.art == '_DUMMY'){\n \n output[i].payload.art = \"Dummy\"\n \n } else {\n \n output[i].payload.art = output[i].payload.art.substr(0,4)\n \n }\n \n //Split Minutes\n pos = deletme.search(split)\n output[i].payload.minutes = deletme.substr(0, pos)\n if(output[i].payload.minutes >= 43200) output[i].payload.minutes = \"-\"\n deletme = deletme.substr(pos+1, deletme.length-pos)\n \n //Split State\n pos = 0\n currentChar = deletme.charAt(pos);\n //Go until #\n while(currentChar != '#' || pos > 50) {\n pos++;\n currentChar = deletme.charAt(pos);\n }\n output[i].payload.state = deletme.substr(0, pos)\n deletme = deletme.substr(pos+1, deletme.length-pos)\n \n //Repair Text\n if(output[i].payload.state == ('R' + rpc + 'sten')) output[i].payload.state = \"Rüsten\"\n if(output[i].payload.state == ('Zusatzger' + rpc + 't')) output[i].payload.state = \"Zusatzgerät\"\n if(output[i].payload.state == ('Entnahmeger' + rpc + 't')) output[i].payload.state = \"Entnahmegerät\"\n \n }\n \n return [output[0], output[1], output[2], output[3], output[4], output[5], output[6], output[7], output[8], output[9], output[10]];\n\n}",

"outputs": 10,

"noerr": 0,

"x": 930,

"y": 400,

"wires": [

[

"425459e1.2cefb8"

[

"bbbe483b.afd188"

[

"57911c42.98a4b4"

[

"ecfa4961.d4d8b8"

[

"4b48b490.91296c"

[

"b8142f53.b49d6"

[

"3295e390.feea7c"

[

"fc0028f7.c30ca8"

[

"de68c7a4.585e98"

[

"baec2cbb.45be5"

]

{

"id": "26487583.1cf9fa",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "1 msg. / 1 sec.",

"pauseType": "rate",

"timeout": "5",

"timeoutUnits": "seconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 380,

"y": 400,

"wires": [

[

"3ebaefc7.879bf",

"15bc57a3.5a6668"

]

{

"id": "4378c48d.61d96c",

"type": "function",

"z": "4fb546da.e7d588",

"name": "Tidy up Input",

"func": "while(msg.payload.includes(\"'\")){\n \n msg.payload = msg.payload.replace(\"'\", \"\")\n\n}\n\nreturn msg",

"outputs": 1,

"noerr": 0,

"x": 770,

"y": 400,

"wires": [

[

"9d9ebedd.1c3e4"

]

{

"id": "34018ac0.d4c7c6",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Dashboard Settings",

"order": 1,

"width": "0",

"height": "0",

"format": "<style>\n \n .container{\n \n display:flex;\n justify-content: space-around;\n align-items:center;\n max-width: 100%;\n \n }\n \n .items{\n \n flex: 1 0 23%;\n font-size: 40pt;\n text-align:center;\n font:helvetica;\n \n }\n \n #state {\n \n font-size: 25pt;\n \n }\n \n #top {\n \n flex: 1 0 23%;\n font-size: 35pt;\n padding: 4px 4px 4px 4px;\n font-weight: bold;\n text-decoration: underline;\n \n }\n \n @viewport {\n width: device-width;\n zoom: 1.0;\n } \n \n .flash {\n background-color: #004A7F;\n -webkit-border-radius: 10px;\n border-radius: 10px;\n border: none;\n color: #FFEEEE;\n font-family: Arial;\n text-decoration: none;\n -webkit-animation: glowing 1500ms infinite;\n -moz-animation: glowing 1500ms infinite;\n -o-animation: glowing 1500ms infinite;\n animation: glowing 1500ms infinite;\n }\n @-webkit-keyframes glowing {\n 0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n 50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }\n 100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n }\n \n @-moz-keyframes glowing {\n 0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n 50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }\n 100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n }\n \n @-o-keyframes glowing {\n 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n }\n \n @keyframes glowing {\n 0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n 50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n 100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n }\n \n</style>\n\n<script>\n \n //Abstand zwischen Zeilen\n sizes.cy = 1;\n \n //Padding zwischen Gruppen\n sizes.py = 1;\n \n //Dokumentation\n //https://groups.google.com/forum/#!topic/node-red/jKcy83XsI7Y\n \n</script>",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1400,

"y": 100,

"wires": [

[]

]

{

"id": "65f1e904.8abc08",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 1",

"order": 3,

"width": "0",

"height": "0",

"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,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 220,

"wires": [

[]

]

{

"id": "425459e1.2cefb8",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "200",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1250,

"y": 220,

"wires": [

[

"65f1e904.8abc08",

"4ec137c1.48b678"

]

{

"id": "bbbe483b.afd188",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "400",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1250,

"y": 260,

"wires": [

[

"1e1aa23c.7f52de",

"4ec137c1.48b678"

]

{

"id": "57911c42.98a4b4",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "600",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1250,

"y": 300,

"wires": [

[

"1b610247.8522fe",

"4ec137c1.48b678"

]

{

"id": "ecfa4961.d4d8b8",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "800",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1250,

"y": 340,

"wires": [

[

"8f187357.69dac",

"4ec137c1.48b678"

]

{

"id": "4b48b490.91296c",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "1000",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 380,

"wires": [

[

"6d4de3d2.ad49ac",

"4ec137c1.48b678"

]

{

"id": "b8142f53.b49d6",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "1200",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 420,

"wires": [

[

"92d42a7a.d9f608",

"4ec137c1.48b678"

]

{

"id": "3295e390.feea7c",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "1400",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 460,

"wires": [

[

"505739bd.21c828",

"4ec137c1.48b678"

]

{

"id": "fc0028f7.c30ca8",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "1600",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 500,

"wires": [

[

"c8c491f4.df4f",

"4ec137c1.48b678"

]

{

"id": "de68c7a4.585e98",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "1800",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 540,

"wires": [

[

"1cdbe287.f0a76d",

"4ec137c1.48b678"

]

{

"id": "baec2cbb.45be5",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "2000",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 1260,

"y": 580,

"wires": [

[

"d1c306f6.98edd8",

"4ec137c1.48b678"

]

{

"id": "186a3a78.9194b6",

"type": "comment",

"z": "4fb546da.e7d588",

"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.",

"x": 1370,

"y": 20,

"wires": []

{

"id": "403d4dc2.0cdd14",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Überschrift",

"order": 2,

"width": "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>",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 180,

"wires": [

[]

]

{

"id": "3ebaefc7.879bf",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "",

"pauseType": "delay",

"timeout": "200",

"timeoutUnits": "milliseconds",

"rate": "1",

"nbRateUnits": "1",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": false,

"x": 610,

"y": 400,

"wires": [

[

"4378c48d.61d96c"

]

{

"id": "b1fc459e.b03df8",

"type": "ui_ui_control",

"z": "4fb546da.e7d588",

"name": "",

"x": 620,

"y": 560,

"wires": [

[]

]

{

"id": "19dcf7f9.f8a0d8",

"type": "template",

"z": "4fb546da.e7d588",

"name": "",

"field": "payload",

"fieldType": "msg",

"format": "handlebars",

"syntax": "mustache",

"template": "{{\"\"}}",

"output": "str",

"x": 620,

"y": 520,

"wires": [

[

"b1fc459e.b03df8"

]

{

"id": "15bc57a3.5a6668",

"type": "delay",

"z": "4fb546da.e7d588",

"name": "1 msg. / 5 sec.",

"pauseType": "rate",

"timeout": "5",

"timeoutUnits": "seconds",

"rate": "1",

"nbRateUnits": "5",

"rateUnits": "second",

"randomFirst": "1",

"randomLast": "5",

"randomUnits": "seconds",

"drop": true,

"x": 620,

"y": 480,

"wires": [

[

"19dcf7f9.f8a0d8"

]

{

"id": "1e1aa23c.7f52de",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 2",

"order": 3,

"order": 4,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 260,

"wires": [

[]

]

{

"id": "1b610247.8522fe",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 3",

"order": 3,

"order": 5,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 300,

"wires": [

[]

]

{

"id": "8f187357.69dac",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 4",

"order": 3,

"order": 6,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 340,

"wires": [

[]

]

{

"id": "6d4de3d2.ad49ac",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 5",

"order": 3,

"order": 7,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 380,

"wires": [

[]

]

{

"id": "92d42a7a.d9f608",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 6",

"order": 3,

"order": 8,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 420,

"wires": [

[]

]

{

"id": "505739bd.21c828",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 7",

"order": 3,

"order": 9,

"width": "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",

"storeOutMessages": true,

"fwdInMessages": true,

"templateScope": "local",

"x": 1550,

"y": 460,

"wires": [

[]

]

{

"id": "c8c491f4.df4f",

"type": "ui_template",

"z": "4fb546da.e7d588",

"group": "2d18af89.78839",

"name": "Element 8",

"order": 3,

"order": 10,

"width": "0",

"height": "0",

"format": "<div id = \"row8\" class = \"fla

"format": "<div id = \"row8\" class = \"fl

Saved diffs

Original text

Open file

[
    {
        "id": "9d9ebedd.1c3e4",
        "type": "function",
        "z": "4fb546da.e7d588",
        "name": "Split",
        "func": "var deletme = msg.payload\nvar pos\nvar split = ';';\n\n//Unicode Replacement Character (replaces ä ö ü)\nvar rpc = '\\uFFFD';\n\n//String not empty?\nif(deletme !== '' && deletme != ' '){\n    \n    //Prepare Output Array\n    var output = [\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n    ]\n    \n    //Loop Array\n    for(i = 0; i < 10; i++){\n        \n        //Split Machine\n        pos = deletme.search(split)\n        output[i].payload.machine = deletme.substr(0, pos).replace(/(\\r\\n|\\n|\\r)/gm,\"\")\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        //Split Article\n        pos = deletme.search(split)\n        output[i].payload.art = deletme.substr(1, pos-1)\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        if(output[i].payload.art == '_DUMMY'){\n            \n            output[i].payload.art = \"Dummy\"\n            \n        } else {\n            \n            output[i].payload.art = output[i].payload.art.substr(0,4)\n            \n        }\n        \n        //Split Minutes\n        pos = deletme.search(split)\n        output[i].payload.minutes = deletme.substr(0, pos)\n        if(output[i].payload.minutes >= 43200) output[i].payload.minutes = \"-\"\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        //Split State\n        pos = 0\n        currentChar = deletme.charAt(pos);\n        //Go until #\n        while(currentChar != '#' || pos > 50) {\n            pos++;\n            currentChar = deletme.charAt(pos);\n        }\n        output[i].payload.state = deletme.substr(0, pos)\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n    \n        //Repair Text\n        if(output[i].payload.state == ('R' + rpc + 'sten'))        output[i].payload.state = \"Rüsten\"\n        if(output[i].payload.state == ('Zusatzger' + rpc + 't'))   output[i].payload.state = \"Zusatzgerät\"\n        if(output[i].payload.state == ('Entnahmeger' + rpc + 't')) output[i].payload.state = \"Entnahmegerät\"\n    \n    }\n    \n    return [output[0], output[1], output[2], output[3], output[4], output[5], output[6], output[7], output[8], output[9], output[10]];\n\n}",
        "outputs": 10,
        "noerr": 0,
        "x": 930,
        "y": 400,
        "wires": [
            [
                "425459e1.2cefb8"
            ],
            [
                "bbbe483b.afd188"
            ],
            [
                "57911c42.98a4b4"
            ],
            [
                "ecfa4961.d4d8b8"
            ],
            [
                "4b48b490.91296c"
            ],
            [
                "b8142f53.b49d6"
            ],
            [
                "3295e390.feea7c"
            ],
            [
                "fc0028f7.c30ca8"
            ],
            [
                "de68c7a4.585e98"
            ],
            [
                "baec2cbb.45be5"
            ]
        ]
    },
    {
        "id": "26487583.1cf9fa",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "1 msg. / 1 sec.",
        "pauseType": "rate",
        "timeout": "5",
        "timeoutUnits": "seconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 380,
        "y": 400,
        "wires": [
            [
                "3ebaefc7.879bf",
                "15bc57a3.5a6668"
            ]
        ]
    },
    {
        "id": "4378c48d.61d96c",
        "type": "function",
        "z": "4fb546da.e7d588",
        "name": "Tidy up Input",
        "func": "while(msg.payload.includes(\"'\")){\n    \n    msg.payload = msg.payload.replace(\"'\", \"\")\n\n}\n\nreturn msg",
        "outputs": 1,
        "noerr": 0,
        "x": 770,
        "y": 400,
        "wires": [
            [
                "9d9ebedd.1c3e4"
            ]
        ]
    },
    {
        "id": "34018ac0.d4c7c6",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Dashboard Settings",
        "order": 1,
        "width": "0",
        "height": "0",
        "format": "<style>\n    \n    .container{\n        \n        display:flex;\n        justify-content: space-around;\n        align-items:center;\n        max-width: 100%;\n        \n    }\n    \n    .items{\n        \n        flex: 1 0 23%;\n        font-size: 40pt;\n        text-align:center;\n        font:helvetica;\n        \n    }\n    \n    #state {\n        \n        font-size: 25pt;\n        \n    }\n    \n    #top {\n        \n        flex: 1 0 23%;\n        font-size: 35pt;\n        padding: 4px 4px 4px 4px;\n        font-weight: bold;\n        text-decoration: underline;\n        \n    }\n    \n    @viewport {\n        width: device-width;\n        zoom: 1.0;\n    } \n    \n    .flash {\n      background-color: #004A7F;\n      -webkit-border-radius: 10px;\n      border-radius: 10px;\n      border: none;\n      color: #FFEEEE;\n      font-family: Arial;\n      text-decoration: none;\n      -webkit-animation: glowing 1500ms infinite;\n      -moz-animation: glowing 1500ms infinite;\n      -o-animation: glowing 1500ms infinite;\n      animation: glowing 1500ms infinite;\n    }\n    @-webkit-keyframes glowing {\n      0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @-moz-keyframes glowing {\n      0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @-o-keyframes glowing {\n      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @keyframes glowing {\n      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n    }\n    \n</style>\n\n<script>\n    \n    //Abstand zwischen Zeilen\n    sizes.cy = 1;\n    \n    //Padding zwischen Gruppen\n    sizes.py = 1;\n    \n    //Dokumentation\n    //https://groups.google.com/forum/#!topic/node-red/jKcy83XsI7Y\n    \n</script>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1400,
        "y": 100,
        "wires": [
            []
        ]
    },
    {
        "id": "65f1e904.8abc08",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 1",
        "order": 3,
        "width": "0",
        "height": "0",
        "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,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 220,
        "wires": [
            []
        ]
    },
    {
        "id": "425459e1.2cefb8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 220,
        "wires": [
            [
                "65f1e904.8abc08",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "bbbe483b.afd188",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "400",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 260,
        "wires": [
            [
                "1e1aa23c.7f52de",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "57911c42.98a4b4",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "600",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 300,
        "wires": [
            [
                "1b610247.8522fe",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "ecfa4961.d4d8b8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "800",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 340,
        "wires": [
            [
                "8f187357.69dac",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "4b48b490.91296c",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1000",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 380,
        "wires": [
            [
                "6d4de3d2.ad49ac",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "b8142f53.b49d6",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 420,
        "wires": [
            [
                "92d42a7a.d9f608",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "3295e390.feea7c",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1400",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 460,
        "wires": [
            [
                "505739bd.21c828",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "fc0028f7.c30ca8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1600",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 500,
        "wires": [
            [
                "c8c491f4.df4f",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "de68c7a4.585e98",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1800",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 540,
        "wires": [
            [
                "1cdbe287.f0a76d",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "baec2cbb.45be5",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "2000",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 580,
        "wires": [
            [
                "d1c306f6.98edd8",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "186a3a78.9194b6",
        "type": "comment",
        "z": "4fb546da.e7d588",
        "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.",
        "x": 1370,
        "y": 20,
        "wires": []
    },
    {
        "id": "403d4dc2.0cdd14",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Überschrift",
        "order": 2,
        "width": "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>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 180,
        "wires": [
            []
        ]
    },
    {
        "id": "3ebaefc7.879bf",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 610,
        "y": 400,
        "wires": [
            [
                "4378c48d.61d96c"
            ]
        ]
    },
    {
        "id": "b1fc459e.b03df8",
        "type": "ui_ui_control",
        "z": "4fb546da.e7d588",
        "name": "",
        "x": 620,
        "y": 560,
        "wires": [
            []
        ]
    },
    {
        "id": "19dcf7f9.f8a0d8",
        "type": "template",
        "z": "4fb546da.e7d588",
        "name": "",
        "field": "payload",
        "fieldType": "msg",
        "format": "handlebars",
        "syntax": "mustache",
        "template": "{{\"\"}}",
        "output": "str",
        "x": 620,
        "y": 520,
        "wires": [
            [
                "b1fc459e.b03df8"
            ]
        ]
    },
    {
        "id": "15bc57a3.5a6668",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "1 msg. / 5 sec.",
        "pauseType": "rate",
        "timeout": "5",
        "timeoutUnits": "seconds",
        "rate": "1",
        "nbRateUnits": "5",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": true,
        "x": 620,
        "y": 480,
        "wires": [
            [
                "19dcf7f9.f8a0d8"
            ]
        ]
    },
    {
        "id": "1e1aa23c.7f52de",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 2",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 260,
        "wires": [
            []
        ]
    },
    {
        "id": "1b610247.8522fe",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 3",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 300,
        "wires": [
            []
        ]
    },
    {
        "id": "8f187357.69dac",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 4",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 340,
        "wires": [
            []
        ]
    },
    {
        "id": "6d4de3d2.ad49ac",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 5",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 380,
        "wires": [
            []
        ]
    },
    {
        "id": "92d42a7a.d9f608",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 6",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 420,
        "wires": [
            []
        ]
    },
    {
        "id": "505739bd.21c828",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 7",
        "order": 3,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 460,
        "wires": [
            []
        ]
    },
    {
        "id": "c8c491f4.df4f",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 8",
        "order": 3,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row8\" 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(\"row8\").classList.add('flash');\n            } else {\n                document.getElementById(\"row8\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 500,
        "wires": [
            []
        ]
    },
    {
        "id": "1cdbe287.f0a76d",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 9",
        "order": 3,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row9\" 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(\"row9\").classList.add('flash');\n            } else {\n                document.getElementById(\"row9\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 540,
        "wires": [
            []
        ]
    },
    {
        "id": "d1c306f6.98edd8",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 10",
        "order": 3,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row10\" 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(\"row10\").classList.add('flash');\n            } else {\n                document.getElementById(\"row10\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 580,
        "wires": [
            []
        ]
    },
    {
        "id": "44ae915d.6b4f7",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "7a5dd4f4.730fec",
        "name": "Tablet friendly",
        "order": 1,
        "width": "0",
        "height": "0",
        "format": "<meta name=\"viewport\" content=\"height=device-height, initial-scale=1\"> ",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "global",
        "x": 1380,
        "y": 60,
        "wires": [
            []
        ]
    },
    {
        "id": "4ec137c1.48b678",
        "type": "debug",
        "z": "4fb546da.e7d588",
        "name": "",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "payload",
        "x": 1550,
        "y": 620,
        "wires": []
    },
    {
        "id": "ffe99211.b0dea",
        "type": "inject",
        "z": "4fb546da.e7d588",
        "name": "Dummy Data",
        "topic": "",
        "payload": "'M1';'W1';1;'S1'# 'M2';'W2';2;'S2'# 'M3';'W3';4;'S3'# 'M4';'W4';8;'S4'# 'M5';'W5';16;'S5'# 'M6';'W6';32;'S6'# 'M7';'W7';64;'S7'# 'M8';'W8';128;'S8'# 'M9';'W9';256;'S9'# 'M10';'W10';512;'S10'#",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 190,
        "y": 400,
        "wires": [
            [
                "26487583.1cf9fa"
            ]
        ]
    },
    {
        "id": "2d18af89.78839",
        "type": "ui_group",
        "z": "",
        "name": "List",
        "tab": "96c4ed8e.0fb94",
        "order": 1,
        "disp": false,
        "width": "26",
        "collapse": false
    },
    {
        "id": "7a5dd4f4.730fec",
        "type": "ui_group",
        "z": "",
        "name": "List",
        "tab": "bd2a653f.692418",
        "order": 1,
        "disp": false,
        "width": "17",
        "collapse": false
    },
    {
        "id": "96c4ed8e.0fb94",
        "type": "ui_tab",
        "z": "",
        "name": "Flow Debug",
        "icon": "dashboard",
        "order": 1
    },
    {
        "id": "bd2a653f.692418",
        "type": "ui_tab",
        "z": "",
        "name": "Inaktive Maschinen (Hochkant)",
        "icon": "dashboard",
        "order": 2
    }
]

Changed text

Open file

[
    {
        "id": "9d9ebedd.1c3e4",
        "type": "function",
        "z": "4fb546da.e7d588",
        "name": "Split",
        "func": "var deletme = msg.payload\nvar pos\nvar split = ';';\n\n//Unicode Replacement Character (replaces ä ö ü)\nvar rpc = '\\uFFFD';\n\n//String not empty?\nif(deletme !== '' && deletme != ' '){\n    \n    //Prepare Output Array\n    var output = [\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n        {payload: {\"machine\": \" - \", \"art\": \" - \", \"minutes\": \" - \", \"state\": \" - \"}},\n    ]\n    \n    //Loop Array\n    for(i = 0; i < 10; i++){\n        \n        //Split Machine\n        pos = deletme.search(split)\n        output[i].payload.machine = deletme.substr(0, pos).replace(/(\\r\\n|\\n|\\r)/gm,\"\")\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        //Split Article\n        pos = deletme.search(split)\n        output[i].payload.art = deletme.substr(1, pos-1)\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        if(output[i].payload.art == '_DUMMY'){\n            \n            output[i].payload.art = \"Dummy\"\n            \n        } else {\n            \n            output[i].payload.art = output[i].payload.art.substr(0,4)\n            \n        }\n        \n        //Split Minutes\n        pos = deletme.search(split)\n        output[i].payload.minutes = deletme.substr(0, pos)\n        if(output[i].payload.minutes >= 43200) output[i].payload.minutes = \"-\"\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n        \n        //Split State\n        pos = 0\n        currentChar = deletme.charAt(pos);\n        //Go until #\n        while(currentChar != '#' || pos > 50) {\n            pos++;\n            currentChar = deletme.charAt(pos);\n        }\n        output[i].payload.state = deletme.substr(0, pos)\n        deletme = deletme.substr(pos+1, deletme.length-pos)\n    \n        //Repair Text\n        if(output[i].payload.state == ('R' + rpc + 'sten'))        output[i].payload.state = \"Rüsten\"\n        if(output[i].payload.state == ('Zusatzger' + rpc + 't'))   output[i].payload.state = \"Zusatzgerät\"\n        if(output[i].payload.state == ('Entnahmeger' + rpc + 't')) output[i].payload.state = \"Entnahmegerät\"\n    \n    }\n    \n    return [output[0], output[1], output[2], output[3], output[4], output[5], output[6], output[7], output[8], output[9], output[10]];\n\n}",
        "outputs": 10,
        "noerr": 0,
        "x": 930,
        "y": 400,
        "wires": [
            [
                "425459e1.2cefb8"
            ],
            [
                "bbbe483b.afd188"
            ],
            [
                "57911c42.98a4b4"
            ],
            [
                "ecfa4961.d4d8b8"
            ],
            [
                "4b48b490.91296c"
            ],
            [
                "b8142f53.b49d6"
            ],
            [
                "3295e390.feea7c"
            ],
            [
                "fc0028f7.c30ca8"
            ],
            [
                "de68c7a4.585e98"
            ],
            [
                "baec2cbb.45be5"
            ]
        ]
    },
    {
        "id": "26487583.1cf9fa",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "1 msg. / 1 sec.",
        "pauseType": "rate",
        "timeout": "5",
        "timeoutUnits": "seconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 380,
        "y": 400,
        "wires": [
            [
                "3ebaefc7.879bf",
                "15bc57a3.5a6668"
            ]
        ]
    },
    {
        "id": "4378c48d.61d96c",
        "type": "function",
        "z": "4fb546da.e7d588",
        "name": "Tidy up Input",
        "func": "while(msg.payload.includes(\"'\")){\n    \n    msg.payload = msg.payload.replace(\"'\", \"\")\n\n}\n\nreturn msg",
        "outputs": 1,
        "noerr": 0,
        "x": 770,
        "y": 400,
        "wires": [
            [
                "9d9ebedd.1c3e4"
            ]
        ]
    },
    {
        "id": "34018ac0.d4c7c6",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Dashboard Settings",
        "order": 1,
        "width": "0",
        "height": "0",
        "format": "<style>\n    \n    .container{\n        \n        display:flex;\n        justify-content: space-around;\n        align-items:center;\n        max-width: 100%;\n        \n    }\n    \n    .items{\n        \n        flex: 1 0 23%;\n        font-size: 40pt;\n        text-align:center;\n        font:helvetica;\n        \n    }\n    \n    #state {\n        \n        font-size: 25pt;\n        \n    }\n    \n    #top {\n        \n        flex: 1 0 23%;\n        font-size: 35pt;\n        padding: 4px 4px 4px 4px;\n        font-weight: bold;\n        text-decoration: underline;\n        \n    }\n    \n    @viewport {\n        width: device-width;\n        zoom: 1.0;\n    } \n    \n    .flash {\n      background-color: #004A7F;\n      -webkit-border-radius: 10px;\n      border-radius: 10px;\n      border: none;\n      color: #FFEEEE;\n      font-family: Arial;\n      text-decoration: none;\n      -webkit-animation: glowing 1500ms infinite;\n      -moz-animation: glowing 1500ms infinite;\n      -o-animation: glowing 1500ms infinite;\n      animation: glowing 1500ms infinite;\n    }\n    @-webkit-keyframes glowing {\n      0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @-moz-keyframes glowing {\n      0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @-o-keyframes glowing {\n      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n    }\n    \n    @keyframes glowing {\n      0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n      50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }\n      100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }\n    }\n    \n</style>\n\n<script>\n    \n    //Abstand zwischen Zeilen\n    sizes.cy = 1;\n    \n    //Padding zwischen Gruppen\n    sizes.py = 1;\n    \n    //Dokumentation\n    //https://groups.google.com/forum/#!topic/node-red/jKcy83XsI7Y\n    \n</script>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1400,
        "y": 100,
        "wires": [
            []
        ]
    },
    {
        "id": "65f1e904.8abc08",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 1",
        "order": 3,
        "width": "0",
        "height": "0",
        "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,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 220,
        "wires": [
            []
        ]
    },
    {
        "id": "425459e1.2cefb8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 220,
        "wires": [
            [
                "65f1e904.8abc08",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "bbbe483b.afd188",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "400",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 260,
        "wires": [
            [
                "1e1aa23c.7f52de",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "57911c42.98a4b4",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "600",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 300,
        "wires": [
            [
                "1b610247.8522fe",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "ecfa4961.d4d8b8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "800",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1250,
        "y": 340,
        "wires": [
            [
                "8f187357.69dac",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "4b48b490.91296c",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1000",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 380,
        "wires": [
            [
                "6d4de3d2.ad49ac",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "b8142f53.b49d6",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 420,
        "wires": [
            [
                "92d42a7a.d9f608",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "3295e390.feea7c",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1400",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 460,
        "wires": [
            [
                "505739bd.21c828",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "fc0028f7.c30ca8",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1600",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 500,
        "wires": [
            [
                "c8c491f4.df4f",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "de68c7a4.585e98",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "1800",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 540,
        "wires": [
            [
                "1cdbe287.f0a76d",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "baec2cbb.45be5",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "2000",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 1260,
        "y": 580,
        "wires": [
            [
                "d1c306f6.98edd8",
                "4ec137c1.48b678"
            ]
        ]
    },
    {
        "id": "186a3a78.9194b6",
        "type": "comment",
        "z": "4fb546da.e7d588",
        "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.",
        "x": 1370,
        "y": 20,
        "wires": []
    },
    {
        "id": "403d4dc2.0cdd14",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Überschrift",
        "order": 2,
        "width": "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>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 180,
        "wires": [
            []
        ]
    },
    {
        "id": "3ebaefc7.879bf",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "",
        "pauseType": "delay",
        "timeout": "200",
        "timeoutUnits": "milliseconds",
        "rate": "1",
        "nbRateUnits": "1",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": false,
        "x": 610,
        "y": 400,
        "wires": [
            [
                "4378c48d.61d96c"
            ]
        ]
    },
    {
        "id": "b1fc459e.b03df8",
        "type": "ui_ui_control",
        "z": "4fb546da.e7d588",
        "name": "",
        "x": 620,
        "y": 560,
        "wires": [
            []
        ]
    },
    {
        "id": "19dcf7f9.f8a0d8",
        "type": "template",
        "z": "4fb546da.e7d588",
        "name": "",
        "field": "payload",
        "fieldType": "msg",
        "format": "handlebars",
        "syntax": "mustache",
        "template": "{{\"\"}}",
        "output": "str",
        "x": 620,
        "y": 520,
        "wires": [
            [
                "b1fc459e.b03df8"
            ]
        ]
    },
    {
        "id": "15bc57a3.5a6668",
        "type": "delay",
        "z": "4fb546da.e7d588",
        "name": "1 msg. / 5 sec.",
        "pauseType": "rate",
        "timeout": "5",
        "timeoutUnits": "seconds",
        "rate": "1",
        "nbRateUnits": "5",
        "rateUnits": "second",
        "randomFirst": "1",
        "randomLast": "5",
        "randomUnits": "seconds",
        "drop": true,
        "x": 620,
        "y": 480,
        "wires": [
            [
                "19dcf7f9.f8a0d8"
            ]
        ]
    },
    {
        "id": "1e1aa23c.7f52de",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 2",
        "order": 4,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 260,
        "wires": [
            []
        ]
    },
    {
        "id": "1b610247.8522fe",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 3",
        "order": 5,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 300,
        "wires": [
            []
        ]
    },
    {
        "id": "8f187357.69dac",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 4",
        "order": 6,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 340,
        "wires": [
            []
        ]
    },
    {
        "id": "6d4de3d2.ad49ac",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 5",
        "order": 7,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 380,
        "wires": [
            []
        ]
    },
    {
        "id": "92d42a7a.d9f608",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 6",
        "order": 8,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 420,
        "wires": [
            []
        ]
    },
    {
        "id": "505739bd.21c828",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 7",
        "order": 9,
        "width": "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",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 460,
        "wires": [
            []
        ]
    },
    {
        "id": "c8c491f4.df4f",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 8",
        "order": 10,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row8\" 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(\"row8\").classList.add('flash');\n            } else {\n                document.getElementById(\"row8\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 500,
        "wires": [
            []
        ]
    },
    {
        "id": "1cdbe287.f0a76d",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 9",
        "order": 11,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row9\" 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(\"row9\").classList.add('flash');\n            } else {\n                document.getElementById(\"row9\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 540,
        "wires": [
            []
        ]
    },
    {
        "id": "d1c306f6.98edd8",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "2d18af89.78839",
        "name": "Element 10",
        "order": 12,
        "width": "0",
        "height": "0",
        "format": "<div id = \"row10\" 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(\"row10\").classList.add('flash');\n            } else {\n                document.getElementById(\"row10\").classList.remove('flash');\n            }\n        });\n    })(scope);\n</script>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "local",
        "x": 1550,
        "y": 580,
        "wires": [
            []
        ]
    },
    {
        "id": "44ae915d.6b4f7",
        "type": "ui_template",
        "z": "4fb546da.e7d588",
        "group": "7a5dd4f4.730fec",
        "name": "Tablet friendly",
        "order": 1,
        "width": "0",
        "height": "0",
        "format": "<meta name=\"viewport\" content=\"height=device-height, initial-scale=1\"> ",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "templateScope": "global",
        "x": 1380,
        "y": 60,
        "wires": [
            []
        ]
    },
    {
        "id": "4ec137c1.48b678",
        "type": "debug",
        "z": "4fb546da.e7d588",
        "name": "",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "payload",
        "x": 1550,
        "y": 620,
        "wires": []
    },
    {
        "id": "ffe99211.b0dea",
        "type": "inject",
        "z": "4fb546da.e7d588",
        "name": "Dummy Data",
        "topic": "",
        "payload": "'M1';'W1';1;'S1'# 'M2';'W2';2;'S2'# 'M3';'W3';4;'S3'# 'M4';'W4';8;'S4'# 'M5';'W5';16;'S5'# 'M6';'W6';32;'S6'# 'M7';'W7';64;'S7'# 'M8';'W8';128;'S8'# 'M9';'W9';256;'S9'# 'M10';'W10';512;'S10'#",
        "payloadType": "str",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 190,
        "y": 400,
        "wires": [
            [
                "26487583.1cf9fa"
            ]
        ]
    },
    {
        "id": "2d18af89.78839",
        "type": "ui_group",
        "z": "",
        "name": "List",
        "tab": "96c4ed8e.0fb94",
        "order": 1,
        "disp": false,
        "width": "26",
        "collapse": false
    },
    {
        "id": "7a5dd4f4.730fec",
        "type": "ui_group",
        "z": "",
        "name": "List",
        "tab": "bd2a653f.692418",
        "order": 1,
        "disp": false,
        "width": "17",
        "collapse": false
    },
    {
        "id": "96c4ed8e.0fb94",
        "type": "ui_tab",
        "z": "",
        "name": "Flow Debug",
        "icon": "dashboard",
        "order": 1
    },
    {
        "id": "bd2a653f.692418",
        "type": "ui_tab",
        "z": "",
        "name": "Inaktive Maschinen (Hochkant)",
        "icon": "dashboard",
        "order": 2
    }
]