11 <table style='width: 100%; padding: 10px;'> |
11 <table style='width: 100%; padding: 10px;'> |
12 <col width="20%"> |
12 <col width="20%"> |
13 <col width="40%"> |
13 <col width="40%"> |
14 <col width="40%"> |
14 <col width="40%"> |
15 <tr><th colspan=3>CO2 meter overzicht</th></tr> |
15 <tr><th colspan=3>CO2 meter overzicht</th></tr> |
|
16 <tr><td colspan=3> </td></tr> |
16 <tr style="height: 25px;"> |
17 <tr style="height: 25px;"> |
17 <td>Uuid</td> |
18 <td>Uuid</td> |
18 <td colspan="2"><div id="info_uuid"></div></td> |
19 <td colspan="2"><div id="info_uuid"></div></td> |
19 </tr> |
20 </tr> |
20 <tr style="height: 25px;"> |
21 <tr style="height: 25px;"> |
27 <td><div id="info_beer"></div></td> |
28 <td><div id="info_beer"></div></td> |
28 <td><div id="select_beer"></div></td> |
29 <td><div id="select_beer"></div></td> |
29 </tr> |
30 </tr> |
30 <tr style="height: 25px;"> |
31 <tr style="height: 25px;"> |
31 <td>Werking</td> |
32 <td>Werking</td> |
32 <td><div id="info_mode"></div></td> |
33 <td colspan="2"><div id="info_mode"></div></td> |
33 <td></td> |
|
34 </tr> |
34 </tr> |
35 </table> |
35 </table> |
36 </div> |
36 </div> |
37 </div> |
37 </div> |
38 <div id='co2meter_meters'> |
38 <div id='co2meter_meters'> |
39 <div id="gaugeContainer_temperature" style='float: left; margin-top: 10px; margin-left: 10px;'></div> |
39 <div id="gaugeContainer_temperature" style='float: left; margin-top: 10px; margin-left: 60px;'></div> |
40 <div id="gaugeContainer_pressure" style="float: right; margin-top: 10px; margin-right: 10px;"></div> |
40 <div id="gaugeContainer_pressure" style="float: right; margin-top: 10px; margin-right: 60px;"></div> |
41 </div> |
41 </div> |
42 </div> <!-- End left side --> |
42 </div> <!-- End left side --> |
43 |
43 |
44 <div style="float: right; width: 295px;"> |
44 <div style="float: right; width: 295px;"> |
45 <div id="co2meter_panel_top"> |
45 <div id="co2meter_panel_top"> |
46 <div id="co2meter_powerled"></div> |
46 <div id="co2meter_powerled"></div> |
|
47 <div id="co2meter_alarmled"></div> |
47 </div> <!-- co2meter_panel_top --> |
48 </div> <!-- co2meter_panel_top --> |
48 |
49 |
49 <div id="co2meter_panel_display"> |
50 <div id="co2meter_panel_display"> |
50 <div id="co2meter_display"> |
51 <div id="co2meter_display"> |
51 </div> |
52 </div> |