|
1 <?php |
|
2 require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); |
|
3 page_header('Monitor iSpindels', 'mon_ispindel'); |
|
4 ?> |
|
5 |
|
6 <div id="ispindel"> |
|
7 |
|
8 <div style="float: left; width: 970px;"> |
|
9 <div id="ispindel_table"> |
|
10 <div id="ispindel_info"> |
|
11 <table style='width: 100%; padding: 10px;'> |
|
12 <col width="20%"> |
|
13 <col width="40%"> |
|
14 <col width="20%"> |
|
15 <col width="20%"> |
|
16 <tr><th colspan=4>iSpindel overzicht</th></tr> |
|
17 <tr style="height: 25px;"> |
|
18 <td>Uuid</td> |
|
19 <td colspan="3"><div id="info_uuid"></div></td> |
|
20 </tr> |
|
21 <tr style="height: 25px;"> |
|
22 <td>Systeem</td> |
|
23 <td><div id="info_system"></div></td> |
|
24 <td colspan="2"><div id="info_online"></div></td> |
|
25 </tr> |
|
26 <tr style="height: 25px;"> |
|
27 <td>Code en bier</td> |
|
28 <td><div id="info_beer"></div></td> |
|
29 <td colspan="2"><div id="select_beer"></div></td> |
|
30 </tr> |
|
31 <tr style="height: 25px;"> |
|
32 <td>Werking</td> |
|
33 <td colspan="3"><div id="info_mode"></div></td> |
|
34 </tr> |
|
35 <tr style="height: 25px;"> |
|
36 <td>Batterij volt</td> |
|
37 <td><div id="info_battery"></div></td> |
|
38 <td>Densiteit °P</td> |
|
39 <td><div id="info_plato"></div></td> |
|
40 </tr> |
|
41 <tr style="height: 25px;"> |
|
42 <td>Tilt hoek °</td> |
|
43 <td><div id="info_tilt"></div></td> |
|
44 <td>Densiteit SG</td> |
|
45 <td><div id="info_sg"></div></td> |
|
46 </tr> |
|
47 </table> |
|
48 </div> |
|
49 </div> |
|
50 <div id='ispindel_meters'> |
|
51 <div id="gaugeContainer_temperature" style='float: left; margin-top: 10px; margin-left: 60px;'></div> |
|
52 <div id="gaugeContainer_gravity" style="float: right; margin-top: 10px; margin-right: 160px;"></div> |
|
53 </div> |
|
54 </div> <!-- End left side --> |
|
55 |
|
56 <div style="float: right; width: 295px;"> |
|
57 <div id="ispindel_panel_top"> |
|
58 <div id="ispindel_powerled"></div> |
|
59 <div id="ispindel_alarmled"></div> |
|
60 </div> <!-- ispindel_panel_top --> |
|
61 |
|
62 <div id="ispindel_panel_display"> |
|
63 <table style='width: 100%; padding: 10px;'> |
|
64 <col width="30%"> |
|
65 <col width="35%"> |
|
66 <col width="35%"> |
|
67 <tr><th colspan=3>Vergisting status</th></tr> |
|
68 <tr><th colspan=3> </th></tr> |
|
69 <tr style="height: 25px;"> |
|
70 <td>OG</td> |
|
71 <td><div id="vg_og1"></div></td> |
|
72 <td><div id="vg_og2"></div></td> |
|
73 </tr> |
|
74 <tr style="height: 25px;"> |
|
75 <td>SG</td> |
|
76 <td><div id="vg_sg1"></div></td> |
|
77 <td><div id="vg_sg2"></div></td> |
|
78 </tr> |
|
79 <tr style="height: 25px;"> |
|
80 <td>SVG</td> |
|
81 <td colspan='2'><div id="vg_svg"></div></td> |
|
82 </tr> |
|
83 <tr style="height: 25px;"> |
|
84 <td>ABV</td> |
|
85 <td colspan='2'><div id="vg_abv"></div></td> |
|
86 </tr> |
|
87 <tr style="height: 25px;"> |
|
88 <td>Batterij</td> |
|
89 <td colspan='2'><div id="vg_batt"></div></td> |
|
90 </tr> |
|
91 </table> |
|
92 </div> <!-- ispindel_panel_display --> |
|
93 |
|
94 <div id="ispindel_panel_control"> |
|
95 </div> <!-- ispindel_panel_control --> |
|
96 |
|
97 <div id="ispindel_panel_buttons"> |
|
98 <input style="margin-top: 20px; margin-left: 70px;" type="button" id="VLog" value="Vergisting log" /> |
|
99 </div> <!-- ispindel_panel_buttons --> |
|
100 </div> <!-- End right side --> |
|
101 </div> |
|
102 |
|
103 <?php |
|
104 page_footer(); |
|
105 ?> |