5 |
5 |
6 <div id="fermenter"> |
6 <div id="fermenter"> |
7 |
7 |
8 <div style="float: left; width: 970px;"> |
8 <div style="float: left; width: 970px;"> |
9 <div id="fermenter_table"> |
9 <div id="fermenter_table"> |
10 <div id="fermenter_info"></div> |
10 <div id="fermenter_info"> |
|
11 <table style='width: 100%; padding: 10px;'> |
|
12 <tr><th colspan=2>Klimaatkast overzicht</th></tr> |
|
13 <tr><td>Uuid</td><td><div id="info_uuid"></div></td></tr> |
|
14 <tr><td>Systeem</td><td><div id="info_system"></div></td></tr> |
|
15 <tr><td>Bier</td><td><div id="info_beer"></div></td></tr> |
|
16 <tr><td>Werking</td><td><div id="info_mode"></div></td></tr> |
|
17 <tr><td>Fase</td><td><div id="info_stage"></div></td></tr> |
|
18 </table> |
|
19 </div> |
11 </div> |
20 </div> |
12 <div id='fermenter_thermometers'> |
21 <div id='fermenter_thermometers'> |
13 <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div> |
22 <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div> |
14 <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div> |
23 <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div> |
15 <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div> |
24 <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div> |
16 </div> |
25 </div> |
17 </div> <!-- End left side --> |
26 </div> <!-- End left side --> |
18 |
27 |
19 <div style="float: right; width: 295px; background-color: #ddd;"> |
28 <div style="float: right; width: 295px; background-color: #ddd;"> |
20 <div id="fermentor_panel_top"> |
29 <div id="fermenter_panel_top"> |
21 <div id="fermentor_selector"> |
30 <div id="fermenter_selector"> |
22 |
|
23 </div> |
31 </div> |
24 <div id="fermentor_alarmled"></div> |
32 <div id="fermenter_alarmled"></div> |
25 <div id="fermentor_powerled"></div> |
33 <div id="fermenter_powerled"></div> |
26 </div> <!-- fermenter_panel_top --> |
34 </div> <!-- fermenter_panel_top --> |
27 |
35 |
28 <div id="fermentor_panel_display"> |
36 <div id="fermenter_panel_display"> |
29 <div id="fermentor_display1"> |
37 <div id="fermenter_display1"> |
30 <div id="target_hi" class="htemp"></div> |
38 <div id="target_hi" class="htemp"></div> |
31 <div id="target_lo" class="ltemp"></div>Sp |
39 <div id="target_lo" class="ltemp"></div>Sp |
32 </div> |
40 </div> |
33 <div id="fermentor_display2"> |
41 <div id="fermenter_display2"> |
34 <div id="load_air" class="dtemp"></div>Air |
42 <div id="load_air" class="dtemp"></div>Air |
35 </div> |
43 </div> |
36 <div id="fermentor_display3"> |
44 <div id="fermenter_display3"> |
37 <div id="load_beer" class="dtemp"></div>Beer |
45 <div id="load_beer" class="dtemp"></div>Beer |
38 </div> |
46 </div> |
39 </div> <!-- fermentor_panel_display --> |
47 </div> <!-- fermenter_panel_display --> |
40 |
48 |
41 <div id="fermentor_panel_control"> |
49 <div id="fermenter_panel_control"> |
42 <div id="fermentor_led1"></div> |
50 <div id="fermenter_led1"></div> |
43 <div id="fermentor_led2"></div> |
51 <div id="fermenter_led2"></div> |
44 <div id="fermentor_led3"></div> |
52 <div id="fermenter_led3"></div> |
45 <div id="fermentor_toggle1"></div> |
53 <div id="fermenter_toggle1"></div> |
46 <div id="fermentor_toggle2"></div> |
54 <div id="fermenter_toggle2"></div> |
47 <div id="fermentor_toggle3"></div> |
55 <div id="fermenter_toggle3"></div> |
48 </div> <!-- fermentor_panel_control --> |
56 </div> <!-- fermenter_panel_control --> |
49 |
57 |
50 <div id="fermentor_panel_buttons"> |
58 <div id="fermenter_panel_buttons"> |
51 <input type="button" id="FLog" value="Vergisting log" /> |
59 <input type="button" id="FLog" value="Vergisting log" /> |
52 </div> <!-- fermentor_panel_buttons --> |
60 </div> <!-- fermenter_panel_buttons --> |
53 </div> <!-- End right side --> |
61 </div> <!-- End right side --> |
54 </div> |
62 </div> |
55 |
63 |
56 <?php |
64 <?php |
57 page_footer(); |
65 page_footer(); |