Wed, 20 May 2020 21:49:09 +0200
Report any online status change via websocket broadcast. When starting, load all in memory tables sorted. The websocket status on the web pages has it's own panel. Prepared the menu system for dynamic updates.
<?php require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); page_header('Water profielen', 'profile_water'); ?> <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 brouwwater profiel.</div> <div style="overflow: hidden;"> <table style="width: 100%;"> <tr> <td align="right" style="vertical-align: top;">Water 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 colspan="4"> </td> </tr> <tr> <td style="vertical-align: top; float: right;">Calcium (Ca) mg/L:</td> <td><div id="calcium"></div></td> <td style="vertical-align: top; float: right;">Sulfaat (CaSO4) mg/L:</td> <td><div id="sulfate"></div></td> </tr> <tr> <td style="vertical-align: top; float: right;">Magnesium (Mg) mg/L:</td> <td><div id="magnesium"></div></td> <td style="vertical-align: top; float: right;">Chloride (Cl) mg/L:</td> <td><div id="chloride"></div></td> </tr> <tr> <td style="vertical-align: top; float: right;">Natrium (Na) mg/L:</td> <td><div id="sodium"></div></td> <td style="vertical-align: top; float: right;">Bicarbonaat (HCO3) mg/L:</td> <!-- Input for total_alkalinity --> <td><div id="bicarbonate"></div></td> </tr> <tr> <td></td> <td></td> <td style="vertical-align: top; float: right;">Totale alkaliteit (CaCO3) mg/L:</td> <td><div id="total_alkalinity"></div></td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td style="vertical-align: top; float: right;">Zuurgraad (pH):</td> <td><div id="ph"></div></td> <td style="vertical-align: top; float: right;">Ionen balans meq/L:</td> <td><div style="float: left;" id="balance"></div><div style="float: left; margin-left: 10px;" id="wr_balance"></div></td> </tr> <tr> <td style="padding-top: 110px;" align="right"><input type="button" id="Delete" value="Verwijder" /></td> <td align="right"></td> <td align="right"></td> <td style="padding-top: 110px;" 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(); ?>