image/www/webui.html

Mon, 22 Oct 2018 21:43:45 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Mon, 22 Oct 2018 21:43:45 +0200
changeset 6
e84200edc852
parent 0
b74b0e4902c3
permissions
-rw-r--r--

Updated esp-ide. Removed VNC server corre encoding because no clients would use it. Enabled WiFi error logmessages. Write runtime record is now debug logging. Removed recipe.Record number, not usefull and was wrong too. Removed console print of json log data.

<!DOCTYPE html>
<html lang="en">
<head>
  <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, maximum-scale=1.0, user-scalable=no" /> 
  <script src="js/jquery-1.12.4.min.js"></script>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

 <div id="webui_table">
  <table style='width: 100%; padding: 0px;'>
   <tr style="color: yellow; background-color: blue; height: 26px;">
    <th colspan="3"><span id="top_msg">top_msg</span></th>
   </tr>
   <tr>
    <td style="width: 20%;">
     <button style="float: left; margin-left: 5px;" type="button" class="appbutton">Hand</button>
     <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">+sp</button>
    </td>
    <td style="width: 60%;">
     <table id="mlt_table">
      <tr>
       <td style="width: 10%; text-align: center;">
	<div id="pump_led" class="LEDred"></div>
       </td>
       <td colspan="2" style='font-size: 10px; text-align: center;'>MLT</td>
       <td style="width: 10%; text-align: center;">
	<div  id="mlt_led" class="LEDgreen"></div>
       </td>
      </tr>
      <tr><td colspan="4" style='border: 1px solid; font-size: 40px; text-align: right;'><span id="mlt_pv">---</span></td></tr>
      <tr><td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_sp">44.00</span></td>
	  <td colspan="2" style='width: 50%; font-size: 10px;'><span id="mlt_power">100%</span></td></tr>
     </table>
    </td>
    <td style="width: 20%;">
     <button style="float: left; margin-left: 5px;" type="button" class="appbutton">Auto</button>
     <button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">-sp</button>
    </td>
   </tr>
   <tr>
    <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">+1m</button></td>
    <td><div id="timer">01:23:45</div></td>
    <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">-1m</button></td>
   </tr>
   <tr>
    <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">+sp</button>
	<button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">Info</button></td>
    <td>
     <table id="hlt_table">
      <tr>
       <td style="width: 10%; text-align: center;">
       </td>
       <td colspan="2" style='font-size: 10px; text-align: center;'>HLT</td>
       <td style="width: 10%; text-align: center;">
        <div id="hlt_led" class="LEDgreen"></div>
       </td>
      </tr>
      <tr><td colspan="4" style='border: 1px solid; font-size: 40px; text-align: right;'><span id="hlt_pv">---</span></td></tr>
      <tr><td colspan="2" style='font-size: 10px;'><span id="hlt_sp">44.00</span></td>
          <td colspan="2" style='font-size: 10px;'><span id="hlt_power">100%</span></td></tr>
     </table>
    </td>
    <td><button style="float: left; margin-left: 5px;" type="button" class="appbutton">-sp</button>
	<button style="float: left; margin-left: 5px; margin-top: 12px;" type="button" class="appbutton">Tools</button></td>
   </tr>
  </table>
 </div>

 <br>
 <form action="index.html"><input type="submit" class="button" value="Hoofdmenu"></form>

<p id="test"></p>

<script type="text/javascript" src="js/webui.js"></script>

</body>
</html>

mercurial