--- a/image/w/webui.html Sat May 04 21:18:51 2019 +0200
+++ b/image/w/webui.html Tue May 07 22:03:38 2019 +0200
@@ -4,9 +4,9 @@
<title>Web User Interface</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.5" />
<script src="js/jquery-1.12.4.min.js"></script>
- <link rel="stylesheet" href="css/style.css">
+ <link rel="stylesheet" href="css/webui.css">
</head>
<body>
@@ -17,7 +17,7 @@
<div id="mltline">
<table style='width: 100%; padding: 0px;'>
<col width="20%"><col width="60%"><col width="20%">
- <tr>
+ <tr style="height: 50%;">
<td style="margin-top: 5px;">
<button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00"><span id="but00">00</span></button>
</td>
@@ -60,7 +60,7 @@
<button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00"><span id="but02">02</span></button>
</td>
<td>
- <td><div id="timer">01:23:45</div></td>
+ <div id="timer">01:23:45</div>
</td>
<td>
<button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20"><span id="but22">22</span></button>
@@ -69,7 +69,7 @@
</table>
</div>
- <div id="hltline">
+ <div id="hltline" style="margin-bottom: 0;">
<table style='width: 100%; padding: 0px;'>
<col width="20%"><col width="60%"><col width="20%">
<tr>
@@ -96,7 +96,7 @@
<button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20"><span id="but23">23</span></button>
</td>
</tr>
- <tr>
+ <tr style="height: 50%;">
<td>
<button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01"><span id="but04">04</span></button>
</td>
@@ -115,21 +115,40 @@
<p />Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff.
</div>
<div>
- <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button>
+ <button type="button" class="okbutton" id="ok_info">Ok</button>
</div>
</div>
<div id="prompt">
- <button style="margin-left: 40px; margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button>
+ <button style="margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button>
<button style="margin-left: 80px; margin-top: 100px;" type="button" class="promptbutton" id="button_nee">Nee</button>
</div>
+ <div id="note">
+ <div style="color: yellow; text-align: center; margin-top: 105px;"><span id="note_msg">nm</span></div>
+ <div>
+ <button type="button" class="okbutton" id="ok_note">Ok</button>
+ </div>
+ </div>
+
+ <div id="brew">
+ <div style="color: yellow; margin-top: 20px;">Installatie: <span id="brew_msg1"></span></div>
+ <div style="color: yellow;">Recept: <span id="brew_msg2"></span></div>
+ <div style="color: white; margin-top: 20px;">Zie het display voor de details.</span></div>
+ <div>
+ <button style="position: absolute; left: 5px; top: 230px;" type="button" class="appbutton" id="button_stop">Stop</button>
+ <button style="position: absolute; left: 295px; top: 230px;" type="button" class="appbutton" id="button_start">Start</button>
+ </div>
+ </div>
+
</div> <!-- webui_win -->
<br>
- <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form>
+ <div class="menu" style="margin-left: 45px;">
+ <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form>
+ </div>
-<p id="test"></p>
+<p id="test"></p><p id="output"></p>
<script type="text/javascript" src="js/webui.js"></script>
