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

Annotation of /misc/xenconsole/index.php

Parent Directory Parent Directory | Revision Log Revision Log


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

  ViewVC Help
Powered by ViewVC 1.1.20