Mercurial > brewboard / file revision

image/w/webui.html@f816cf5b6bcb

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.

<!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 Repository: brewboard

mercurial