46 |
<html> |
<html> |
47 |
<head> |
<head> |
48 |
<title>XenServer::<?php echo $namelabel;?></title> |
<title>XenServer::<?php echo $namelabel;?></title> |
49 |
<script type='text/javascript' src="jquery-1.8.2.min.js"></script> |
|
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'> |
<script type='text/javascript'> |
60 |
|
var menu = 0; |
61 |
|
|
62 |
$(document).ready( function() { |
$(document).ready( function() { |
63 |
|
$("#menu").hide(); |
64 |
setInterval(refreshData, 60000); |
setInterval(refreshData, 60000); |
65 |
refreshData(); |
refreshData(); |
66 |
$('.console').click( function() { |
$('.console').click( function() { |
67 |
var session = $(this).data('session'); |
var session = $(this).data('session'); |
68 |
var conurl = $(this).data('conurl'); |
var conurl = $(this).data('conurl'); |
69 |
var name = $(this).data('name'); |
var name = $(this).data('name'); |
70 |
console(conurl,session,name); |
openConsole(conurl,session,name); |
71 |
}); |
}); |
72 |
|
|
73 |
$('#logo').click( function() { |
$('#logo').click( function() { |
74 |
refreshData(); |
refreshData(); |
75 |
}); |
}); |
76 |
|
|
77 |
|
$('.settings').click( function(event) { |
78 |
|
|
79 |
|
$('#menu').menu( { |
80 |
|
select: function(event2,ui) { |
81 |
|
alert( ui.item.text() ); |
82 |
|
}, |
83 |
|
create: function(event3,ui) { |
84 |
|
menu = 1; |
85 |
|
} |
86 |
|
/*position: { |
87 |
|
my: "left", of: event |
88 |
|
}*/ |
89 |
|
}); |
90 |
|
$('#menu').show().position( {my: "left top", of: event} ); |
91 |
|
event.stopPropagation(); |
92 |
|
}); |
93 |
|
|
94 |
|
$(document).click( function(event) { |
95 |
|
closeMenu(); |
96 |
|
}); |
97 |
|
|
98 |
}); |
}); |
99 |
|
|
100 |
|
function closeMenu() { |
101 |
|
if (menu > 0) { |
102 |
|
$("#menu").menu("destroy").hide(); |
103 |
|
menu = 0; |
104 |
|
} |
105 |
|
} |
106 |
|
|
107 |
function refreshData() { |
function refreshData() { |
108 |
$("#logo").hide(); |
$("#logo").hide(); |
109 |
$.get('ajaxdata.php', function(xml) { |
$.get('ajaxdata.php', function(xml) { |
156 |
os += ' Guest Tools: ' + guestversion; |
os += ' Guest Tools: ' + guestversion; |
157 |
} |
} |
158 |
|
|
159 |
|
vm.find('.vps_memory_usage_txt_UID').text( maxmem + " MB"); |
160 |
|
|
161 |
if (state == "Running") { |
if (state == "Running") { |
162 |
vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')"); |
vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')"); |
163 |
vm.find('.network').show(); |
vm.find('.network').show(); |
166 |
vm.find('.console').data('conurl', conurl); |
vm.find('.console').data('conurl', conurl); |
167 |
vm.find('.console').data('session', session); |
vm.find('.console').data('session', session); |
168 |
vm.find('.console').data('name', name); |
vm.find('.console').data('name', name); |
169 |
|
vm.find('.settings').hide(); |
170 |
vm.find('.actionstop').show(); |
vm.find('.actionstop').show(); |
171 |
vm.find('.actionstart').hide(); |
vm.find('.actionstart').hide(); |
172 |
vm.find('.os').text(' - ' + os); |
vm.find('.os').text(' - ' + os); |
189 |
|
|
190 |
vm.find('.network').hide(); |
vm.find('.network').hide(); |
191 |
vm.find('.console').hide(); |
vm.find('.console').hide(); |
192 |
|
vm.find('.settings').show(); |
193 |
vm.find('.actionstop').hide(); |
vm.find('.actionstop').hide(); |
194 |
vm.find('.actionstart').show(); |
vm.find('.actionstart').show(); |
195 |
vm.find('.cpu_graph').hide(); |
vm.find('.cpu_graph').hide(); |
202 |
} |
} |
203 |
|
|
204 |
function doAction(action, uuid, vm) { |
function doAction(action, uuid, vm) { |
205 |
|
var val=""; |
206 |
|
|
207 |
var key = prompt("Key"); |
var key = prompt("Key"); |
208 |
if (key == "" || key == null) { |
if (key == "" || key == null) { |
209 |
return; |
return; |
211 |
document.body.style.cursor = 'wait'; |
document.body.style.cursor = 'wait'; |
212 |
$('#vm_' + vm).find('.state').css("background-image", "url('gfx/vps_topyellow.png')"); |
$('#vm_' + vm).find('.state').css("background-image", "url('gfx/vps_topyellow.png')"); |
213 |
|
|
214 |
var url = "action.php?action=" + action + "&uuid=" + uuid + "&key=" + key; |
if (action == "setMemory") { |
215 |
|
val = prompt("Set memory target"); |
216 |
|
if (val == "" || val == null) { |
217 |
|
alert("" + val); |
218 |
|
return; |
219 |
|
} |
220 |
|
} |
221 |
|
|
222 |
|
var url = "action.php?action=" + action + "&uuid=" + uuid + "&key=" + key + "&val=" + val;; |
223 |
var response = $.get(url, function(data) { |
var response = $.get(url, function(data) { |
224 |
if (data != 'OK') { |
if (data != 'OK') { |
225 |
alert(data); |
alert(data); |
230 |
}); |
}); |
231 |
} |
} |
232 |
|
|
233 |
function console(url, session, name) { |
function openConsole(url, session, name) { |
234 |
if (url == '') |
if (url == '') |
235 |
return; |
return; |
236 |
|
|
343 |
<table width='99%' cellpadding='3' cellspacing='0' border='0' class='vps' id='vm_<?php echo $clean_name;?>'> |
<table width='99%' cellpadding='3' cellspacing='0' border='0' class='vps' id='vm_<?php echo $clean_name;?>'> |
344 |
<tr background='gfx/vps_topbg.png' > |
<tr background='gfx/vps_topbg.png' > |
345 |
<td width='10' class='small state'> </td> |
<td width='10' class='small state'> </td> |
346 |
<td colspan='3' class='small' title='<?php echo $description;?>'><b><?php echo $name; ?></b><span class='os'></span></td> |
<td colspan='2' class='small' title='<?php echo $description;?>'><b><?php echo $name; ?></b><span class='os'></span></td> |
347 |
<td colspan='1' class='small' align='right'> |
<td colspan='2' class='small' align='right'> |
348 |
<span class='network'></span> |
<span class='network'></span> |
349 |
<a href='#' style='display:none;' class='console'> |
<a href='#' style='display:none;' class='console'> |
350 |
<img src='gfx/icon-terminal.png' style='vertical-align: middle;'> |
<img src='gfx/icon-terminal.png' style='vertical-align: middle;'> |
351 |
</a> |
</a> |
352 |
|
<a href='#' style='display:none;' class='settings'> |
353 |
|
<img src='gfx/icon-settings16.png' style='vertical-align: middle;'> |
354 |
|
</a> |
355 |
</td> |
</td> |
356 |
</tr> |
</tr> |
357 |
|
|
362 |
<span class="actionstop" style='display:none'> |
<span class="actionstop" style='display:none'> |
363 |
start | |
start | |
364 |
<a href='#' onclick="doAction('shutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >stop</a> | |
<a href='#' onclick="doAction('shutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >stop</a> | |
365 |
<a href='#' onclick="doAction('hardshutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >force shutdown</a> |
<a href='#' onclick="doAction('hardshutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >force shutdown</a> | |
366 |
|
set memory |
367 |
</span> |
</span> |
368 |
|
|
369 |
<span class="actionstart"> |
<span class="actionstart"> |
370 |
<a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> | |
<a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> | |
371 |
stop | |
stop | |
372 |
force shutdown |
force shutdown | |
373 |
|
|
374 |
|
<a href='#' onclick="doAction('setMemory','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >set memory</a> |
375 |
</span> |
</span> |
376 |
|
|
377 |
</td> |
</td> |
384 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small'> |
385 |
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='mem_graph'><br> |
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='mem_graph'><br> |
386 |
<img src='gfx/icon-memory.png' style='vertical-align: middle;'> |
<img src='gfx/icon-memory.png' style='vertical-align: middle;'> |
387 |
<span id='vps_memory_usage_txt_UID'><?php echo format_memory($memory); ?></span> |
<span class='vps_memory_usage_txt_UID'><?php echo format_memory($memory); ?></span> |
388 |
</td> |
</td> |
389 |
<!-- |
<!-- |
390 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small'> |
404 |
|
|
405 |
<?PHP } ?> |
<?PHP } ?> |
406 |
</td></tr></table> |
</td></tr></table> |
407 |
|
|
408 |
|
<br> |
409 |
|
|
410 |
|
<ul id="menu"> |
411 |
|
<li><a href="#">Set Memory Size</a></li> |
412 |
|
<li><a href="#">Set CPU Count</a></li> |
413 |
|
|
414 |
|
|
415 |
|
<!-- <li><a href="#">Item 3</a> |
416 |
|
<ul> |
417 |
|
<li><a href="#">Item 3-1</a></li> |
418 |
|
<li><a href="#">Item 3-2</a></li> |
419 |
|
<li><a href="#">Item 3-3</a></li> |
420 |
|
<li><a href="#">Item 3-4</a></li> |
421 |
|
<li><a href="#">Item 3-5</a></li> |
422 |
|
</ul> |
423 |
|
</li> |
424 |
|
<li><a href="#">Item 4</a></li> |
425 |
|
<li><a href="#">Item 5</a></li>--> |
426 |
|
</ul> |
427 |
|
|
428 |
</body></html> |
</body></html> |
429 |
|
|