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('Product splitsen', 'prod_divide'); ?> <div id="MainPanel"> <div style="overflow: hidden;" id='divide_table'> <table style='width: 100%; padding: 10px;'> <tr><th colspan="4">Splits product</th></tr> <tr><td colspan="4"> </td></tr> <tr> <td align="right" style="vertical-align: top;">Product naam:</td> <td align="left" style="vertical-align: top; padding: 3px;"><input id="name" readonly /></td> <td align="right" style="vertical-align: top;">Huidige brouw fase:</td> <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td> </tr> <tr> <td align="right" style="vertical-align: top;">Product code:</td> <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" readonly /></td> <td align="right" style="vertical-align: top;">Splits moment:</td> <td align="left" style="vertical-align: top; padding: 3px;"><div id='divide_type'></div></td> </tr> <tr> <td align="right" style="vertical-align: top;">Beschikbaar L:</td> <td align="left" style="vertical-align: top; padding: 3px;"><div id="available"></div></td> <td align="right" style="vertical-align: top;">Blijft over L:</td> <td align="left" style="vertical-align: top; padding: 3px;"><div id='leftover'></div></td> </tr> <tr><td colspan="4"> </td></tr> <tr> <td align="center" colspan="4"><div id="splitGrid"></div></td> </tr> </table> <div style="float: right; margin-top: 10px; margin-bottom: 5px;"> <input style="margin-right: 100px;" type="button" id="Save" value="Save" /> <input style="margin-right: 520px;" type="button" id="Cancel" value="Cancel" /> </div> </div> </div> <?php page_footer(); ?>