image/w/webui.html@f816cf5b6bcb (annotated)
image/w/webui.html
Wed, 24 Oct 2018 11:49:22 +0200
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Wed, 24 Oct 2018 11:49:22 +0200
- changeset 11
- f816cf5b6bcb
- parent 0
- image/www/webui.html@b74b0e4902c3
- child 40
- 71e06f6d80fd
- permissions
- -rw-r--r--
Renamed www directory to w to prevent too long filenames for the spiffs filesystem.
| 0 | 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 |
