www/inv_hops.php

Mon, 18 May 2020 11:00:59 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Mon, 18 May 2020 11:00:59 +0200
changeset 679
48f8f3fce7c0
parent 284
a93fcd87f561
permissions
-rw-r--r--

Added reconnecting-websocket.js to automatic reconnect the websocket if the connection is lost. Usefull for mobile devices that go to sleep after a while. Changed mon_fermenters to use websockets instead of polling. Fixed wrong temperature color ranges on the fermenter monior. Increased the websocket receive buffer to 2048. In cannot overflow, but larger messages are chunked and the application does not handle these split messages. Needs termferm 0.9.9 or newer.

<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Hoppen', 'inv_hops');
?>

   <div id="jqxgrid"></div>
   <div style="margin-top: 30px;">
    <div id="cellbegineditevent"></div>
    <div style="margin-top: 10px;" id="cellendeditevent"></div>
   </div>

   <!-- Popup editor window. -->
   <div id="popupWindow">
    <div>Wijzig hop.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Hop naam:</td>
       <td align="left" colspan="3" style="vertical-align: top;"><input id="name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Opmerkingen:</td>
       <td align="left" colspan="3"><textarea id="notes"></textarea></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Type hop:</td>
       <td align="left"><div id="type"></div></td>
       <td align="right" style="vertical-align: top;">Totaal oliegehalte %:</td>
       <td align="left"  colspan="3" style="vertical-align: top;"><input id="total_oil" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Herkomst:</td>
       <td align="left" style="vertical-align: top;"><input id="origin" /></td>
       <td align="right" style="vertical-align: top;">Humuleen %:</td>
       <td align="left" style="vertical-align: top;"><input id="humulene" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Vervangen door:</td>
       <td align="left" style="vertical-align: top;"><input id="substitutes" /></td>
       <td align="right" style="vertical-align: top;">Caryofyleen %:</td>
       <td align="left" style="vertical-align: top;"><input id="caryophyllene" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Hop stabiliteitindex:</td>
       <td align="left" style="vertical-align: top;"><input id="hsi" /></td>
       <td align="right" style="vertical-align: top;">Myrceen %:</td>
       <td align="left" style="vertical-align: top;"><input id="myrcene" /></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td align="right" style="vertical-align: top;">Cohumuloon %:</td>
       <td align="left"  style="vertical-align: top;"><input id="cohumulone" /></td>
      </tr>
      <tr>
       <td colspan="4"><hr></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Voorraad in gram:</td>
       <td align="left"><div id="inventory"></div></td>
       <td align="right" style="vertical-align: top;">Vorm van de voorraad:</td>
       <td align="left"><div id="form"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Prijs per kg.:</td>
       <td align="left"><div id="cost"></div></td>
       <td align="right" style="vertical-align: top;">Alphazuur %:</td>
       <td align="left" style="vertical-align: top;"><input id="alpha" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Altijd op voorraad:</td>
       <td align="left"><div id="always_on_stock"></div></td>
       <td align="right" style="vertical-align: top;">Betazuur %:</td>
       <td align="left" style="vertical-align: top;"><input id="beta" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Waarde voorraad:</td>
       <td align="left"><div id="totval"></div></td>
       <td align="right" style="vertical-align: top;">Oogst datum:</td>
       <td align="left" style="vertical-align: top;"><div id="production_date"></div></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td align="right" style="vertical-align: top;">Gebruik voor datum:</td>
       <td align="left" style="vertical-align: top;"><div id="tht_date"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 40px;" align="right"><input type="button" id="Delete" value="Verwijder" /></td>
       <td style="padding-top: 40px;" align="left"><input type="button" id="Clone" value="Kloon" /></td>
       <td align="right"></td>
       <td style="padding-top: 40px;" align="left"><input style="margin-right: 5px;" type="button" id="Save" value="Sla op" /><input id="Cancel" type="button" value="Annuleer" /></td>
      </tr>
     </table>
    </div>
   </div>

<?php
confirm_delete();
page_footer();
?>

mercurial