Dashboard and Dashboard 2.0

[{"id":"046911db42a7de1e","type":"ui_template","z":"17065fbaa47a80f0","group":"342bda09a3fa74f1","name":"OEE","order":1,"width":"44","height":"9","format":"<style>\n.overflow-hidden {overflow: hidden;}\n\n.oeehead {background:black ;color:white; font-size: 1.3em; text-align: center;font-weight: 200;}\n.oee {background:#101010; font-size: 0.9em; text-align: center;}\n.oee1 {background:#202020 ;color:yellow; font-size: 0.9em; text-align: center;}\n.oee2 {background:#505050 ;color:yellow; font-size: 1.3em; text-align: center; font-weight: 600;}\n.oeedn {background:#121212 ;color:pink      ; font-size: 0.9em; text-align: center;}\n.oeeup {background:#121212 ;color:lightgreen; font-size: 0.9em; text-align: center;}\n.oee_grey {background:#525252 ;color:#020202; font-size: 0.9em; text-align: center;}\n.oee_green {background:green ;color:#020202; font-size: 1.3em; text-align: center;}\n.oee_pink {background:pink ;color:#020202; font-size: 1.3em; text-align: center;}\n</style>\n<div ng-bind-html=\"msg.payload\"></div>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"overflow-hidden","x":490,"y":180,"wires":[[]]},{"id":"8d6ae81cd73ffaa2","type":"inject","z":"17065fbaa47a80f0","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"<body> <table width = \"100%\" border = '1'> <!-- <caption class = 'cap'>OEE DATA</caption>       <tr>                         <th colspan = '100%' ALIGN = 'center'> UPTIME / DOWNTIME / AVAILABILITY AND TARGET / ACTUAL / PERFORMANCE OF ALL MACHINES FOR CURRENT DAY UPDATED EVERY MINUTE LAST UPDATED @ 10:14:28</th>                                              </tr> -->  <!--            <tr height = \"4px\" bgcolor=\"gold\"> <td colspan=\"20\"></td></tr>  -->         <tr class = 'oeehead' height = '1px' bgcolor = 'black'\">                         <td width = \"120px\" >ONLINE OEE</td>                          <td width = '80px' ;>CR3</td width = '80px'><td width = '80px' ;>MSP1</td width = '80px'><td width = '80px' ;>BTP1</td width = '80px'><td width = '80px' ;>SP4</td width = '80px'>                         <td width = '80px' ;>SP3</td width = '80px'><td width = '80px' ;>PFSL</td width = '80px'><td width = '80px' ;>PFSR</td width = '80px'><td width = '80px' ;>CR1</td width = '80px'>                         <td width = '80px' ;>JUC</td width = '80px'><td width = '80px' ;>CFT</td width = '80px'><td width = '80px' ;>14T</td width = '80px'><td width = '80px' ;>12T</td width = '80px'>                         <td width = '80px' ;>BTP2</td width = '80px'><td width = '80px' ;>BTP3</td width = '80px'><td width = '80px' ;>SP5</td width = '80px'><td width = '80px' ;>AP2</td width = '80px'>                         <td width = '80px' ;>MSP2</td width = '80px'><td width = '80px' ;>BAGR</td width = '80px'><td width = '80px' ;>DIP</td width = '80px'>                     </tr>                       <tr height = '10px'><td class= 'oee' >UPTIME</td>                          <td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>13</td><td class = 'oeeup' ;>5</td><td class = 'oeeup' ;>65</td><td class = 'oeeup' ;>64</td><td class = 'oeeup' ;>0</td><td class = 'oeeup' >189</td>                         <td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>124</td><td class = 'oeeup' >0</td><td class = 'oeeup' ;>131</td><td class = 'oeeup' ;>111</td><td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>0</td><td class = 'oeeup' ;>115</td><td class = 'oeeup'>171</td><td class = 'oeeup' ;>0</td>                     </tr>                     <tr height = '10px'><td class= 'oee' >DNTIME</td>                          <td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>241</td><td class = 'oeedn' ;>249</td><td class = 'oeedn' ;>189</td><td class = 'oeedn' ;>190</td><td class = 'oeedn' ;>254</td><td class = 'oeedn' >65</td>                         <td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>130</td><td class = 'oeedn' >254</td><td class = 'oeedn' ;>123</td><td class = 'oeedn' ;>143</td><td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>254</td><td class = 'oeedn' ;>139</td><td class = 'oeedn'>83</td><td class = 'oeedn' ;>254</td>                     </tr>                     <tr height = '10px'><td class= 'oee_grey' >Elapsed Time</td>                          <td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' >254</td>                         <td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' >254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey' ;>254</td><td class = 'oee_grey'>254</td><td class = 'oee_grey' ;>254</td>                     </tr>                      <tr height = '10px'><td class= 'oee1' >AVAILABILITY(A)</td>                         <td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >5.1 %</td><td class = 'oee1' >2 %</td><td class = 'oee1' >25.6 %</td><td class = 'oee1' >25.2 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >74.4 %</td>                         <td class = 'oee1' >0 %</td><td class = 'oee1' >48.8 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >51.6 %</td><td class = 'oee1' >43.7 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >45.3 %</td><td class = 'oee1'> 67.3 %</td><td class = 'oee1' >0 %</td>                     </tr>                      <tr height = '10px'><td class= 'oee' >TARGET</td>                          <td class = 'oee' ;>NaN</td><td class = 'oee' ;>NaN</td><td class = 'oee' ;>0</td><td class = 'oee' ;>234</td><td class = 'oee' ;>15</td><td class = 'oee' ;>1,625</td><td class = 'oee' ;>1,280</td><td class = 'oee' ;>0</td><td class = 'oee' >60,480</td>                         <td class = 'oee' ;>0</td><td class = 'oee' ;>6,944</td><td class = 'oee' >NaN</td><td class = 'oee' ;>14,410</td><td class = 'oee' ;>12,210</td><td class = 'oee' ;>0</td><td class = 'oee' ;>0</td><td class = 'oee' ;>3,680</td><td class = 'oee'>4,012</td><td class = 'oee' ;>0</td>                     </tr>                      <tr height = '10px'><td class= 'oee' >ACTUAL </td>                          <td class = 'oee' ;>0</td><td class = 'oee' ;>0</td><td class = 'oee' ;>0</td><td class = 'oee' ;>158</td><td class = 'oee' ;>18</td><td class = 'oee' ;>1,294</td><td class = 'oee' ;>1,191</td><td class = 'oee' ;>0</td><td class = 'oee' >54,039</td>                         <td class = 'oee' ;>0</td><td class = 'oee' ;>4,221</td><td class = 'oee' >0</td><td class = 'oee' ;>14,322</td><td class = 'oee' ;>11,411</td><td class = 'oee' ;>0</td><td class = 'oee' ;>0</td><td class = 'oee' ;>2,760</td><td class = 'oee'>3,690</td><td class = 'oee' ;>0</td>                     </tr>                                         <tr height = '10px'><td class= 'oee_grey' >MODAL SPEED</td>                          <td class = 'oee_grey' ;></td><td class = 'oee_grey' ;></td><td class = 'oee_grey' ;>63</td><td class = 'oee_grey' ;>18</td><td class = 'oee_grey' ;>3</td><td class = 'oee_grey' ;>25</td><td class = 'oee_grey' ;>20</td><td class = 'oee_grey' ;>22</td><td class = 'oee_grey' >320</td>                         <td class = 'oee_grey' ;>20</td><td class = 'oee_grey' ;>56</td><td class = 'oee_grey' ></td><td class = 'oee_grey' ;>110</td><td class = 'oee_grey' ;>110</td><td class = 'oee_grey' ;>17</td><td class = 'oee_grey' ;></td><td class = 'oee_grey' ;>28</td><td class = 'oee_grey'>22</td><td class = 'oee_grey' ;>20</td>                     </tr>                      <tr height = '10px'><td class= 'oee1' >PERFORMANCE(P)</td>                         <td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >67.5 %</td><td class = 'oee1' >120 %</td><td class = 'oee1' >79.6 %</td><td class = 'oee1' >93 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >89.4 %</td>                         <td class = 'oee1' >0 %</td><td class = 'oee1' >60.8 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >99.4 %</td><td class = 'oee1' >93.5 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >0 %</td><td class = 'oee1' >75 %</td><td class = 'oee1'> 92 %</td><td class = 'oee1' >0 %</td>                     </tr>                      <tr height = '42px'><td class= 'oee2' >O E E (A*P)</td>                         <td class = 'oee2' >-</td><td class = 'oee2' >-</td><td class = 'oee2' >-</td><td class = 'oee2' >3.4 %</td><td class = 'oee2' >2.4 %</td><td class = 'oee2' >20.4 %</td><td class = 'oee2' >23.4 %</td><td class = 'oee2' >-</td><td class = 'oee2' >66.5 %</td>                         <td class = 'oee2' >-</td><td class = 'oee2' >29.7 %</td><td class = 'oee2' >-</td><td class = 'oee2' >51.3 %</td><td class = 'oee2' >40.9 %</td><td class = 'oee2' >-</td><td class = 'oee2' >-</td><td class = 'oee2' >34.0 %</td><td class = 'oee2'> 61.9 %</td><td class = 'oee2' >-</td>                     </tr> <tr height = \"1px\" bgcolor=\"red\"> <td colspan=\"20\"></td></tr>             </table>        </body>","payloadType":"str","x":290,"y":180,"wires":[["046911db42a7de1e"]]},{"id":"342bda09a3fa74f1","type":"ui_group","name":"OEE","tab":"fbe9cc4da47a8d17","order":3,"disp":false,"width":"44","collapse":false,"className":""},{"id":"fbe9cc4da47a8d17","type":"ui_tab","name":"LIVE DASHBOARD","icon":"fa-table","order":1,"disabled":false,"hidden":false}]