www/mon_ispindel.php

Sat, 14 Dec 2019 21:02:57 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Sat, 14 Dec 2019 21:02:57 +0100
changeset 570
c8a20234d7e7
child 578
e75ce5bbda73
permissions
-rw-r--r--

Added iSpindel monitor screen design.

<?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="40%">
        <tr><th colspan=3>iSpindel overzicht</th></tr>
        <tr><td colspan=3>&nbsp;</td></tr>
	<tr style="height: 25px;">
         <td>Systeem</td>
	 <td><div id="info_system"></div></td>
         <td><div id="info_online"></div></td>
        </tr>
	<tr style="height: 25px;">
         <td>Code en bier</td>
         <td><div id="info_beer"></div></td>
         <td><div id="select_beer"></div></td>
        </tr>
	<tr style="height: 25px;">
         <td>Battery</td>
         <td colspan="2"><div id="info_battery"></div></td>
        </tr>
        <tr style="height: 25px;">
         <td>WiFi signaal</td>
         <td colspan="2"><div id="info_rssi"></div></td>
        </tr>
        <tr style="height: 25px;">
         <td>Tilt hoek</td>
         <td colspan="2"><div id="info_tilt"></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">
      <div id="ispindel_display">
      </div>
      <div id="ispindel_display">
      </div>
     </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();
?>

mercurial