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('Monitor iSpindels', 'mon_ispindel'); ?> <div id="ispindel"> <div style="float: left; width: 970px;"> <div id="ispindel_table"> <div id="ispindel_info"> <table style='width: 100%; padding: 10px;'> <col width="20%"> <col width="40%"> <col width="20%"> <col width="20%"> <tr><th colspan=4>iSpindel overzicht</th></tr> <tr style="height: 25px;"> <td>Uuid</td> <td colspan="3"><div id="info_uuid"></div></td> </tr> <tr style="height: 25px;"> <td>Systeem</td> <td><div id="info_system"></div></td> <td colspan="2"><div id="info_online"></div></td> </tr> <tr style="height: 25px;"> <td>Code en bier</td> <td><div id="info_beer"></div></td> <td colspan="2"><div id="select_beer"></div></td> </tr> <tr style="height: 25px;"> <td>Werking</td> <td colspan="3"><div id="info_mode"></div></td> </tr> <tr style="height: 25px;"> <td>Batterij volt</td> <td><div id="info_battery"></div></td> <td>Densiteit °P</td> <td><div id="info_plato"></div></td> </tr> <tr style="height: 25px;"> <td>Tilt hoek °</td> <td><div id="info_tilt"></div></td> <td>Densiteit SG</td> <td><div id="info_sg"></div></td> </tr> </table> </div> </div> <div id='ispindel_meters'> <div id="gaugeContainer_temperature" style='float: left; margin-top: 10px; margin-left: 60px;'></div> <div id="gaugeContainer_gravity" style="float: right; margin-top: 10px; margin-right: 160px;"></div> </div> </div> <!-- End left side --> <div style="float: right; width: 295px;"> <div id="ispindel_panel_top"> <div id="ispindel_powerled"></div> <div id="ispindel_alarmled"></div> </div> <!-- ispindel_panel_top --> <div id="ispindel_panel_display"> <table style='width: 100%; padding: 10px;'> <col width="30%"> <col width="35%"> <col width="35%"> <tr><th colspan=3>Vergisting status</th></tr> <tr><th colspan=3> </th></tr> <tr style="height: 25px;"> <td>OG</td> <td><div id="vg_og1"></div></td> <td><div id="vg_og2"></div></td> </tr> <tr style="height: 25px;"> <td>SG</td> <td><div id="vg_sg1"></div></td> <td><div id="vg_sg2"></div></td> </tr> <tr style="height: 25px;"> <td>SVG</td> <td colspan='2'><div id="vg_svg"></div></td> </tr> <tr style="height: 25px;"> <td>ABV</td> <td colspan='2'><div id="vg_abv"></div></td> </tr> <tr style="height: 25px;"> <td>Batterij</td> <td colspan='2'><div id="vg_batt"></div></td> </tr> </table> </div> <!-- ispindel_panel_display --> <div id="ispindel_panel_control"> </div> <!-- ispindel_panel_control --> <div id="ispindel_panel_buttons"> <input style="margin-top: 20px; margin-left: 70px;" type="button" id="VLog" value="Vergisting log" /> </div> <!-- ispindel_panel_buttons --> </div> <!-- End right side --> </div> <?php page_footer(); ?>