/[projects]/misc/xenconsole/index.php
ViewVC logotype

Contents of /misc/xenconsole/index.php

Parent Directory Parent Directory | Revision Log Revision Log


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

  ViewVC Help
Powered by ViewVC 1.1.20