|
1 <?php |
|
2 require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); |
|
3 page_header('Monitor Fermentation', 'fermenter'); |
|
4 ?> |
|
5 |
|
6 <div id="fermenter"> |
|
7 |
|
8 <div style="float: left; width: 970px;"> |
|
9 <div id="fermenter_table"> |
|
10 <div id="fermenter_info"> |
|
11 <table style='width: 100%; padding: 10px;'> |
|
12 <col width="20%"> |
|
13 <col width="40%"> |
|
14 <col width="40%"> |
|
15 <tr><th colspan=3>Fermenter overview</th></tr> |
|
16 <tr style="height: 25px;"> |
|
17 <td>Room TH</td> |
|
18 <td colspan="2"><div id="room_thb"></div></td> |
|
19 </tr> |
|
20 <tr style="height: 25px;"> |
|
21 <td>Fermenter unit</td> |
|
22 <td colspan="2"><div id="info_system"></div></td> |
|
23 </tr> |
|
24 <tr style="height: 25px;"> |
|
25 <td>Code and beer</td> |
|
26 <td colspan="2"><div id="info_beer"></div></td> |
|
27 </tr> |
|
28 <tr style="height: 25px;"> |
|
29 <td>Working mode</td> |
|
30 <td><div id="info_mode"></div></td> |
|
31 <td><input type="button" id="Profile1" value="Profile 1" /><input style="margin-left: 10px;" type="button" id="Profile2" value="Profile 2" /></td> |
|
32 </tr> |
|
33 <tr style="height: 25px;"> |
|
34 <td>Fermentation fase</td> |
|
35 <td colspan="2"><div id="info_stage"></div></td> |
|
36 </tr> |
|
37 <tr style="height: 25px;"> |
|
38 <td>Fermentation profile</td> |
|
39 <td><div id="info_profile"></div></td> |
|
40 <td><div id="status_profile"></div></td> |
|
41 </tr> |
|
42 </table> |
|
43 </div> |
|
44 </div> |
|
45 <div id='fermenter_thermometers'> |
|
46 <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div> |
|
47 <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div> |
|
48 <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div> |
|
49 </div> |
|
50 </div> <!-- End left side --> |
|
51 |
|
52 <div style="float: right; width: 295px;"> |
|
53 <div id="fermenter_panel_top"> |
|
54 <div id="fermenter_doorled"></div> |
|
55 <div id="fermenter_lightled"></div> |
|
56 <div id="fermenter_alarmled"></div> |
|
57 <div id="fermenter_powerled"></div> |
|
58 </div> <!-- fermenter_panel_top --> |
|
59 |
|
60 <div id="fermenter_panel_display"> |
|
61 <div id="fermenter_display" class="f_display"> |
|
62 <div id="target_lo" style="margin-left: 40px; margin-top: 15px;"></div> |
|
63 <div style="margin-top: 5px;">°C low</div> |
|
64 </div> |
|
65 <div id="fermenter_display" class="f_display"> |
|
66 <div id="target_hi" style="margin-left: 40px; margin-top: 15px;"></div> |
|
67 <div style="margin-top: 5px;">°C high</div> |
|
68 </div> |
|
69 </div> <!-- fermenter_panel_display --> |
|
70 |
|
71 <div id="fermenter_panel_control"> |
|
72 <div class="f_control_leds"> |
|
73 <div id="fermenter_led1"></div> |
|
74 <div id="fermenter_led2"></div> |
|
75 <div id="fermenter_led3"></div> |
|
76 </div> |
|
77 <div class="f_control_switches"> |
|
78 <div id="fermenter_toggle1"></div> |
|
79 <div id="fermenter_toggle2"></div> |
|
80 <div id="fermenter_toggle3"></div> |
|
81 </div> |
|
82 </div> <!-- fermenter_panel_control --> |
|
83 |
|
84 <div id="fermenter_panel_buttons"> |
|
85 </div> <!-- fermenter_panel_buttons --> |
|
86 </div> <!-- End right side --> |
|
87 </div> |
|
88 |
|
89 <div id="eventWindow"> |
|
90 <div> |
|
91 Confirm abort profile |
|
92 </div> |
|
93 <div> |
|
94 <div> |
|
95 Press "OK" to abort this profile. When started it will start from the beginning.<br> |
|
96 Press "Cancel" to close without aborting the profile. |
|
97 </div> |
|
98 <div> |
|
99 <div style="float: right; margin-top: 40px; margin-bottom: 10px;"> |
|
100 <input type="button" id="delOk" value="OK" style="margin-right: 90px" /> |
|
101 <input type="button" id="delCancel" value="Cancel" style="margin-right: 80px" /> |
|
102 </div> |
|
103 </div> |
|
104 </div> |
|
105 </div> |
|
106 |
|
107 <?php |
|
108 page_footer(); |
|
109 ?> |