www/index.php

changeset 7
59048cd5f00d
parent 6
366f270a2446
child 8
50545c3e36c6
equal deleted inserted replaced
6:366f270a2446 7:59048cd5f00d
33 * Build the nodes subtree 33 * Build the nodes subtree
34 */ 34 */
35 var nodeByID = $("#jqxTree").find("#Nodes")[0]; 35 var nodeByID = $("#jqxTree").find("#Nodes")[0];
36 $.getJSON("getnodes.php", function(data) { 36 $.getJSON("getnodes.php", function(data) {
37 for( i = 0; i < data.length; i++ ) { 37 for( i = 0; i < data.length; i++ ) {
38 $("#jqxTree").jqxTree("addTo", { id: 'node-' + data[i].uuid, label: data[i].node, icon: 'images/folder.png' }, nodeByID); 38 $("#jqxTree").jqxTree("addTo", { id: 'node-' + data[i].uuid, label: data[i].node, icon: 'images/folder.png' }, nodeByID);
39 } 39 }
40 }); 40 });
41 /* 41 /*
42 * Build the fermenters subtree 42 * Build the fermenters subtree
43 */ 43 */
44 var fermenterByID = $("#jqxTree").find("#Fermenters")[0]; 44 var fermenterByID = $("#jqxTree").find("#Fermenters")[0];
45 $.getJSON("getfermenters.php", function(data) { 45 $.getJSON("getfermenters.php", function(data) {
46 for( i = 0; i < data.length; i++ ) { 46 for( i = 0; i < data.length; i++ ) {
47 console.log( "JSON Data: " + data[i].uuid + " " + data[i].node );
48 $("#jqxTree").jqxTree("addTo", { id: 'fermenter-' + data[i].uuid, label: data[i].node + "/" + data[i].alias, icon: 'images/folder.png' }, fermenterByID); 47 $("#jqxTree").jqxTree("addTo", { id: 'fermenter-' + data[i].uuid, label: data[i].node + "/" + data[i].alias, icon: 'images/folder.png' }, fermenterByID);
49 } 48 }
50 }); 49 });
51 50
52 $("#jqxTree").css("visibility", "visible"); 51 $("#jqxTree").css("visibility", "visible");
75 datatype: "json", 74 datatype: "json",
76 datafields: [ 75 datafields: [
77 { name: 'record', type: 'int' }, 76 { name: 'record', type: 'int' },
78 { name: 'uuid', type: 'string' }, 77 { name: 'uuid', type: 'string' },
79 { name: 'node', type: 'string' }, 78 { name: 'node', type: 'string' },
80 { name: 'online', type: 'string' }, 79 { name: 'online', type: 'bool' },
81 { name: 'group_id', type: 'string' }, 80 { name: 'group_id', type: 'string' },
82 { name: 'hardwaremake', type: 'string' }, 81 { name: 'hardwaremake', type: 'string' },
83 { name: 'hardwaremodel', type: 'string' }, 82 { name: 'hardwaremodel', type: 'string' },
84 { name: 'os', type: 'string' }, 83 { name: 'os', type: 'string' },
85 { name: 'os_version', type: 'string' }, 84 { name: 'os_version', type: 'string' },
113 html += "<tr><td>Laatst gezien</td><td>" + record.lastseen + "</td></tr>"; 112 html += "<tr><td>Laatst gezien</td><td>" + record.lastseen + "</td></tr>";
114 html += "<tr><td>Hardware maker</td><td>" + record.hardwaremake+ "</td></tr>"; 113 html += "<tr><td>Hardware maker</td><td>" + record.hardwaremake+ "</td></tr>";
115 html += "<tr><td>Hardware model</td><td>" + record.harwaremodel+ "</td></tr>"; 114 html += "<tr><td>Hardware model</td><td>" + record.harwaremodel+ "</td></tr>";
116 html += "<tr><td>OS</td><td>" + record.os + " versie: " + record.os_version + "</td></tr>"; 115 html += "<tr><td>OS</td><td>" + record.os + " versie: " + record.os_version + "</td></tr>";
117 html += "<tr><td>Firmware</td><td>" + record.firmware + "</td></tr>"; 116 html += "<tr><td>Firmware</td><td>" + record.firmware + "</td></tr>";
118 html += "<tr><td>Temperatuur</td><td>" + record.temperature + "&deg;C</td></tr>"; 117 if (record.online) {
119 html += "<tr><td>Vochtigheid</td><td>" + record.humidity + "%</td></tr>"; 118 html += "<tr><td>Temperatuur</td><td>" + record.temperature + "&deg;C</td></tr>";
120 html += "<tr><td>Luchtdruk</td><td>" + record.barometer + "</td></tr>"; 119 if (record.humidity > 0) {
121 html += "<tr><td>GPS</td><td>"+ record.gps_latitude + " " + record.gps_longitude + " " + record.gps_altitude + "</td></tr>"; 120 html += "<tr><td>Vochtigheid</td><td>" + record.humidity + "%</td></tr>";
122 html += "<tr><td>Netwerk</td><td>"+ record.net_ifname + " " + record.net_address + "</td></tr>"; 121 }
122 if (record.barometer > 0) {
123 html += "<tr><td>Luchtdruk</td><td>" + record.barometer + "</td></tr>";
124 }
125 if ((record.gps_latitude != 0) && (record.gps_longitude != 0)) {
126 html += "<tr><td>GPS</td><td>"+ record.gps_latitude + " " + record.gps_longitude + " " + record.gps_altitude + "</td></tr>";
127 }
128 html += "<tr><td>Netwerk</td><td>"+ record.net_ifname + " " + record.net_address + "</td></tr>";
129 }
123 html += "</<table>"; 130 html += "</<table>";
124 html += "</div>"; 131 html += "</div>";
125 $("#ContentPanel").html(html); 132 $("#ContentPanel").html(html);
126 } 133 }
127 }); 134 });

mercurial