comparison: image/w/webui.html
image/w/webui.html
- branch
- novnc
- changeset 42
- c6a1a6ca5437
- parent 41
- 7639cfa6aec0
- child 57
- 6c5211c0120b
equal
deleted
inserted
replaced
| 41:7639cfa6aec0 | 42:c6a1a6ca5437 |
|---|---|
| 2 <html lang="en"> | 2 <html lang="en"> |
| 3 <head> | 3 <head> |
| 4 <title>Web User Interface</title> | 4 <title>Web User Interface</title> |
| 5 <meta charset="utf-8" /> | 5 <meta charset="utf-8" /> |
| 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 7 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.5" /> |
| 8 <script src="js/jquery-1.12.4.min.js"></script> | 8 <script src="js/jquery-1.12.4.min.js"></script> |
| 9 <link rel="stylesheet" href="css/style.css"> | 9 <link rel="stylesheet" href="css/webui.css"> |
| 10 </head> | 10 </head> |
| 11 <body> | 11 <body> |
| 12 | 12 |
| 13 <div id="webui_win"> | 13 <div id="webui_win"> |
| 14 <div id="topline"><span id="top_msg">top_msg</span></th> | 14 <div id="topline"><span id="top_msg">top_msg</span></th> |
| 15 </div> | 15 </div> |
| 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 style="height: 50%;"> |
| 21 <td style="margin-top: 5px;"> | 21 <td style="margin-top: 5px;"> |
| 22 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00"><span id="but00">00</span></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"> |
| 58 <tr> | 58 <tr> |
| 59 <td> | 59 <td> |
| 60 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00"><span id="but02">02</span></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 <div id="timer">01:23:45</div> |
| 64 </td> | 64 </td> |
| 65 <td> | 65 <td> |
| 66 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20"><span id="but22">22</span></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" style="margin-bottom: 0;"> |
| 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"><span id="but03">03</span></button> | 77 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt00"><span id="but03">03</span></button> |
| 94 </td> | 94 </td> |
| 95 <td> | 95 <td> |
| 96 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20"><span id="but23">23</span></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 style="height: 50%;"> |
| 100 <td> | 100 <td> |
| 101 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01"><span id="but04">04</span></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"><span id="but24">24</span></button> | 104 <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt21"><span id="but24">24</span></button> |
| 113 </div> | 113 </div> |
| 114 <div style="color: orange; text-align: center;"> | 114 <div style="color: orange; text-align: center;"> |
| 115 <p />Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff. | 115 <p />Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff. |
| 116 </div> | 116 </div> |
| 117 <div> | 117 <div> |
| 118 <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button> | 118 <button type="button" class="okbutton" id="ok_info">Ok</button> |
| 119 </div> | 119 </div> |
| 120 </div> | 120 </div> |
| 121 | 121 |
| 122 <div id="prompt"> | 122 <div id="prompt"> |
| 123 <button style="margin-left: 40px; margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button> | 123 <button style="margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button> |
| 124 <button style="margin-left: 80px; margin-top: 100px;" type="button" class="promptbutton" id="button_nee">Nee</button> | 124 <button style="margin-left: 80px; margin-top: 100px;" type="button" class="promptbutton" id="button_nee">Nee</button> |
| 125 </div> | |
| 126 | |
| 127 <div id="note"> | |
| 128 <div style="color: yellow; text-align: center; margin-top: 105px;"><span id="note_msg">nm</span></div> | |
| 129 <div> | |
| 130 <button type="button" class="okbutton" id="ok_note">Ok</button> | |
| 131 </div> | |
| 132 </div> | |
| 133 | |
| 134 <div id="brew"> | |
| 135 <div style="color: yellow; margin-top: 20px;">Installatie: <span id="brew_msg1"></span></div> | |
| 136 <div style="color: yellow;">Recept: <span id="brew_msg2"></span></div> | |
| 137 <div style="color: white; margin-top: 20px;">Zie het display voor de details.</span></div> | |
| 138 <div> | |
| 139 <button style="position: absolute; left: 5px; top: 230px;" type="button" class="appbutton" id="button_stop">Stop</button> | |
| 140 <button style="position: absolute; left: 295px; top: 230px;" type="button" class="appbutton" id="button_start">Start</button> | |
| 141 </div> | |
| 125 </div> | 142 </div> |
| 126 | 143 |
| 127 </div> <!-- webui_win --> | 144 </div> <!-- webui_win --> |
| 128 | 145 |
| 129 <br> | 146 <br> |
| 130 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form> | 147 <div class="menu" style="margin-left: 45px;"> |
| 148 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form> | |
| 149 </div> | |
| 131 | 150 |
| 132 <p id="test"></p> | 151 <p id="test"></p><p id="output"></p> |
| 133 | 152 |
| 134 <script type="text/javascript" src="js/webui.js"></script> | 153 <script type="text/javascript" src="js/webui.js"></script> |
| 135 | 154 |
| 136 </body> | 155 </body> |
| 137 </html> | 156 </html> |
