Fri, 28 Sep 2018 17:29:23 +0200
Added category and type to the recipe style. Added tooltips in the edit screen. Added Alcohol and Carbonation to the recipe style. Redesigned the main edit window and added the style limits.
<?php require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); page_header('Hoofdmenu', NULL); $uuid = $_GET["uuid"]; ?> <script> $(document).ready(function () { var uuid = "<?php echo $uuid; ?>"; var url = "getnode.php?uuid='" + uuid + "'"; var source = { datatype: "json", datafields: [ { name: 'record', type: 'int' }, { name: 'uuid', type: 'string' }, { name: 'node', type: 'string' }, { name: 'online', type: 'bool' }, { name: 'group_id', type: 'string' }, { name: 'hardwaremake', type: 'string' }, { name: 'hardwaremodel', type: 'string' }, { name: 'os', type: 'string' }, { name: 'os_version', type: 'string' }, { name: 'firmware', type: 'string' }, { name: 'firstseen', type: 'string' }, { name: 'lastseen', type: 'string' }, { name: 'temperature', type: 'float' }, { name: 'humidity', type: 'float' }, { name: 'barometer', type: 'float' }, { name: 'gps_latitude', type: 'float' }, { name: 'gps_longitude', type: 'float' }, { name: 'gps_altitude', type: 'float' }, { name: 'net_address', type: 'string' }, { name: 'net_ifname', type: 'string' }, { name: 'net_rssi', type: 'int' } ], id: 'record', url: url }; var dataAdapter = new $.jqx.dataAdapter(source, { loadComplete: function (records) { var record = dataAdapter.records[0]; var html = "<div id='node_table'>"; html += "<table style='width: 100%; padding: 10px;'>"; html += "<tr><th colspan=2>Systeem overzicht</th></tr>"; html += "<tr><td>Uuid</td><td>" + record.uuid + "</td></tr>"; html += "<tr><td>Systeem</td><td>" + record.node + "</td></tr>"; html += "<tr><td>Online</td><td>" + record.online + "</td></tr>"; html += "<tr><td>Type</td><td>" + record.group_id + "</td></tr>"; html += "<tr><td>Eerst gezien</td><td>" + record.firstseen + "</td></tr>"; html += "<tr><td>Laatst gezien</td><td>" + record.lastseen + "</td></tr>"; html += "<tr><td>Hardware maker</td><td>" + record.hardwaremake+ "</td></tr>"; html += "<tr><td>Hardware model</td><td>" + record.harwaremodel+ "</td></tr>"; html += "<tr><td>OS</td><td>" + record.os + " versie: " + record.os_version + "</td></tr>"; html += "<tr><td>Firmware</td><td>" + record.firmware + "</td></tr>"; if (record.online) { html += "<tr><td>Temperatuur</td><td>" + record.temperature.toFixed(1) + "°C</td></tr>"; if (record.humidity > 0) { html += "<tr><td>Vochtigheid</td><td>" + record.humidity.toFixed(1) + "%</td></tr>"; } if (record.barometer > 0) { html += "<tr><td>Luchtdruk</td><td>" + record.barometer.toFixed(0) + "</td></tr>"; } if ((record.gps_latitude != 0) && (record.gps_longitude != 0)) { html += "<tr><td>GPS</td><td>"+ record.gps_latitude + " " + record.gps_longitude + " " + record.gps_altitude + "</td></tr>"; } html += "<tr><td>Netwerk</td><td>"+ record.net_ifname + " " + record.net_address + "</td></tr>"; } html += "</<table>"; html += "</div>"; $("#ContentPanel").html(html); } }); // Get the data immediatly and then at regular intervals to refresh. dataAdapter.dataBind(); setInterval(function(){ dataAdapter.dataBind(); }, 30000); }); </script> <div id="MainPanel"> <div id="ContentPanel"></div> </div> <?php page_footer(); ?>