comparison: image/w/webui.html
image/w/webui.html
- branch
- novnc
- changeset 41
- 7639cfa6aec0
- parent 40
- 71e06f6d80fd
- child 42
- c6a1a6ca5437
equal
deleted
inserted
replaced
| 40:71e06f6d80fd | 41:7639cfa6aec0 |
|---|---|
| 16 | 16 |
| 17 <div id="mltline"> | 17 <div id="mltline"> |
| 18 <table style='width: 100%; padding: 0px;'> | 18 <table style='width: 100%; padding: 0px;'> |
| 19 <col width="20%"><col width="60%"><col width="20%"> | 19 <col width="20%"><col width="60%"><col width="20%"> |
| 20 <tr> | 20 <tr> |
| 21 <td> | 21 <td style="margin-top: 5px;"> |
| 22 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00">Hand</button> | 22 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00"><span id="but00">00</span></button> |
| 23 </td> | 23 </td> |
| 24 <td rowspan="2"> | 24 <td rowspan="2"> |
| 25 <table id="mlt_table"> | 25 <table id="mlt_table"> |
| 26 <tr> | 26 <tr> |
| 27 <td style="width: 10%; text-align: center;"><div id="pump_led" class="LEDred"></div></td> | 27 <td style="width: 10%; text-align: center;"><div id="pump_led" class="LEDred"></div></td> |
| 36 <td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_power">100%</span></td> | 36 <td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_power">100%</span></td> |
| 37 </tr> | 37 </tr> |
| 38 </table> | 38 </table> |
| 39 </td> | 39 </td> |
| 40 <td> | 40 <td> |
| 41 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt20">Auto</button> | 41 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt20"><span id="but20">20</span></button> |
| 42 </td> | 42 </td> |
| 43 </tr> | 43 </tr> |
| 44 <tr> | 44 <tr> |
| 45 <td> | 45 <td> |
| 46 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt01">+sp</button> | 46 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt01"><span id="but01">01</span></button> |
| 47 </td> | 47 </td> |
| 48 <td> | 48 <td> |
| 49 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt21">-sp</button> | 49 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt21"><span id="but21">21</span></button> |
| 50 </td> | 50 </td> |
| 51 </tr> | 51 </tr> |
| 52 </table> | 52 </table> |
| 53 </div> | 53 </div> |
| 54 | 54 |
| 55 <div id="midline"> | 55 <div id="midline"> |
| 56 <table style='width: 100%; padding: 0px;'> | 56 <table style='width: 100%; padding: 0px;'> |
| 57 <col width="20%"><col width="60%"><col width="20%"> | 57 <col width="20%"><col width="60%"><col width="20%"> |
| 58 <tr> | 58 <tr> |
| 59 <td> | 59 <td> |
| 60 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00">+1m</button> | 60 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00"><span id="but02">02</span></button> |
| 61 </td> | 61 </td> |
| 62 <td> | 62 <td> |
| 63 <td><div id="timer">01:23:45</div></td> | 63 <td><div id="timer">01:23:45</div></td> |
| 64 </td> | 64 </td> |
| 65 <td> | 65 <td> |
| 66 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20">-1m</button> | 66 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20"><span id="but22">22</span></button> |
| 67 </td> | 67 </td> |
| 68 </tr> | 68 </tr> |
| 69 </table> | 69 </table> |
| 70 </div> | 70 </div> |
| 71 | 71 |
| 72 <div id="hltline"> | 72 <div id="hltline"> |
| 73 <table style='width: 100%; padding: 0px;'> | 73 <table style='width: 100%; padding: 0px;'> |
| 74 <col width="20%"><col width="60%"><col width="20%"> | 74 <col width="20%"><col width="60%"><col width="20%"> |
| 75 <tr> | 75 <tr> |
| 76 <td> | 76 <td> |
| 77 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt00">+sp</button> | 77 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt00"><span id="but03">03</span></button> |
| 78 </td> | 78 </td> |
| 79 <td rowspan="2"> | 79 <td rowspan="2"> |
| 80 <table id="hlt_table"> | 80 <table id="hlt_table"> |
| 81 <tr> | 81 <tr> |
| 82 <td style="width: 10%; text-align: center;"> </td> | 82 <td style="width: 10%; text-align: center;"> </td> |
| 91 <td colspan="2" style='font-size: 10px;'><span id="hlt_power">100%</span></td> | 91 <td colspan="2" style='font-size: 10px;'><span id="hlt_power">100%</span></td> |
| 92 </tr> | 92 </tr> |
| 93 </table> | 93 </table> |
| 94 </td> | 94 </td> |
| 95 <td> | 95 <td> |
| 96 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20">-sp</button> | 96 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20"><span id="but23">23</span></button> |
| 97 </td> | 97 </td> |
| 98 </tr> | 98 </tr> |
| 99 <tr> | 99 <tr> |
| 100 <td> | 100 <td> |
| 101 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01">Info</button> | 101 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01"><span id="but04">04</span></button> |
| 102 </td> | 102 </td> |
| 103 <td> | 103 <td> |
| 104 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt21">Tools</button> | 104 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt21"><span id="but24">24</span></button> |
| 105 </td> | 105 </td> |
| 106 </tr> | 106 </tr> |
| 107 </table> | 107 </table> |
| 108 </div> | 108 </div> |
| 109 | 109 |
| 110 <table style='width: 100%; padding: 0px;'> | 110 <div id="row_info"> |
| 111 <col width="20%"><col width="20%"><col width="20%"><col width="20%"><col width="20%"> | 111 <div style="color: yellow; text-align: center;"> |
| 112 <p />Written by Michiel Broek © 2018 | |
| 113 </div> | |
| 114 <div style="color: orange; text-align: center;"> | |
| 115 <p />Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff. | |
| 116 </div> | |
| 117 <div> | |
| 118 <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button> | |
| 119 </div> | |
| 120 </div> | |
| 112 | 121 |
| 113 <tr id="row_info"> | 122 <div id="prompt"> |
| 114 <td colspan="5"> | 123 <button style="margin-left: 40px; margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button> |
| 115 <div style="color: yellow; text-align: center;"> | 124 <button style="margin-left: 80px; margin-top: 100px;" type="button" class="promptbutton" id="button_nee">Nee</button> |
| 116 <p /> | 125 </div> |
| 117 Written by Michiel Broek © 2018 | |
| 118 </div> | |
| 119 <div style="color: orange; text-align: center;"> | |
| 120 <p /> | |
| 121 Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff. | |
| 122 </div> | |
| 123 <div> | |
| 124 <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button> | |
| 125 </div> | |
| 126 </td> | |
| 127 </tr> | |
| 128 | 126 |
| 129 </table> | |
| 130 </div> <!-- webui_win --> | 127 </div> <!-- webui_win --> |
| 131 | 128 |
| 132 <br> | 129 <br> |
| 133 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form> | 130 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form> |
| 134 | 131 |
