www/index.php

Fri, 10 Aug 2018 16:52:57 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Fri, 10 Aug 2018 16:52:57 +0200
changeset 6
366f270a2446
parent 4
1750b6cae48e
child 7
59048cd5f00d
permissions
-rw-r--r--

Nodes auto refresh added.

2
282e7d2bb28a Initial web server
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
1 <?php
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
2 $my_style = 'android';
2
282e7d2bb28a Initial web server
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
3 require_once('version.php');
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
4 ?>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
5 <!DOCTYPE html>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
6 <html lang="en">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
7 <head>'
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
8 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
9 <title id='Description'>Brewery Managment System v<?php echo $my_version; ?></title>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
10 <link type="text/css" href="css/style.css" rel="stylesheet" media="all" />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
11 <link type="text/css" href="jqwidgets/styles/jqx.base.css" rel="stylesheet" />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
12 <link type="text/css" href="jqwidgets/styles/jqx.<?php echo $my_style; ?>.css" rel="stylesheet" />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
13 <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
14 <script src="js/jquery-1.11.1.min.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
15 <script src="jqwidgets/jqxcore.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
16 <script src="jqwidgets/jqxbuttons.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
17 <script src="jqwidgets/jqxscrollbar.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
18 <script src="jqwidgets/jqxpanel.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
19 <script src="jqwidgets/jqxtree.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
20 <script src="jqwidgets/jqxexpander.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
21 <script src="jqwidgets/jqxsplitter.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
22 <script src="jqwidgets/jqxdata.js"></script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
23 <script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
24 $(document).ready(function () {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
25 /*
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
26 * Different right panel pages
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
27 */
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
28 var refreshIntervalId = 0;
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
29 var aFermenter = '<div class="fermenterContainer">Fermenter scherm </div>';
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
30 $("#splitter").jqxSplitter({ theme: "<?php echo $my_style; ?>", width: 1278, height: 618, panels: [{ size: 250}] });
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
31 $("#jqxTree").jqxTree({ theme: "<?php echo $my_style; ?>", height: "100%", width: "100%" });
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
32 /*
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
33 * Build the nodes subtree
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
34 */
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
35 var nodeByID = $("#jqxTree").find("#Nodes")[0];
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
36 $.getJSON("getnodes.php", function(data) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
37 for( i = 0; i < data.length; i++ ) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
38 $("#jqxTree").jqxTree("addTo", { id: 'node-' + data[i].uuid, label: data[i].node, icon: 'images/folder.png' }, nodeByID);
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
39 }
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
40 });
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
41 /*
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
42 * Build the fermenters subtree
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
43 */
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
44 var fermenterByID = $("#jqxTree").find("#Fermenters")[0];
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
45 $.getJSON("getfermenters.php", function(data) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
46 for( i = 0; i < data.length; i++ ) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
47 console.log( "JSON Data: " + data[i].uuid + " " + data[i].node );
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
48 $("#jqxTree").jqxTree("addTo", { id: 'fermenter-' + data[i].uuid, label: data[i].node + "/" + data[i].alias, icon: 'images/folder.png' }, fermenterByID);
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
49 }
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
50 });
2
282e7d2bb28a Initial web server
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
51
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
52 $("#jqxTree").css("visibility", "visible");
2
282e7d2bb28a Initial web server
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
53
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
54 $("#jqxTree").on("select", function (event) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
55 /*
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
56 * Cancel a running refresh loop.
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
57 */
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
58 if (refreshIntervalId > 0) {
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
59 console.log( "RefreshIIntervald: " + refreshIntervalId + " stopped" );
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
60 clearInterval(refreshIntervalId);
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
61 refreshIntervalId = 0;
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
62 }
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
63 /*
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
64 * Process the selected id from the left panel tree and show the correct page in the right panel.
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
65 */
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
66 var estr = event.args.element.id;
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
67 if (estr == "Root") {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
68 $("#ContentPanel").html("<div style='margin: 10px;'>RrrR</div>");
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
69 } else if (estr.indexOf("node-", 0) == 0) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
70 // Load and show a node.
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
71 // The parameter is: node-36d4d030-4d62-4f2f-a96b-472e643687f7
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
72 var uuid = estr.substr(5);
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
73 var url = "getnode.php?uuid='" + uuid + "'";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
74 var source = {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
75 datatype: "json",
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
76 datafields: [
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
77 { name: 'record', type: 'int' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
78 { name: 'uuid', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
79 { name: 'node', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
80 { name: 'online', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
81 { name: 'group_id', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
82 { name: 'hardwaremake', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
83 { name: 'hardwaremodel', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
84 { name: 'os', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
85 { name: 'os_version', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
86 { name: 'firmware', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
87 { name: 'firstseen', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
88 { name: 'lastseen', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
89 { name: 'temperature', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
90 { name: 'humidity', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
91 { name: 'barometer', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
92 { name: 'gps_latitude', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
93 { name: 'gps_longitude', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
94 { name: 'gps_altitude', type: 'float' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
95 { name: 'net_address', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
96 { name: 'net_ifname', type: 'string' },
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
97 { name: 'net_rssi', type: 'int' }
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
98 ],
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
99 id: 'record',
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
100 url: url
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
101 };
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
102 var dataAdapter = new $.jqx.dataAdapter(source, {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
103 loadComplete: function (records) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
104 var record = dataAdapter.records[0];
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
105 var html = "<div style='background: #252526; margin: 50px;'>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
106 html += "<table style='width: 100%; padding: 10px;'>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
107 html += "<tr><th colspan=2>Systeem overzicht</th></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
108 html += "<tr><td>Uuid</td><td>" + record.uuid + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
109 html += "<tr><td>Systeem</td><td>" + record.node + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
110 html += "<tr><td>Online</td><td>" + record.online + "</td></tr>";
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
111 html += "<tr><td>Type</td><td>" + record.group_id + "</td></tr>";
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
112 html += "<tr><td>Eerst gezien</td><td>" + record.firstseen + "</td></tr>";
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
113 html += "<tr><td>Laatst gezien</td><td>" + record.lastseen + "</td></tr>";
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
114 html += "<tr><td>Hardware maker</td><td>" + record.hardwaremake+ "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
115 html += "<tr><td>Hardware model</td><td>" + record.harwaremodel+ "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
116 html += "<tr><td>OS</td><td>" + record.os + " versie: " + record.os_version + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
117 html += "<tr><td>Firmware</td><td>" + record.firmware + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
118 html += "<tr><td>Temperatuur</td><td>" + record.temperature + "&deg;C</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
119 html += "<tr><td>Vochtigheid</td><td>" + record.humidity + "%</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
120 html += "<tr><td>Luchtdruk</td><td>" + record.barometer + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
121 html += "<tr><td>GPS</td><td>"+ record.gps_latitude + " " + record.gps_longitude + " " + record.gps_altitude + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
122 html += "<tr><td>Netwerk</td><td>"+ record.net_ifname + " " + record.net_address + "</td></tr>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
123 html += "</<table>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
124 html += "</div>";
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
125 $("#ContentPanel").html(html);
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
126 }
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
127 });
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
128 // Get the data immediatly and then at regular intervals to refresh.
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
129 dataAdapter.dataBind();
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
130 refreshIntervalId = setInterval(function(){
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
131 dataAdapter.dataBind();
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
132 }, 30000);
2
282e7d2bb28a Initial web server
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
133
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
134 } else if (estr.indexOf("fermenter-", 0) == 0) {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
135 var uuid = estr.substr(10);
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
136 $("#ContentPanel").html("<div style='margin: 10px;'>" + uuid + "</div>");
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
137 } else if (event.args.element.id == "Nodes") {
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
138 $("#ContentPanel").html("<div></div");
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
139 } else {
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
140 $("#ContentPanel").html("<div style='margin: 10px;'>" + event.args.element.id + "</div>");
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
141 }
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
142 });
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
143 });
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
144 </script>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
145 </head>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
146
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
147 <body class="default">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
148 <div id="jqxWidget">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
149 <div id="header">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
150 <div id="title">BMS <?php echo $my_version; ?></div>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
151 </div> <!-- header -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
152 <div id="splitter">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
153 <div> <!-- tree panel -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
154 <div style="visibility: hidden; border: none;" id='jqxTree'>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
155 <ul>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
156 <li id="Root" item-expanded='true'>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
157 <img style='float: left; margin-right: 5px;' src='images/earth.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
158 <span item-title="true">Root</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
159 <ul>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
160 <li id="Nodes">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
161 <img style='float: left; margin-right: 5px;' src='images/folder.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
162 <span item-title="true">Systemen</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
163 <!-- Subtree nodes -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
164 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
165 <li id="Fermenters">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
166 <img style='float: left; margin-right: 5px;' src='images/folder.png' />
6
366f270a2446 Nodes auto refresh added.
Michiel Broek <mbroek@mbse.eu>
parents: 4
diff changeset
167 <span item-title="true">Klimaatkasten</span>
4
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
168 <!-- Subtree fermenters -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
169 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
170 <li id="Brewboards">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
171 <img src='images/settings.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
172 <span item-title="true">Brouw apparatuur</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
173 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
174 <li id="Prducing">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
175 <img src='images/system.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
176 <span item-title="true">In productie</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
177 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
178 <li id="Recipes">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
179 <img style='float: left; margin-right: 5px;' src='images/beer.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
180 <span item-title="true">Recepten</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
181 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
182 <li id="Settings">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
183 <img style='float: left; margin-right: 5px;' src='images/setupIcon.png' />
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
184 <span item-title="true">Instellingen</span>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
185 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
186 </ul>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
187 </li>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
188 </ul>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
189 </div> <!-- jqxTree -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
190 </div> <!-- tree panel -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
191 <div id="ContentPanel">
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
192 </div>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
193 </div> <!--- splitter -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
194 </div> <!-- jqxWidget -->
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
195 </body>
1750b6cae48e Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents: 3
diff changeset
196 </html>

mercurial