63 |
}); |
}); |
64 |
|
|
65 |
function refreshData() { |
function refreshData() { |
66 |
|
$("#logo").hide(); |
67 |
$.get('ajaxdata.php', function(xml) { |
$.get('ajaxdata.php', function(xml) { |
68 |
$(xml).find('host').each(function() { |
$(xml).find('host').each(function() { |
69 |
var memtotal = $(this).find('memtotal').text(); |
var memtotal = $(this).find('memtotal').text(); |
70 |
var memfree = $(this).find('memfree').text(); |
var memfree = $(this).find('memfree').text(); |
71 |
|
var cpuavg = $(this).find('cpuavg').text(); |
72 |
|
|
73 |
memtotal = Math.round ( memtotal / (1024*1024) ); |
memtotal = Math.round ( memtotal / (1024*1024) ); |
74 |
memfree = Math.round ( memfree / (1024*1024) ); |
memfree = Math.round ( memfree / (1024*1024) ); |
75 |
var memused = memtotal - memfree; |
var memused = memtotal - memfree; |
78 |
//alert(memused + ' ' + mem_percentage); |
//alert(memused + ' ' + mem_percentage); |
79 |
|
|
80 |
$('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage); |
$('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage); |
81 |
|
$('#server_memory_usage').attr('alt', mem_percentage + '%'); |
82 |
|
$('#server_memory_usage').attr('title', mem_percentage + '%'); |
83 |
$('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB'); |
$('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB'); |
84 |
|
|
85 |
|
|
86 |
|
$('#server_cpu_usage').attr('src', 'usagebar.php?usage=' + cpuavg); |
87 |
|
$('#server_cpu_usage').attr('alt', cpuavg + '%'); |
88 |
|
$('#server_cpu_usage').attr('title', cpuavg + '%'); |
89 |
|
$('#server_cpu_usage_txt').text( cpuavg+ '%'); |
90 |
}); |
}); |
91 |
$(xml).find('vm').each(function() { |
$(xml).find('vm').each(function() { |
92 |
var name = $(this).find('name').text(); |
var name = $(this).find('name').text(); |
96 |
var conurl = $(this).find('conurl').text(); |
var conurl = $(this).find('conurl').text(); |
97 |
var session = $(this).find('session').text(); |
var session = $(this).find('session').text(); |
98 |
var os = $(this).find('os').text(); |
var os = $(this).find('os').text(); |
99 |
|
var cpuavg = $(this).find('cpuavg').text(); |
100 |
|
|
101 |
name = name.replace(" ", "_"); |
name = name.replace(" ", "_"); |
102 |
name = name.replace(".", "_"); |
name = name.replace(".", "_"); |
115 |
vm.find('.actionstop').show(); |
vm.find('.actionstop').show(); |
116 |
vm.find('.actionstart').hide(); |
vm.find('.actionstart').hide(); |
117 |
vm.find('.os').text(' - ' + os); |
vm.find('.os').text(' - ' + os); |
118 |
|
|
119 |
|
|
120 |
|
vm.find('.cpu_graph').show(); |
121 |
|
vm.find('.cpu_graph').attr('src', 'usagebar.php?usage=' + cpuavg); |
122 |
|
vm.find('.cpu_graph').attr('title', cpuavg + '%'); |
123 |
|
vm.find('.mem_graph').show(); |
124 |
} else { |
} else { |
125 |
if (state == "Halted") { |
if (state == "Halted") { |
126 |
vm.find('.state').css("background-image", "url('gfx/vps_topred.png')"); |
vm.find('.state').css("background-image", "url('gfx/vps_topred.png')"); |
131 |
vm.find('.console').hide(); |
vm.find('.console').hide(); |
132 |
vm.find('.actionstop').hide(); |
vm.find('.actionstop').hide(); |
133 |
vm.find('.actionstart').show(); |
vm.find('.actionstart').show(); |
134 |
|
vm.find('.cpu_graph').hide(); |
135 |
|
vm.find('.mem_graph').hide(); |
136 |
} |
} |
137 |
|
|
138 |
}) |
}); |
139 |
|
$('#logo').show(); |
140 |
}); |
}); |
141 |
} |
} |
142 |
|
|
221 |
</tr> |
</tr> |
222 |
<tr> |
<tr> |
223 |
<td width='150' align='right' class='small'><img src='gfx/icon-cpu.png'> |
<td width='150' align='right' class='small'><img src='gfx/icon-cpu.png'> |
224 |
<img id='server_cpu_usage' src='usagebar.php?usage=12' width='102' height='16'><div id='server_cpu_usage_txt'>12%</div></td> |
<img id='server_cpu_usage' src='usagebar.php?usage=12' width='102' height='16' title='static dummy data'><div id='server_cpu_usage_txt'>12%</div></td> |
225 |
|
|
226 |
<td width='150' align='right' class='small'><img src='gfx/icon-memory.png'> |
<td width='150' align='right' class='small'><img src='gfx/icon-memory.png'> |
227 |
<img id='server_memory_usage' src='usagebar.php?usage=1' width='102' height='16'><div id='server_memory_usage_txt'>0/4 MB</div></td> |
<img id='server_memory_usage' src='usagebar.php?usage=1' width='102' height='16' title='static dummy data'><div id='server_memory_usage_txt'>0/4 MB</div></td> |
228 |
|
|
229 |
<td width='150' align='right' class='small'><img src='gfx/icon-network.png'> |
<td width='150' align='right' class='small'><img src='gfx/icon-network.png'> |
230 |
<img id='server_net_usage' src='usagebar.php?usage=41' width='102' height='16'><div id='server_net_usage_txt'>1%</div></td> |
<img id='server_net_usage' src='usagebar.php?usage=41' width='102' height='16' title='static dummy data'><div id='server_net_usage_txt'>1%</div></td> |
231 |
<td width='150' align='right' class='small'><img src='gfx/icon-disk.png'> |
<td width='150' align='right' class='small'><img src='gfx/icon-disk.png'> |
232 |
<img id='server_disk_usage' src='usagebar.php?usage=41' width='102' height='16'><div id='server_memory_usage_txt'>89.3/405.5 GB</div></td> |
<img id='server_disk_usage' src='usagebar.php?usage=41' width='102' height='16' title='static dummy data'><div id='server_memory_usage_txt'>89.3/405.5 GB</div></td> |
233 |
|
|
234 |
</td> |
</td> |
235 |
</tr></table> |
</tr></table> |
296 |
|
|
297 |
</td> |
</td> |
298 |
|
|
299 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small' valign='top'> |
300 |
|
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='cpu_graph'><br> |
301 |
<img src='gfx/icon-cpu.png' style='vertical-align: middle;'> |
<img src='gfx/icon-cpu.png' style='vertical-align: middle;'> |
302 |
<span id='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span> |
<span id='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span> |
303 |
</td> |
</td> |
304 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small'> |
305 |
|
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='mem_graph'><br> |
306 |
<img src='gfx/icon-memory.png' style='vertical-align: middle;'> |
<img src='gfx/icon-memory.png' style='vertical-align: middle;'> |
307 |
<span id='vps_memory_usage_txt_UID'><?php echo format_memory($memory); ?></span> |
<span id='vps_memory_usage_txt_UID'><?php echo format_memory($memory); ?></span> |
308 |
</td> |
</td> |
312 |
<span id='vps_net_usage_txt_UID'>na</span> |
<span id='vps_net_usage_txt_UID'>na</span> |
313 |
</td> |
</td> |
314 |
--> |
--> |
315 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small' valign='top'> |
316 |
<img src='gfx/icon-disk.png' style='vertical-align: middle;'> |
<img src='gfx/icon-disk.png' style='vertical-align: middle;'> |
317 |
<span id='vps_disk_usage_txt_UID'><?php echo format_storage($harddrive_size); ?></span> |
<span id='vps_disk_usage_txt_UID'><?php echo format_storage($harddrive_size); ?></span> |
318 |
</td> |
</td> |
319 |
</tr> |
</tr> |
320 |
|
|
321 |
|
|
322 |
</table> |
</table> |
323 |
<!-- MACHINE END --> |
<!-- MACHINE END --> |