Fri, 10 Aug 2018 16:52:57 +0200
Nodes auto refresh added.
2 | 1 | <?php |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
3
diff
changeset
|
2 | $my_style = 'android'; |
2 | 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 | 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 | 51 | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
3
diff
changeset
|
52 | $("#jqxTree").css("visibility", "visible"); |
2 | 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 | 56 | * Cancel a running refresh loop. |
57 | */ | |
58 | if (refreshIntervalId > 0) { | |
59 | console.log( "RefreshIIntervald: " + refreshIntervalId + " stopped" ); | |
60 | clearInterval(refreshIntervalId); | |
61 | refreshIntervalId = 0; | |
62 | } | |
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 | 111 | html += "<tr><td>Type</td><td>" + record.group_id + "</td></tr>"; |
112 | html += "<tr><td>Eerst gezien</td><td>" + record.firstseen + "</td></tr>"; | |
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 + "°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 | 127 | }); |
128 | // Get the data immediatly and then at regular intervals to refresh. | |
129 | dataAdapter.dataBind(); | |
130 | refreshIntervalId = setInterval(function(){ | |
131 | dataAdapter.dataBind(); | |
132 | }, 30000); | |
2 | 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 | 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 | 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> |