--- misc/xenconsole/index.php	2012/12/01 10:59:57	1887
+++ misc/xenconsole/index.php	2013/03/26 08:32:05	1956
@@ -28,32 +28,106 @@
 /* Establish session with Xenserver */
 $xenserver = new XenApi($url, $login, $password);
 
+$hosts_array = $xenserver->host__get_all();
+$host = $xenserver->host__get_record($hosts_array[0]);
+$host_metrics = $xenserver->host_metrics__get_record($host["metrics"]);
+
+$xenversion = $host["software_version"]["product_brand"] . " " . $host["software_version"]["product_version"];
+$xenversion .= " / Linux:" . $host["software_version"]["linux"] . " / xen: " . $host["software_version"]["xen"] . " / xapi: " . $host["software_version"]["xapi"] ;
+
+$expire = split('T', $host["license_params"]["expiry"]);
+$license = "License: " . $host["license_params"]["sku_type"] . ", expires " . $expire[0] ;
+
 $vms_array = $xenserver->VM__get_all_records();
 
+$namelabel = $host["name_label"];
 
 ?>
 <html>
 <head>
-<title>XenServer::SERVER</title>
-<script type='text/javascript' src="jquery-1.8.2.min.js"></script>
+<title>XenServer::<?php echo $namelabel;?></title>
+
+<link rel="stylesheet" type="text/css" href="jquery/theme/jquery-ui.css">
+<style>
+.ui-menu {
+	width: 200px;
+}
+</style>
+<script type='text/javascript' src="jquery/jquery-1.9.1.min.js"></script>
+<script type='text/javascript' src="jquery/jquery-ui-1.10.2.min.js"></script>
 
 <script type='text/javascript'>
+var menu = 0;
+
 $(document).ready( function() {
+	$("#menu").hide();
 	setInterval(refreshData, 60000);	
 	refreshData();
 	$('.console').click( function() {
 		var session = $(this).data('session');
 		var conurl = $(this).data('conurl');
-		console(conurl,session);
+		var name = $(this).data('name');
+		console(conurl,session,name);
 	});
 
-	$('#logo').click( function() {
-		refreshData();
+	$('#logo').click( function(event) {
+		//refreshData();
+		$('#menu').show().position( {my: "left top", of: event} );
+
+		$('#menu').menu( {
+			select: function(event2,ui) {
+					alert( ui.item.text() );
+					//closeMenu();
+				},
+			create: function(event3,ui) {
+				menu = 1;
+				}
+			/*position: { 
+				my: "left", of: event 
+			}*/
+		});
+		event.stopPropagation();
 	});
+
+	$(document).click( function(event) {
+		closeMenu();
+	});
+
 });
 
+function closeMenu() {
+	if (menu > 0) {
+		$("#menu").menu("destroy").hide();
+		menu = 0;
+	}
+}
+
 function refreshData() {
+	$("#logo").hide();	
 	$.get('ajaxdata.php', function(xml) {
+		$(xml).find('host').each(function() {
+			var memtotal = $(this).find('memtotal').text();
+			var memfree = $(this).find('memfree').text();	
+			var cpuavg = $(this).find('cpuavg').text();
+
+			memtotal = Math.round ( memtotal / (1024*1024) );
+			memfree = Math.round ( memfree / (1024*1024) );
+			var memused = memtotal - memfree;
+			var mem_percentage = Math.round( (memused/memtotal) * 100);
+
+			//alert(memused + ' ' + mem_percentage);
+
+			$('#server_memory_usage').attr('src', 'usagebar.php?usage=' + mem_percentage);
+			$('#server_memory_usage').attr('alt', mem_percentage + '%');
+			$('#server_memory_usage').attr('title', mem_percentage + '%');
+			$('#server_memory_usage_txt').text( memused + '/' + memtotal + 'MB');
+
+
+			$('#server_cpu_usage').attr('src', 'usagebar.php?usage=' + cpuavg);
+			$('#server_cpu_usage').attr('alt', cpuavg + '%');
+			$('#server_cpu_usage').attr('title', cpuavg + '%');
+			$('#server_cpu_usage_txt').text( cpuavg+ '%');
+		});
 		$(xml).find('vm').each(function() {
 			var name = $(this).find('name').text();
 			var state = $(this).find('state').text();
@@ -61,6 +135,13 @@
 			var state = $(this).find('state').text();
 			var conurl = $(this).find('conurl').text();
 			var session = $(this).find('session').text();
+			var os = $(this).find('os').text();
+			var guestversion = $(this).find('guestversion').text();
+			var cpuavg = $(this).find('cpuavg').text();
+			var curmem = $(this).find('curmem').text();
+			var maxmem = $(this).find('maxmem').text();
+
+			var mempercent = Math.round( (curmem*100) / maxmem );
 
 			name = name.replace(" ", "_");
 			name = name.replace(".", "_");
@@ -69,6 +150,12 @@
 
 			var vm = $(id);			
 
+			if (guestversion != '') {
+				os += ' Guest Tools: ' + guestversion;
+			}
+
+			vm.find('.vps_memory_usage_txt_UID').text( maxmem + " MB");
+
 			if (state == "Running") {
 				vm.find('.state').css("background-image", "url('gfx/vps_topgreen.png')");
 				vm.find('.network').show();
@@ -76,25 +163,43 @@
 				vm.find('.console').show();
 				vm.find('.console').data('conurl', conurl);
 				vm.find('.console').data('session', session);
+				vm.find('.console').data('name', name);
 				vm.find('.actionstop').show();
 				vm.find('.actionstart').hide();
+				vm.find('.os').text(' - ' + os);
+
+
+				vm.find('.cpu_graph').show();
+				vm.find('.cpu_graph').attr('src', 'usagebar.php?usage=' + cpuavg);
+				vm.find('.cpu_graph').attr('title',  cpuavg + '%');
+
+				vm.find('.mem_graph').show();
+				vm.find('.mem_graph').attr('src', 'usagebar.php?usage=' + mempercent);
+				vm.find('.mem_graph').attr('title',  curmem + ' / ' + maxmem + ' MB' );
 			} else {
 				if (state == "Halted") {
 					vm.find('.state').css("background-image", "url('gfx/vps_topred.png')");
 				} else {
 					vm.find('.state').css("background-image", "url('gfx/vps_topyellow.png')");
 				}
+				vm.find('.os').text('');
+
 				vm.find('.network').hide();
 				vm.find('.console').hide();
 				vm.find('.actionstop').hide();
 				vm.find('.actionstart').show();
+				vm.find('.cpu_graph').hide();
+				vm.find('.mem_graph').hide();
 			}
 			
-           })
+           	});
+		$('#logo').show();
        });
 }
 
 function doAction(action, uuid, vm) {
+	var val="";
+
 	var key = prompt("Key");
 	if (key == "" || key == null) {
 		return;
@@ -102,7 +207,15 @@
 	document.body.style.cursor = 'wait';
 	$('#vm_' + vm).find('.state').css("background-image", "url('gfx/vps_topyellow.png')");
 
-	var url = "action.php?action=" + action + "&uuid=" + uuid + "&key=" + key;
+	if (action == "setMemory") {
+		val = prompt("Set memory target");
+		if (val == "" || val == null) {
+			alert("" + val);
+			return;
+		}
+	}
+
+	var url = "action.php?action=" + action + "&uuid=" + uuid + "&key=" + key + "&val=" + val;;
 	var response = $.get(url, function(data) {
 		if (data != 'OK') {
 			alert(data);
@@ -113,7 +226,7 @@
 	});
 }
 
-function console(url, session) {
+function console(url, session, name) {
 	if (url == '')
 		return;
 
@@ -121,7 +234,7 @@
 	if (key == "" || key == null) {
 		return;
 	}
-	var url = "console.php?url=" + url + "&session=" + session + "&key=" + key;
+	var url = "console.php?url=" + url + "&session=" + session + "&key=" + key + "&name=" + name;
 
 	//window.location = url;
 	//$('#mainwindow').load(url);
@@ -171,21 +284,23 @@
 <table width='100%' background='gfx/topbg.png' cellpadding='3' cellspacing='0' border='0' class='toptable'>
 <tr>
 	<td rowspan='2' width='160'><img src='gfx/citrix-logo.png' id='logo'></td>
-	<td colspan='3' class='small' align='right'>Linux:2.6.32.12-0.7.1.xs6.0.2.542.170665xen / xen: 4.1.2 / xapi: 1.3</td>
+	<td colspan='4' class='small' align='right'><?php echo $namelabel . " / " . $xenversion;?><br><?php echo $license;?></td>
 </tr>
 <tr>
+<td width='150'></td>
+<td width='150'></td>
 	<td width='150' align='right' class='small'><img src='gfx/icon-cpu.png'>
-		<img id='server_cpu_usage' src='usagebar.php?usage=12' width='102' height='16'><div id='server_cpu_usage_txt'>12%</div></td>
-<!--
+		<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>
+
 	<td width='150' align='right' class='small'><img src='gfx/icon-memory.png'>
-		<img id='server_memory_usage' src='usagebar.php?usage=81' width='102' height='16'><div id='server_memory_usage_txt'>4096/7912 MB</div></td>
--->
+		<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>
+<!--
 	<td width='150' align='right' class='small'><img src='gfx/icon-network.png'>
-		<img id='server_net_usage' src='usagebar.php?usage=41' width='102' height='16'><div id='server_net_usage_txt'>1%</div></td>
+		<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>
 	<td width='150' align='right' class='small'><img src='gfx/icon-disk.png'>
-		<img id='server_disk_usage' src='usagebar.php?usage=41' width='102' height='16'><div id='server_memory_usage_txt'>89.3/405.5 GB</div></td>
-
+		<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>
 	</td>
+-->
 </tr></table>
 
 
@@ -198,6 +313,7 @@
 	}
 
 	$name = $vm["name_label"];
+	$description = $vm["name_description"];
 	$uuid = $vm["uuid"];
 	$state = $vm["power_state"] ;
 	$memory = $vm['memory_target'];
@@ -223,7 +339,7 @@
 	<table width='99%' cellpadding='3' cellspacing='0' border='0' class='vps' id='vm_<?php echo $clean_name;?>'>
 		<tr background='gfx/vps_topbg.png'  >
 			<td width='10' class='small state'>&nbsp;</td>
-			<td colspan='2' class='small'><b><?php echo $name; ?></b></td>
+			<td colspan='2' class='small' title='<?php echo $description;?>'><b><?php echo $name; ?></b><span class='os'></span></td>
 			<td colspan='2' class='small' align='right'>
 				<span class='network'></span>
 				<a href='#' style='display:none;' class='console'>
@@ -239,24 +355,29 @@
 			<span class="actionstop" style='display:none'>
 				start | 
 				<a href='#' onclick="doAction('shutdown','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >stop</a> | 
-				<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
 			</span>
 			
 			<span class="actionstart">			
 				<a href='#' onclick="doAction('start','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >start</a> | 
 				stop | 
-				force shutdown
+				force shutdown | 
+
+				<a href='#' onclick="doAction('setMemory','<?php echo $uuid;?>','<?php echo $clean_name;?>')" >set memory</a> 
 			</span>
 
 		</td>
 
-		<td width='100' align='right' class='small'>
+		<td width='100' align='right' class='small' valign='top'>
+			<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='cpu_graph'><br>
 			<img src='gfx/icon-cpu.png' style='vertical-align: middle;'>
 			<span id='vps_cpu_usage_txt_UID'><?php echo $cpu_count; ?> VCPU</span>
 		</td>
 		<td width='100' align='right' class='small'>
+			<img src='usagebar.php?usage=1' width='102' height='16' title='static dummy data' class='mem_graph'><br>
 			<img src='gfx/icon-memory.png' style='vertical-align: middle;'>
-			<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>
 		</td>
 <!--
 		<td width='100' align='right' class='small'>
@@ -264,16 +385,34 @@
 			<span id='vps_net_usage_txt_UID'>na</span>
 		</td>
 -->
-		<td width='100' align='right' class='small'>
+		<td width='100' align='right' class='small' valign='bottom'>
 			<img src='gfx/icon-disk.png' style='vertical-align: middle;'>
 			<span id='vps_disk_usage_txt_UID'><?php echo format_storage($harddrive_size); ?></span>
 		</td>
 		</tr>
+		
 
 	</table>
 	<!-- MACHINE END -->
 
 <?PHP } ?>
 </td></tr></table>
+
+<ul id="menu">
+	<li><a href="#">Item 1</a></li>
+	<li><a href="#">Item 2</a></li>
+	<li><a href="#">Item 3</a>
+		<ul>
+			<li><a href="#">Item 3-1</a></li>
+			<li><a href="#">Item 3-2</a></li>
+			<li><a href="#">Item 3-3</a></li>
+			<li><a href="#">Item 3-4</a></li>
+			<li><a href="#">Item 3-5</a></li>
+		</ul>
+	</li>
+	<li><a href="#">Item 4</a></li>
+	<li><a href="#">Item 5</a></li>
+</ul>
+
 </body></html>
 
