| 1 |
<?php |
| 2 |
require("config.php"); |
| 3 |
|
| 4 |
function format_memory($size) { |
| 5 |
if (1024 > $size) { |
| 6 |
return "$size B"; |
| 7 |
} else if (pow(1024,2) > $size) { |
| 8 |
return round(($size / 1024),2) . " kB"; |
| 9 |
} else { |
| 10 |
return round(($size / pow(1024,2)), 2) . " MB"; |
| 11 |
} |
| 12 |
} |
| 13 |
|
| 14 |
function format_storage($size) { |
| 15 |
if (1024 > $size) { |
| 16 |
return "$size B"; |
| 17 |
} else if (pow(1024,2) > $size) { |
| 18 |
return round(($size / 1024),2) . " kB"; |
| 19 |
} else if (pow(1024,3) > $size) { |
| 20 |
return round(($size / pow(1024,2)), 2) . " MB"; |
| 21 |
} else if (pow(1024,4) > $size) { |
| 22 |
return round(($size / pow(1024,3)), 2). " GB"; |
| 23 |
} |
| 24 |
} |
| 25 |
|
| 26 |
include('xenapi.php'); |
| 27 |
|
| 28 |
/* Establish session with Xenserver */ |
| 29 |
$xenserver = new XenApi($url, $login, $password); |
| 30 |
|
| 31 |
$hosts_array = $xenserver->host__get_all(); |
| 32 |
$host = $xenserver->host__get_record($hosts_array[0]); |
| 33 |
$host_metrics = $xenserver->host_metrics__get_record($host["metrics"]); |
| 34 |
|
| 35 |
$xenversion = $host["software_version"]["product_brand"] . " " . $host["software_version"]["product_version"]; |
| 36 |
$xenversion .= " / Linux:" . $host["software_version"]["linux"] . " / xen: " . $host["software_version"]["xen"] . " / xapi: " . $host["software_version"]["xapi"] ; |
| 37 |
|
| 38 |
$expire = split('T', $host["license_params"]["expiry"]); |
| 39 |
$license = "License: " . $host["license_params"]["sku_type"] . ", expires " . $expire[0] ; |
| 40 |
|
| 41 |
$vms_array = $xenserver->VM__get_all_records(); |
| 42 |
|
| 43 |
$namelabel = $host["name_label"]; |
| 44 |
|
| 45 |
?> |
| 46 |
<html> |
| 47 |
<head> |
| 48 |
<title>XenServer::<?php echo $namelabel;?></title> |
| 49 |
|
| 50 |
<link rel="stylesheet" type="text/css" href="jquery/theme/jquery-ui.css"> |
| 51 |
<style> |
| 52 |
.ui-menu { |
| 53 |
width: 200px; |
| 54 |
} |
| 55 |
</style> |
| 56 |
<script type='text/javascript' src="jquery/jquery-1.9.1.min.js"></script> |
| 57 |
<script type='text/javascript' src="jquery/jquery-ui-1.10.2.min.js"></script> |
| 58 |
|
| 59 |
<script type='text/javascript'> |
| 60 |
var menu = 0; |
| 61 |
var menu_uuid = ''; |
| 62 |
|
| 63 |
var user = ""; |
| 64 |
var password = ""; |
| 65 |
var loggedin = false; |
| 66 |
|
| 67 |
function isLoggedIn() { |
| 68 |
if (loggedin == false) { |
| 69 |
alert("You need to login to perform this operation"); |
| 70 |
} |
| 71 |
return loggedin; |
| 72 |
} |
| 73 |
|
| 74 |
|
| 75 |
$(document).ready( function() { |
| 76 |
$("#menu").hide(); |
| 77 |
setInterval(refreshData, 60000); |
| 78 |
refreshData(); |
| 79 |
$('.console').click( function() { |
| 80 |
var session = $(this).data('session'); |
| 81 |
var conurl = $(this).data('conurl'); |
| 82 |
var name = $(this).data('name'); |
| 83 |
openConsole(conurl,session,name); |
| 84 |
}); |
| 85 |
|
| 86 |
$('.bar').progressbar( ); |
| 87 |
|
| 88 |
$('#logo').click( function() { |
| 89 |
refreshData(); |
| 90 |
}); |
| 91 |
|
| 92 |
$('.settings').click( function(event) { |
| 93 |
menu_uuid = $(this).attr('uuid'); |
| 94 |
|
| 95 |
$('#menu').menu( { |
| 96 |
select: function(event2,ui) { |
| 97 |
var action = $(ui.item).attr("action"); |
| 98 |
if (action == "memory") { |
| 99 |
doAction("setMemory", menu_uuid, ""); |
| 100 |
} |
| 101 |
if (action == "cpu") { |
| 102 |
doAction("setCPU", menu_uuid, ""); |
| 103 |
} |
| 104 |
}, |
| 105 |
create: function(event3,ui) { |
| 106 |
menu = 1; |
| 107 |
} |
| 108 |
/*position: { |
| 109 |
my: "left", of: event |
| 110 |
}*/ |
| 111 |
}); |
| 112 |
$('#menu').show().position( {my: "left top", of: event} ); |
| 113 |
event.stopPropagation(); |
| 114 |
}); |
| 115 |
|
| 116 |
$('.cd').click( function(event) { |
| 117 |
var uuid = $(this).attr('uuid'); |
| 118 |
cdSelectorDialog(uuid); |
| 119 |
}); |
| 120 |
$('#loginlink').click( function(event) { |
| 121 |
loginDialog(); |
| 122 |
}); |
| 123 |
|
| 124 |
$(document).click( function(event) { |
| 125 |
closeMenu(); |
| 126 |
}); |
| 127 |
$('#dialog-login').keypress(function(e) { |
| 128 |
if (e.keyCode == $.ui.keyCode.ENTER) { |
| 129 |
loginDialogSubmit(); |
| 130 |
} |
| 131 |
}); |
| 132 |
}); |
| 133 |
|
| 134 |
function loginDialog() { |
| 135 |
$('#dialog-login').dialog({ |
| 136 |
modal: true, |
| 137 |
height: 210, |
| 138 |
width: 350, |
| 139 |
buttons: { |
| 140 |
Login: loginDialogSubmit |
| 141 |
} |
| 142 |
}); |
| 143 |
} |
| 144 |
function loginDialogSubmit() { |
| 145 |
var params = $('#loginform').serialize(); |
| 146 |
|
| 147 |
$.get('login.php?' + params, function(data) { |
| 148 |
if (data == "OK") { |
| 149 |
loggedin = true; |
| 150 |
username = $('#username').val(); |
| 151 |
password = $('#password').val(); |
| 152 |
|
| 153 |
$('#login').html("Logged in as <i>" + username + "</i>"); |
| 154 |
refreshData(); |
| 155 |
} else { |
| 156 |
alert(data); |
| 157 |
} |
| 158 |
$("#dialog-login").dialog( "close" ); |
| 159 |
}); |
| 160 |
} |
| 161 |
|
| 162 |
function cdSelectorDialog(uuid) { |
| 163 |
if (isLoggedIn() == false) |
| 164 |
return; |
| 165 |
|
| 166 |
$('#cdselector').html(''); |
| 167 |
$('#cdselector').load( 'getisolist.php' ); |
| 168 |
var cddata; |
| 169 |
|
| 170 |
$.getJSON('getcdinfo.php?uuid=' + uuid, function(data) { |
| 171 |
cddata = data; |
| 172 |
if (data.ISO != '') { |
| 173 |
$('#cdcurrent').html( data.ISO ); |
| 174 |
$(":button:contains('Mount')").prop("disabled", true).addClass("ui-state-disabled"); |
| 175 |
} else { |
| 176 |
$('#cdcurrent').html('<i>No ISO currently mounted</i>'); |
| 177 |
$(":button:contains('Eject')").prop("disabled", true).addClass("ui-state-disabled"); |
| 178 |
} |
| 179 |
}); |
| 180 |
|
| 181 |
$('#dialog-cd').dialog({ |
| 182 |
modal: true, |
| 183 |
width: 800, |
| 184 |
height: 300, |
| 185 |
buttons: { |
| 186 |
Mount: function() { |
| 187 |
$( this ).dialog( "close" ); |
| 188 |
var vdi = $("#cdselector").val(); |
| 189 |
cdAction("mount", cddata.VBD, vdi); |
| 190 |
}, |
| 191 |
Eject: function() { |
| 192 |
$( this ).dialog( "close" ); |
| 193 |
cdAction("eject", cddata.VBD, ""); |
| 194 |
}, |
| 195 |
Cancel: function() { |
| 196 |
$( this ).dialog( "close" ); |
| 197 |
} |
| 198 |
|
| 199 |
} |
| 200 |
}); |
| 201 |
} |
| 202 |
|
| 203 |
function closeMenu() { |
| 204 |
if (menu > 0) { |
| 205 |
$("#menu").menu("destroy").hide(); |
| 206 |
menu = 0; |
| 207 |
} |
| 208 |
} |
| 209 |
|
| 210 |
function refreshData() { |
| 211 |
$("#logo").hide(); |
| 212 |
$.get('ajaxdata.php', function(xml) { |
| 213 |
$(xml).find('host').each(function() { |
| 214 |
var memtotal = $(this).find('memtotal').text(); |
| 215 |
var memfree = $(this).find('memfree').text(); |
| 216 |
var cpuavg = $(this).find('cpuavg').text() * 1; // *1 is used to convert the string var to an int |
| 217 |
|
| 218 |
memtotal = Math.round ( memtotal / (1024*1024) ); |
| 219 |
memfree = Math.round ( memfree / (1024*1024) ); |
| 220 |
var memused = memtotal - memfree; |
| 221 |
var mem_percentage = Math.round( (memused/memtotal) * 100); |
| 222 |
|
| 223 |
//alert(memused + ' ' + mem_percentage); |
| 224 |
|
| 225 |
//$('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage); |
| 226 |
$('#server_memory_usage').progressbar( "value", mem_percentage ); |
| 227 |
$('#server_memory_usage').attr('alt', mem_percentage + '%'); |
| 228 |
$('#server_memory_usage').attr('title', mem_percentage + '%'); |
| 229 |
$('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB'); |
| 230 |
|
| 231 |
|
| 232 |
//$('#server_cpu_usage').attr('src', 'usagebar.php?usage=' + cpuavg); |
| 233 |
$('#server_cpu_usage').progressbar( "value", cpuavg ); |
| 234 |
$('#server_cpu_usage').attr('alt', cpuavg + '%'); |
| 235 |
$('#server_cpu_usage').attr('title', cpuavg + '%'); |
| 236 |
$('#server_cpu_usage_txt').text( cpuavg+ '%'); |
| 237 |
}); |
| 238 |
$(xml).find('vm').each(function() { |
| 239 |
var name = $(this).find('name').text(); |
| 240 |
var state = $(this).find('state').text(); |
| 241 |
var network = $(this).find('network').text(); |
| 242 |
var state = $(this).find('state').text(); |
| 243 |
var conurl = $(this).find('conurl').text(); |
| 244 |
var session = $(this).find('session').text(); |
| 245 |
var os = $(this).find('os').text(); |
| 246 |
var guestversion = $(this).find('guestversion').text(); |
| 247 |
var cpuavg = $(this).find('cpuavg').text(); |
| 248 |
var curmem = $(this).find('curmem').text(); |
| 249 |
var maxmem = $(this).find('maxmem').text(); |
| 250 |
var cpus = $(this).find('cpus').text(); |
| 251 |
|
| 252 |
var mempercent = Math.round( (curmem*100) / maxmem ); |
| 253 |
|
| 254 |
name = name.replace(/ /g, "_"); |
| 255 |
name = name.replace(/\./g, "_"); |
| 256 |
name = name.replace(/\(/g, "_"); |
| 257 |
name = name.replace(/\)/g, "_"); |
| 258 |
|
| 259 |
var id = "#vm_" + name; |
| 260 |
|
| 261 |
var vm = $(id); |
| 262 |
|
| 263 |
if (guestversion != '') { |
| 264 |
os += ' Guest Tools: ' + guestversion; |
| 265 |
} |
| 266 |
|
| 267 |
vm.find('.vps_memory_usage_txt_UID').text( maxmem + " MB"); |
| 268 |
vm.find('.vps_cpu_usage_txt_UID').text( cpus + " VCPU"); |
| 269 |
|
| 270 |
if (state == "Running") { |
| 271 |
vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')"); |
| 272 |
vm.find('.network').show(); |
| 273 |
vm.find('.network').text( '(IP: ' + network + ')' ); |
| 274 |
vm.find('.console').show(); |
| 275 |
vm.find('.console').data('conurl', conurl); |
| 276 |
vm.find('.console').data('session', session); |
| 277 |
vm.find('.console').data('name', name); |
| 278 |
vm.find('.settings').hide(); |
| 279 |
if (loggedin) { |
| 280 |
vm.find('.actionstop').show(); |
| 281 |
vm.find('.actionstart').hide(); |
| 282 |
} |
| 283 |
vm.find('.os').text(' - ' + os); |
| 284 |
|
| 285 |
cpuavg = cpuavg * 1; |
| 286 |
vm.find('.cpu_graph').show(); |
| 287 |
//vm.find('.cpu_graph').attr('src', 'usagebar.php?usage=' + cpuavg); |
| 288 |
vm.find('.cpu_graph').progressbar( "value", cpuavg ); |
| 289 |
vm.find('.cpu_graph').attr('title', cpuavg + '%'); |
| 290 |
|
| 291 |
vm.find('.mem_graph').show(); |
| 292 |
//vm.find('.mem_graph').attr('src', 'usagebar.php?usage=' + mempercent); |
| 293 |
vm.find('.mem_graph').progressbar( "value", mempercent ); |
| 294 |
vm.find('.mem_graph').attr('title', curmem + ' / ' + maxmem + ' MB' ); |
| 295 |
} else { |
| 296 |
if (state == "Halted") { |
| 297 |
vm.find('.state').css("background-image", "url('gfx/vps_topred.png')"); |
| 298 |
} else { |
| 299 |
vm.find('.state').css("background-image", "url('gfx/vps_topyellow.png')"); |
| 300 |
} |
| 301 |
vm.find('.os').text(''); |
| 302 |
|
| 303 |
vm.find('.network').hide(); |
| 304 |
vm.find('.console').hide(); |
| 305 |
vm.find('.settings').show(); |
| 306 |
if (loggedin) { |
| 307 |
vm.find('.actionstop').hide(); |
| 308 |
vm.find('.actionstart').show(); |
| 309 |
} |
| 310 |
vm.find('.cpu_graph').hide(); |
| 311 |
vm.find('.mem_graph').hide(); |
| 312 |
} |
| 313 |
|
| 314 |
}); |
| 315 |
$('#logo').show(); |
| 316 |
}); |
| 317 |
} |
| 318 |
|
| 319 |
function doAction(action, uuid, vm) { |
| 320 |
var val=""; |
| 321 |
|
| 322 |
if (isLoggedIn() == false) |
| 323 |
return; |
| 324 |
|
| 325 |
document.body.style.cursor = 'wait'; |
| 326 |
$('#vm_' + vm).find('.state').css("background-image", "url('gfx/vps_topyellow.png')"); |
| 327 |
|
| 328 |
if (action == "setMemory") { |
| 329 |
val = prompt("Set memory target"); |
| 330 |
val *= (1024*1024); |
| 331 |
if (val == "" || val == null) { |
| 332 |
return; |
| 333 |
} |
| 334 |
} |
| 335 |
if (action == "setCPU") { |
| 336 |
val = prompt("Set CPU count"); |
| 337 |
if (val == "" || val == null) { |
| 338 |
return; |
| 339 |
} |
| 340 |
} |
| 341 |
|
| 342 |
var url = "action.php?action=" + action + "&uuid=" + uuid + "&key=" + password + "&val=" + val;; |
| 343 |
var response = $.get(url, function(data) { |
| 344 |
if (data != 'OK') { |
| 345 |
alert(data); |
| 346 |
} |
| 347 |
document.body.style.cursor = 'default' |
| 348 |
|
| 349 |
refreshData(); |
| 350 |
}); |
| 351 |
} |
| 352 |
|
| 353 |
function cdAction(action, vbd,vdi) { |
| 354 |
if (isLoggedIn() == false) |
| 355 |
return; |
| 356 |
|
| 357 |
document.body.style.cursor = 'wait'; |
| 358 |
var url = "cdaction.php?action=" + action + "&VBD=" + vbd + "&key=" + password + "&VDI=" + vdi; |
| 359 |
var response = $.get(url, function(data) { |
| 360 |
if (data != 'OK') { |
| 361 |
alert(data); |
| 362 |
} |
| 363 |
document.body.style.cursor = 'default' |
| 364 |
}); |
| 365 |
|
| 366 |
} |
| 367 |
|
| 368 |
function openConsole(url, session, name) { |
| 369 |
if (url == '') |
| 370 |
return; |
| 371 |
|
| 372 |
if (isLoggedIn() == false) |
| 373 |
return; |
| 374 |
|
| 375 |
var url = "console.php?url=" + url + "&session=" + session + "&key=" + password + "&name=" + name; |
| 376 |
|
| 377 |
//window.location = url; |
| 378 |
//$('#mainwindow').load(url); |
| 379 |
window.open(url); |
| 380 |
} |
| 381 |
|
| 382 |
|
| 383 |
|
| 384 |
</script> |
| 385 |
|
| 386 |
<style> |
| 387 |
body { |
| 388 |
background: #eee; |
| 389 |
margin-top: 5px; |
| 390 |
font-family:verdana,helvetica,arial,sans-serif; |
| 391 |
font-size: 14px; |
| 392 |
|
| 393 |
} |
| 394 |
|
| 395 |
.maintable { |
| 396 |
background: #fff; |
| 397 |
margin-left:auto; // Smart center |
| 398 |
margin-right:auto; |
| 399 |
padding: 0; |
| 400 |
border: 3px solid #999; |
| 401 |
} |
| 402 |
|
| 403 |
.small { |
| 404 |
font-family:verdana,helvetica,arial,sans-serif; |
| 405 |
font-size: 11px; |
| 406 |
} |
| 407 |
|
| 408 |
.toptable { |
| 409 |
border-bottom: 3px solid #999; |
| 410 |
} |
| 411 |
|
| 412 |
.vps { |
| 413 |
margin: 4; |
| 414 |
border: 1px solid #222; |
| 415 |
} |
| 416 |
|
| 417 |
.ui-progressbar-value { |
| 418 |
background: #61B4F3; |
| 419 |
} |
| 420 |
|
| 421 |
.bar { |
| 422 |
width: 102px; |
| 423 |
height: 16px; |
| 424 |
} |
| 425 |
|
| 426 |
</style> |
| 427 |
</head> |
| 428 |
<body> |
| 429 |
|
| 430 |
<table class='maintable' width='800' align='center' cellpadding='0' cellspacing='0'><tr><td> |
| 431 |
|
| 432 |
<table width='100%' background='gfx/topbg.png' cellpadding='3' cellspacing='0' border='0' class='toptable'> |
| 433 |
<tr> |
| 434 |
<td rowspan='2' width='160'><img src='gfx/citrix-logo.png' id='logo'></td> |
| 435 |
<td colspan='4' class='small' align='right'><?php echo $namelabel . " / " . $xenversion;?><br><?php echo $license;?></td> |
| 436 |
</tr> |
| 437 |
<tr> |
| 438 |
<td width='150'> |
| 439 |
<span id="login" class='small'><i>Not <a href="#" id="loginlink">logged in</a></i> |
| 440 |
</span> |
| 441 |
</td> |
| 442 |
<td width='150'></td> |
| 443 |
<td width='150' align='right' class='small'> |
| 444 |
<div id='server_cpu_usage' class='bar'></div> |
| 445 |
<img src='gfx/icon-cpu.png'> |
| 446 |
<span id='server_cpu_usage_txt'>12%</span> |
| 447 |
</td> |
| 448 |
|
| 449 |
<td width='150' align='right' class='small'> |
| 450 |
<div id='server_memory_usage' class='bar'></div> |
| 451 |
<img src='gfx/icon-memory.png'> |
| 452 |
<span id='server_memory_usage_txt'>0/4 MB</span> |
| 453 |
</td> |
| 454 |
<!-- |
| 455 |
<td width='150' align='right' class='small'><img src='gfx/icon-network.png'> |
| 456 |
<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> |
| 457 |
<td width='150' align='right' class='small'><img src='gfx/icon-disk.png'> |
| 458 |
<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> |
| 459 |
</td> |
| 460 |
--> |
| 461 |
</tr></table> |
| 462 |
|
| 463 |
|
| 464 |
|
| 465 |
<?php |
| 466 |
// List all machines |
| 467 |
foreach($vms_array as $vm) { |
| 468 |
if ($vm["is_a_template"] != 0 || $vm["is_control_domain"] != 0) { |
| 469 |
continue; |
| 470 |
} |
| 471 |
|
| 472 |
$name = $vm["name_label"]; |
| 473 |
$description = $vm["name_description"]; |
| 474 |
$uuid = $vm["uuid"]; |
| 475 |
$state = $vm["power_state"] ; |
| 476 |
$memory = $vm['memory_target']; |
| 477 |
$harddrive_size = 0; |
| 478 |
$cpu_count = $vm["VCPUs_max"]; |
| 479 |
|
| 480 |
$clean_name = str_replace(" ", "_", $name); |
| 481 |
$clean_name = str_replace(".", "_", $clean_name); |
| 482 |
$clean_name = str_replace("(", "_", $clean_name); |
| 483 |
$clean_name = str_replace(")", "_", $clean_name); |
| 484 |
|
| 485 |
|
| 486 |
foreach ($vm["VBDs"] as $vbds) { |
| 487 |
$vbd = $xenserver->VBD__get_record($vbds); |
| 488 |
if ($vbd["type"] == 'Disk') { |
| 489 |
$vdi = $xenserver->VDI__get_record( $vbd["VDI"] ); |
| 490 |
$harddrive_size += $vdi["virtual_size"]; |
| 491 |
} |
| 492 |
} |
| 493 |
|
| 494 |
|
| 495 |
|
| 496 |
?> |
| 497 |
<!-- MACHINE --> |
| 498 |
<table width='99%' cellpadding='3' cellspacing='0' border='0' class='vps' id='vm_<?php echo $clean_name;?>'> |
| 499 |
<tr background='gfx/vps_topbg.png' > |
| 500 |
<td width='10' class='small state'> </td> |
| 501 |
<td colspan='2' class='small' title='<?php echo $description;?>'><b><?php echo $name; ?></b><span class='os'></span></td> |
| 502 |
<td colspan='2' class='small' align='right'> |
| 503 |
<span class='network'></span> |
| 504 |
<a href='#' class='cd' uuid='<?php echo $uuid;?>' > |
| 505 |
<img src='gfx/icon-cd.gif' style='vertical-align: middle;'></a> |
| 506 |
<a href='#' style='display:none;' class='console'> |
| 507 |
<img src='gfx/icon-terminal.png' style='vertical-align: middle;'> |
| 508 |
</a> |
| 509 |
|
| 510 |
<a href='#' style='display:none;' class='settings' uuid='<?php echo $uuid;?>'> |
| 511 |
<img src='gfx/icon-settings16.png' style='vertical-align: middle;'> |
| 512 |
</a> |
| 513 |
</td> |
| 514 |
</tr> |
| 515 |
|
| 516 |
<tr bgcolor='#eee'> |
| 517 |
<td></td> |
| 518 |
|
| 519 |
<td width='150' class='small'> |
| 520 |
<span class="actionstop" style='display:none'> |
| 521 |
start | |
| 522 |
<a href='#' onclick="doAction('shutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >stop</a> | |
| 523 |
<a href='#' onclick="doAction('hardshutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >force shutdown</a> |
| 524 |
</span> |
| 525 |
|
| 526 |
<span class="actionstart" style='display:none'> |
| 527 |
<a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> | |
| 528 |
stop | |
| 529 |
force shutdown |
| 530 |
</span> |
| 531 |
|
| 532 |
</td> |
| 533 |
|
| 534 |
<td width='100' align='right' class='small' valign='top'> |
| 535 |
<div class='cpu_graph bar'></div> |
| 536 |
<img src='gfx/icon-cpu.png' style='vertical-align: middle;'> |
| 537 |
<span class='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span> |
| 538 |
</td> |
| 539 |
<td width='100' align='right' class='small'> |
| 540 |
<div class='mem_graph bar'></div> |
| 541 |
<img src='gfx/icon-memory.png' style='vertical-align: middle;'> |
| 542 |
<span class='vps_memory_usage_txt_UID'><?php echo format_memory($memory); ?></span> |
| 543 |
</td> |
| 544 |
<!-- |
| 545 |
<td width='100' align='right' class='small'> |
| 546 |
<img src='gfx/icon-network.png' style='vertical-align: middle;'> |
| 547 |
<span id='vps_net_usage_txt_UID'>na</span> |
| 548 |
</td> |
| 549 |
--> |
| 550 |
<td width='100' align='right' class='small' valign='bottom'> |
| 551 |
<img src='gfx/icon-disk.png' style='vertical-align: middle;'> |
| 552 |
<span id='vps_disk_usage_txt_UID'><?php echo format_storage($harddrive_size); ?></span> |
| 553 |
</td> |
| 554 |
</tr> |
| 555 |
|
| 556 |
|
| 557 |
</table> |
| 558 |
<!-- MACHINE END --> |
| 559 |
|
| 560 |
<?PHP } ?> |
| 561 |
</td></tr></table> |
| 562 |
|
| 563 |
<br> |
| 564 |
|
| 565 |
<div style="display: none;"> |
| 566 |
|
| 567 |
<div id="dialog-login" title="Login"> |
| 568 |
<form id="loginform"> |
| 569 |
<table border="0"> |
| 570 |
<tr> |
| 571 |
<td>Username: </td> |
| 572 |
<td><input type="text" id="username" name="username"></td> |
| 573 |
<tr> |
| 574 |
<tr> |
| 575 |
<td>Password: </td> |
| 576 |
<td><input type="password" id="password" name="password"></td> |
| 577 |
</tr> |
| 578 |
</table> |
| 579 |
</form> |
| 580 |
</div> |
| 581 |
|
| 582 |
<div id="dialog-cd" title="Select CD"> |
| 583 |
|
| 584 |
<table border=0> |
| 585 |
<tr> |
| 586 |
<td>Current: <span id="cdcurrent"></span></td> |
| 587 |
</tr> |
| 588 |
<tr> |
| 589 |
<td> |
| 590 |
CD: <select id="cdselector"></select> |
| 591 |
</td> |
| 592 |
</tr> |
| 593 |
</table> |
| 594 |
</div> |
| 595 |
|
| 596 |
</div> |
| 597 |
|
| 598 |
<ul id="menu"> |
| 599 |
<li action="memory"><a href="#">Set Memory Size</a></li> |
| 600 |
<li action="cpu"><a href="#">Set CPU Count</a></li> |
| 601 |
|
| 602 |
|
| 603 |
<!-- <li><a href="#">Item 3</a> |
| 604 |
<ul> |
| 605 |
<li><a href="#">Item 3-1</a></li> |
| 606 |
<li><a href="#">Item 3-2</a></li> |
| 607 |
<li><a href="#">Item 3-3</a></li> |
| 608 |
<li><a href="#">Item 3-4</a></li> |
| 609 |
<li><a href="#">Item 3-5</a></li> |
| 610 |
</ul> |
| 611 |
</li> |
| 612 |
<li><a href="#">Item 4</a></li> |
| 613 |
<li><a href="#">Item 5</a></li>--> |
| 614 |
</ul> |
| 615 |
|
| 616 |
</body></html> |
Parent Directory
| 
Revision Log