58 |
|
|
59 |
<script type='text/javascript'> |
<script type='text/javascript'> |
60 |
var menu = 0; |
var menu = 0; |
61 |
|
var menu_uuid = ''; |
62 |
|
|
63 |
$(document).ready( function() { |
$(document).ready( function() { |
64 |
$("#menu").hide(); |
$("#menu").hide(); |
68 |
var session = $(this).data('session'); |
var session = $(this).data('session'); |
69 |
var conurl = $(this).data('conurl'); |
var conurl = $(this).data('conurl'); |
70 |
var name = $(this).data('name'); |
var name = $(this).data('name'); |
71 |
console(conurl,session,name); |
openConsole(conurl,session,name); |
72 |
}); |
}); |
73 |
|
|
74 |
$('#logo').click( function(event) { |
$('#logo').click( function() { |
75 |
//refreshData(); |
refreshData(); |
76 |
$('#menu').show().position( {my: "left top", of: event} ); |
}); |
77 |
|
|
78 |
|
$('.settings').click( function(event) { |
79 |
|
menu_uuid = $(this).attr('uuid'); |
80 |
|
|
81 |
$('#menu').menu( { |
$('#menu').menu( { |
82 |
select: function(event2,ui) { |
select: function(event2,ui) { |
83 |
alert( ui.item.text() ); |
var action = $(ui.item).attr("action"); |
84 |
//closeMenu(); |
if (action == "memory") { |
85 |
|
doAction("setMemory", menu_uuid, ""); |
86 |
|
} |
87 |
|
if (action == "cpu") { |
88 |
|
doAction("setCPU", menu_uuid, ""); |
89 |
|
} |
90 |
}, |
}, |
91 |
create: function(event3,ui) { |
create: function(event3,ui) { |
92 |
menu = 1; |
menu = 1; |
95 |
my: "left", of: event |
my: "left", of: event |
96 |
}*/ |
}*/ |
97 |
}); |
}); |
98 |
|
$('#menu').show().position( {my: "left top", of: event} ); |
99 |
event.stopPropagation(); |
event.stopPropagation(); |
100 |
}); |
}); |
101 |
|
|
150 |
var cpuavg = $(this).find('cpuavg').text(); |
var cpuavg = $(this).find('cpuavg').text(); |
151 |
var curmem = $(this).find('curmem').text(); |
var curmem = $(this).find('curmem').text(); |
152 |
var maxmem = $(this).find('maxmem').text(); |
var maxmem = $(this).find('maxmem').text(); |
153 |
|
var cpus = $(this).find('cpus').text(); |
154 |
|
|
155 |
var mempercent = Math.round( (curmem*100) / maxmem ); |
var mempercent = Math.round( (curmem*100) / maxmem ); |
156 |
|
|
166 |
} |
} |
167 |
|
|
168 |
vm.find('.vps_memory_usage_txt_UID').text( maxmem + " MB"); |
vm.find('.vps_memory_usage_txt_UID').text( maxmem + " MB"); |
169 |
|
vm.find('.vps_cpu_usage_txt_UID').text( cpus + " VCPU"); |
170 |
|
|
171 |
if (state == "Running") { |
if (state == "Running") { |
172 |
vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')"); |
vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')"); |
176 |
vm.find('.console').data('conurl', conurl); |
vm.find('.console').data('conurl', conurl); |
177 |
vm.find('.console').data('session', session); |
vm.find('.console').data('session', session); |
178 |
vm.find('.console').data('name', name); |
vm.find('.console').data('name', name); |
179 |
|
vm.find('.settings').hide(); |
180 |
vm.find('.actionstop').show(); |
vm.find('.actionstop').show(); |
181 |
vm.find('.actionstart').hide(); |
vm.find('.actionstart').hide(); |
182 |
vm.find('.os').text(' - ' + os); |
vm.find('.os').text(' - ' + os); |
199 |
|
|
200 |
vm.find('.network').hide(); |
vm.find('.network').hide(); |
201 |
vm.find('.console').hide(); |
vm.find('.console').hide(); |
202 |
|
vm.find('.settings').show(); |
203 |
vm.find('.actionstop').hide(); |
vm.find('.actionstop').hide(); |
204 |
vm.find('.actionstart').show(); |
vm.find('.actionstart').show(); |
205 |
vm.find('.cpu_graph').hide(); |
vm.find('.cpu_graph').hide(); |
223 |
|
|
224 |
if (action == "setMemory") { |
if (action == "setMemory") { |
225 |
val = prompt("Set memory target"); |
val = prompt("Set memory target"); |
226 |
|
val *= (1024*1024); |
227 |
|
if (val == "" || val == null) { |
228 |
|
return; |
229 |
|
} |
230 |
|
} |
231 |
|
if (action == "setCPU") { |
232 |
|
val = prompt("Set CPU count"); |
233 |
if (val == "" || val == null) { |
if (val == "" || val == null) { |
|
alert("" + val); |
|
234 |
return; |
return; |
235 |
} |
} |
236 |
} |
} |
246 |
}); |
}); |
247 |
} |
} |
248 |
|
|
249 |
function console(url, session, name) { |
function openConsole(url, session, name) { |
250 |
if (url == '') |
if (url == '') |
251 |
return; |
return; |
252 |
|
|
365 |
<a href='#' style='display:none;' class='console'> |
<a href='#' style='display:none;' class='console'> |
366 |
<img src='gfx/icon-terminal.png' style='vertical-align: middle;'> |
<img src='gfx/icon-terminal.png' style='vertical-align: middle;'> |
367 |
</a> |
</a> |
368 |
|
<a href='#' style='display:none;' class='settings' uuid='<?php echo $uuid;?>'> |
369 |
|
<img src='gfx/icon-settings16.png' style='vertical-align: middle;'> |
370 |
|
</a> |
371 |
</td> |
</td> |
372 |
</tr> |
</tr> |
373 |
|
|
378 |
<span class="actionstop" style='display:none'> |
<span class="actionstop" style='display:none'> |
379 |
start | |
start | |
380 |
<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> | |
381 |
<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> |
|
set memory |
|
382 |
</span> |
</span> |
383 |
|
|
384 |
<span class="actionstart"> |
<span class="actionstart"> |
385 |
<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> | |
386 |
stop | |
stop | |
387 |
force shutdown | |
force shutdown |
|
|
|
|
<a href='#' onclick="doAction('setMemory','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >set memory</a> |
|
388 |
</span> |
</span> |
389 |
|
|
390 |
</td> |
</td> |
392 |
<td width='100' align='right' class='small' valign='top'> |
<td width='100' align='right' class='small' valign='top'> |
393 |
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='cpu_graph'><br> |
<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='cpu_graph'><br> |
394 |
<img src='gfx/icon-cpu.png' style='vertical-align: middle;'> |
<img src='gfx/icon-cpu.png' style='vertical-align: middle;'> |
395 |
<span id='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span> |
<span class='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span> |
396 |
</td> |
</td> |
397 |
<td width='100' align='right' class='small'> |
<td width='100' align='right' class='small'> |
398 |
<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> |
418 |
<?PHP } ?> |
<?PHP } ?> |
419 |
</td></tr></table> |
</td></tr></table> |
420 |
|
|
421 |
|
<br> |
422 |
|
|
423 |
<ul id="menu"> |
<ul id="menu"> |
424 |
<li><a href="#">Item 1</a></li> |
<li action="memory"><a href="#">Set Memory Size</a></li> |
425 |
<li><a href="#">Item 2</a></li> |
<li action="cpu"><a href="#">Set CPU Count</a></li> |
426 |
<li><a href="#">Item 3</a> |
|
427 |
|
|
428 |
|
<!-- <li><a href="#">Item 3</a> |
429 |
<ul> |
<ul> |
430 |
<li><a href="#">Item 3-1</a></li> |
<li><a href="#">Item 3-1</a></li> |
431 |
<li><a href="#">Item 3-2</a></li> |
<li><a href="#">Item 3-2</a></li> |
435 |
</ul> |
</ul> |
436 |
</li> |
</li> |
437 |
<li><a href="#">Item 4</a></li> |
<li><a href="#">Item 4</a></li> |
438 |
<li><a href="#">Item 5</a></li> |
<li><a href="#">Item 5</a></li>--> |
439 |
</ul> |
</ul> |
440 |
|
|
441 |
</body></html> |
</body></html> |