image/w/webui.html

changeset 11
f816cf5b6bcb
parent 0
b74b0e4902c3
child 40
71e06f6d80fd
equal deleted inserted replaced
10:29e2e2e0b9ef 11:f816cf5b6bcb
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>Web User Interface</title>
5 <meta charset="utf-8" />
6 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8 <script src="js/jquery-1.12.4.min.js"></script>
9 <link rel="stylesheet" href="css/style.css">
10 </head>
11 <body>
12
13 <div id="webui_table">
14 <table style='width: 100%; padding: 0px;'>
15 <tr style="color: yellow; background-color: blue; height: 26px;">
16 <th colspan="3"><span id="top_msg">top_msg</span></th>
17 </tr>
18 <tr>
19 <td style="width: 20%;">
20 <button style="float: left; margin-left: 5px;" type="button" class="appbutton">Hand</button>
21 <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">+sp</button>
22 </td>
23 <td style="width: 60%;">
24 <table id="mlt_table">
25 <tr>
26 <td style="width: 10%; text-align: center;">
27 <div id="pump_led" class="LEDred"></div>
28 </td>
29 <td colspan="2" style='font-size: 10px; text-align: center;'>MLT</td>
30 <td style="width: 10%; text-align: center;">
31 <div id="mlt_led" class="LEDgreen"></div>
32 </td>
33 </tr>
34 <tr><td colspan="4" style='border: 1px solid; font-size: 40px; text-align: right;'><span id="mlt_pv">---</span></td></tr>
35 <tr><td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_sp">44.00</span></td>
36 <td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_power">100%</span></td></tr>
37 </table>
38 </td>
39 <td style="width: 20%;">
40 <button style="float: left; margin-left: 5px;" type="button" class="appbutton">Auto</button>
41 <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">-sp</button>
42 </td>
43 </tr>
44 <tr>
45 <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">+1m</button></td>
46 <td><div id="timer">01:23:45</div></td>
47 <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">-1m</button></td>
48 </tr>
49 <tr>
50 <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">+sp</button>
51 <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">Info</button></td>
52 <td>
53 <table id="hlt_table">
54 <tr>
55 <td style="width: 10%; text-align: center;">
56 </td>
57 <td colspan="2" style='font-size: 10px; text-align: center;'>HLT</td>
58 <td style="width: 10%; text-align: center;">
59 <div id="hlt_led" class="LEDgreen"></div>
60 </td>
61 </tr>
62 <tr><td colspan="4" style='border: 1px solid; font-size: 40px; text-align: right;'><span id="hlt_pv">---</span></td></tr>
63 <tr><td colspan="2" style='font-size: 10px;'><span id="hlt_sp">44.00</span></td>
64 <td colspan="2" style='font-size: 10px;'><span id="hlt_power">100%</span></td></tr>
65 </table>
66 </td>
67 <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">-sp</button>
68 <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">Tools</button></td>
69 </tr>
70 </table>
71 </div>
72
73 <br>
74 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form>
75
76 <p id="test"></p>
77
78 <script type="text/javascript" src="js/webui.js"></script>
79
80 </body>
81 </html>
82

mercurial