├── en
    └── welcomeRes.js
├── .gitignore
├── config.json.sample
├── .gitattributes
├── web
    ├── js
    │   ├── directives.js
    │   ├── app.js
    │   ├── filters.js
    │   ├── services.js
    │   ├── vendor
    │   │   └── xml2json.js
    │   └── controllers.js
    ├── partials
    │   ├── vm-list.html
    │   ├── home.html
    │   └── vm.html
    ├── index.html
    └── css
    │   └── app.css
├── encrypt.php
├── README.md
└── proxy.php


/en/welcomeRes.js:
--------------------------------------------------------------------------------
1 | var ID_EESX = "VMware ESXi 5";
2 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .buildpath
2 | .idea
3 | .project
4 | .settings
5 | config.json
6 | tmp
7 | 


--------------------------------------------------------------------------------
/config.json.sample:
--------------------------------------------------------------------------------
1 | {
2 | 	"host" : "",
3 | 	// generate a encrypted string with mob/encrypt.php
4 | 	"username" : "",
5 | 	// generate a encrypted string with mob/encrypt.php
6 | 	"password" : ""
7 | }


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
 1 | *				eol=lf
 2 | 
 3 | *.eot			binary
 4 | *.gif			binary
 5 | *.ico			binary
 6 | *.jpg			binary
 7 | *.phar			binary
 8 | *.png			binary
 9 | *.svg			binary
10 | *.swf			binary
11 | *.ttf			binary
12 | *.woff			binary
13 | 
14 | *.php			diff=php
15 | *.html			diff=html
16 | *.js			diff=js
17 | *.css			diff=css
18 | 


--------------------------------------------------------------------------------
/web/js/directives.js:
--------------------------------------------------------------------------------
 1 | "use strict";
 2 | 
 3 | /* Directives */
 4 | 
 5 | (function(module) {
 6 | 
 7 | 	module.directive("preventDefault", function() {
 8 | 		return function(scope, element, attrs) {
 9 | 			$(element).on("click", function(event) {
10 | 				event.preventDefault();
11 | 			});
12 | 		};
13 | 	});
14 | 
15 | })(angular.module("esxiApp.directives", []));
16 | 


--------------------------------------------------------------------------------
/web/js/app.js:
--------------------------------------------------------------------------------
 1 | "use strict";
 2 | 
 3 | (function(window) {
 4 | 
 5 | 	var depends = [ "ngRoute", "esxiApp.filters", "esxiApp.services", "esxiApp.directives", "esxiApp.controllers" ];
 6 | 	// Declare app level module which depends on filters, and services
 7 | 	var app = angular.module("esxiApp", depends);
 8 | 	app.config([ "$routeProvider", "$compileProvider", function($routeProvider, $compileProvider) {
 9 | 		$routeProvider.when("/", {
10 | 			templateUrl : "partials/home.html",
11 | 			controller : "HomeController"
12 | 		});
13 | 
14 | 		$routeProvider.when("/vm", {
15 | 			templateUrl : "partials/vm-list.html",
16 | 			controller : "VmListController"
17 | 		});
18 | 		$routeProvider.when("/vm/:id", {
19 | 			templateUrl : "partials/vm.html",
20 | 			controller : "VmController"
21 | 		});
22 | 
23 | 		$routeProvider.otherwise({
24 | 			redirectTo : "/"
25 | 		});
26 | 		
27 | 		$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|vmrc):/);
28 | 	} ]);
29 | 
30 | 	// REPLACING BROKEN IMAGES WITH A 1x1 GIF
31 | 	// --------------------------------------------------
32 | 	if (window.addEventListener) {
33 | 		window.addEventListener("error", function(e) {
34 | 			if (e.target.nodeName === "IMG") {
35 | 				e.target.src = "data:image/gif;base64," + "R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
36 | 			}
37 | 		}, true);
38 | 	}
39 | 
40 | })(this);
41 | 


--------------------------------------------------------------------------------
/encrypt.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // Error display for testing environment
 3 | error_reporting(E_ALL);
 4 | ini_set('display_errors', 'On');
 5 | 
 6 | function encrypt($str)
 7 | {
 8 |     // generate the key from a uuid v4
 9 |     # create a random IV to use with CBC encoding
10 |     $iv_size = mcrypt_get_iv_size(MCRYPT_RIJNDAEL_256, MCRYPT_MODE_CBC);
11 |     $iv = mcrypt_create_iv($iv_size, MCRYPT_RAND);
12 |     # creates a cipher text compatible with AES (Rijndael block size = 128)
13 |     $ciphertext = mcrypt_encrypt(MCRYPT_RIJNDAEL_256, md5($_SERVER['HTTP_HOST']), utf8_encode($str), MCRYPT_MODE_CBC, $iv);
14 |     return base64_encode($iv . $ciphertext);
15 | }
16 | 
17 | $generated = false;
18 | if (isset($_POST['hostname'], $_POST['username'], $_POST['password'])) {
19 |     file_put_contents(
20 |         __DIR__ . '/config.json',
21 |         json_encode(
22 |             array(
23 |                 'host' => $_POST['hostname'],
24 |                 'username' => encrypt($_POST['username']),
25 |                 'password' => encrypt($_POST['password']),
26 |             )
27 |         )
28 |     );
29 |     $generated = true;
30 | }
31 | 
32 | ?>
33 | <!doctype html>
34 | <html>
35 | <body>
36 | 
37 | <form method="post">
38 | 
39 | Enter your esxi host and credentials:
40 | <br />
41 | <br />
42 | <code>Hostname: </code><input type="text" name="hostname" style="width: 350px" />
43 | <br />
44 | <code>Username: </code><input type="text" name="username" style="width: 350px" />
45 | <br />
46 | <code>Password: </code><input type="password" name="password" style="width: 350px" />
47 | <br />
48 | <input type="submit" value="Encrypt!" />
49 | 
50 | <?php if ($generated) { ?>
51 | <br />
52 | <br />
53 | <span style="color:#f00;">config.json generated!</span>
54 | <?php } ?>
55 | </form>
56 | </body>
57 | </html>


--------------------------------------------------------------------------------
/web/partials/vm-list.html:
--------------------------------------------------------------------------------
 1 | <div class="vm-list">
 2 | <p>Total Vms: {{totalVms}}</p>
 3 | 
 4 | <table class="table" style="width:100%">
 5 | <thead>
 6 | 	<tr>
 7 | 		<th>Name</th>
 8 | 		<th class="text-center"><span class="hidden-inline-xs">Host </span>CPU</th>
 9 | 		<th class="text-center"><span class="hidden-inline-xs">Guest </span>Mem</th>
10 | 		<th class="hidden-xs hidden-sm text-center">Host Mem</th>
11 | 		<th class="text-center">Disk<span class="hidden-inline-xs"> Space</span></th>
12 | 	</tr>
13 | </thead>
14 | <tbody>
15 | 
16 | </tbody>
17 | <tr data-ng-repeat="vm in vmList | toArray | orderBy:'info.config.name'" class="ng-class:vm.info.runtime.powerState">
18 | 	<td class="no-wrap vm-col-name">
19 | 		<div class="st-fade">
20 | 			<i class="icon icon-desktop ng-class:vm.info.runtime.powerState"></i>
21 | 			<a data-ng-href="#/vm/{{vm.id}}">{{vm.info.config.name || 'Loading...'}}</a>
22 | 		</div>
23 | 	</td>
24 | 	<td class="text-right no-wrap">
25 | 		{{vm.info.quickStats.overallCpuUsage || '0'}} MHz
26 | 	</td>
27 | 	<td class="text-right no-wrap">
28 | 		{{vm.info.quickStats.guestMemoryUsage || '0'}} MB
29 | 	</td>
30 | 	<td class="text-right hidden-xs hidden-sm no-wrap">
31 | 		{{vm.info.quickStats.hostMemoryUsage || '0'}} MB
32 | 	</td>
33 | 	<td class="text-right no-wrap">
34 | 		{{(vm.info.storage.committed | roundSpace:2) || ""}} 
35 | 		<span class="hidden-inline-xs hidden-inline-sm" data-ng-show="vm.info.storage.uncommitted">/ {{(((vm.info.storage.uncommitted * 1) + (vm.info.storage.committed * 1)) | roundSpace:2) || ""}}</span>
36 | 	</td>
37 | </tr>
38 | </tbody>
39 | </table>
40 | <p class="text-right">
41 | 	<a href="" type="button" class="btn btn-primary" data-ng-click="refresh()" data-prevent-default="">
42 | 		<i class="icon-refresh ng-class:{'icon-spin':isRefreshing}"></i> Refresh
43 | 	</a>
44 | </p>
45 | </div>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | esxi-simple-web
 2 | ===============
 3 | 
 4 | Basic controls straight from the esxi host in the browser
 5 | 
 6 | This allows you to run basic operations against the ESXi MOB api from a simple
 7 | web interface straight from the ESXi host without the need for the vCenter web client.
 8 | 
 9 | Inspired by virtuallyGhetto's [Ghetto webAccess for ESXi](http://www.virtuallyghetto.com/2011/12/ghetto-webaccess-for-esxi.html)
10 | 
11 | ## Deprecation Notice
12 | 
13 | This method is now deprecated as ESXi 6+ has a web ui built in now using this fling: [ESXi Embedded Host Client](https://labs.vmware.com/flings/esxi-embedded-host-client)
14 | 
15 | ## Installation & Usage
16 | 
17 | Copy over the web directory to your esxi host with
18 | 
19 | ```bash
20 | scp -r web {ESXi hostname}:/usr/lib/vmware/hostd/docroot/
21 | ```
22 | 
23 | Then navigate to `https://{ESXi hostname}/web/`, accept the certificate error and
24 | enter your username/password for the host.
25 | 
26 | ## Development
27 | 
28 | Requires php >= 5.4.0
29 | 
30 | Start the development server with
31 | 
32 | ```bash
33 | php -S 127.0.0.1:8080 proxy.php
34 | ```
35 | 
36 | In your browser go to `http://localhost:8080/encrypt.php` to generate the config file.
37 | Afterwards go to your browser and visit `http://localhost:8080/web/` and start developing!
38 | 
39 | ## Notes
40 | 
41 | In ESXi 6, the vSphere MOB is disabled by default, this web view requires that it be enabled. virtuallyGhetto
42 | has already solved this issue in [Quick Tip - vSphere MOB is disabled by default in ESXi 6.0](http://www.virtuallyghetto.com/2015/02/quick-tip-vsphere-mob-is-disabled-by-default-in-esxi-6-0.html).
43 | 
44 | In the ESXi shell, enable it with the command:
45 | ```bash
46 | vim-cmd hostsvc/advopt/update Config.HostAgent.plugins.solo.enableMob bool true
47 | ```
48 | 
49 | Verify that it's true with the command:
50 | ```bash
51 | vim-cmd hostsvc/advopt/view Config.HostAgent.plugins.solo.enableMob
52 | ```
53 | 
54 | You can also enable it manually using vsphere by selecting the parent node of the vm tree, configuration tab, click Advanced Settings under Software, expand Config > HostAgent > Plugins > solo > enableMob, and set it to true.
55 | 


--------------------------------------------------------------------------------
/proxy.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | // Error display for testing environment
 3 | error_reporting(E_ALL);
 4 | ini_set('display_errors', 'On');
 5 | 
 6 | // proxy router
 7 | if (file_exists(__DIR__ . '/' . $_SERVER['REQUEST_URI'])) {
 8 |     return false;
 9 | }
10 | 
11 | function decrypt($str)
12 | {
13 |     $ciphertext_dec = base64_decode($str);
14 |     $iv_dec = substr($ciphertext_dec, 0, 32);
15 |     $ciphertext_dec = substr($ciphertext_dec, 32);
16 |     return mcrypt_decrypt(MCRYPT_RIJNDAEL_256, md5($_SERVER['HTTP_HOST']), $ciphertext_dec, MCRYPT_MODE_CBC, $iv_dec);
17 | }
18 | 
19 | $config = json_decode(preg_replace('!^\s*//.+$!m', '', file_get_contents(__DIR__ . '/config.json')), true);
20 | 
21 | $options = array(
22 |     CURLOPT_FOLLOWLOCATION => true,
23 |     CURLOPT_SSL_VERIFYPEER => false,
24 |     CURLOPT_SSL_VERIFYHOST => 0,
25 |     CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_0,
26 |     CURLOPT_RETURNTRANSFER => true,
27 |     CURLOPT_CONNECTTIMEOUT => 5,
28 |     CURLOPT_AUTOREFERER => true,
29 |     CURLOPT_REFERER => '',
30 |     CURLOPT_HEADER => false,
31 |     CURLOPT_FRESH_CONNECT => true,
32 |     CURLOPT_HEADERFUNCTION => function ($curl, $header)
33 |     {
34 |         if (strpos($header, 'Set-Cookie:') === 0
35 |             || strpos($header, 'Content-Type:') === 0
36 |         ) {
37 |             header($header);
38 |         }
39 |         return strlen($header);
40 |     }
41 | );
42 | if ($config['username']) {
43 |     $options[CURLOPT_USERPWD] = trim(decrypt($config['username'])) . ':' . trim(decrypt($config['password']));
44 |     $options[CURLOPT_HTTPAUTH] = CURLAUTH_ANY;
45 | }
46 | 
47 | // initializes this curl object
48 | $curl = curl_init();
49 | $url = 'https://' . $config['host'] . parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
50 | // append get parameters
51 | if ($_GET) {
52 |     $url .= '?' . http_build_query($_GET);
53 | }
54 | $options[CURLOPT_URL] = $url;
55 | if ($_POST) {
56 |     $options[CURLOPT_POST] = true;
57 |     $options[CURLOPT_POSTFIELDS] = http_build_query($_POST);
58 | }
59 | if ($_COOKIE) {
60 |     $options[CURLOPT_COOKIE] = urldecode(http_build_query($_COOKIE, null, '; '));
61 | }
62 | 
63 | // set all options
64 | curl_setopt_array($curl, $options);
65 | // save debugging information
66 | echo curl_exec($curl);
67 | 


--------------------------------------------------------------------------------
/web/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en" data-ng-app="esxiApp">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta name="description" content="Esxi MOB browser">
 6 | 	<meta name="author" content="Wei Kin Huang">
 7 | 	<link rel="shortcut icon" href="favicon.png">
 8 | 
 9 | 	<script>document.write("<title ng-bind=\"title\">Welcome to " + document.location.hostname + "</title>");</script>
10 | 	
11 | 	<!-- fixed viewport -->
12 | 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
13 | 
14 | 	<!-- Bootstrap core CSS -->
15 | 	<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
16 | 	<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" rel="stylesheet">
17 | 	<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
18 | 	<!-- Page styles -->
19 | 	<link href="css/app.css" rel="stylesheet" media="screen">
20 | </head>
21 | 
22 | <body data-ng-cloak="">
23 | 
24 | 	<header class="navbar navbar-inverse navbar-fixed-top" data-ng-controller="NavigationController">
25 | 		<div class="container">
26 | 			<div class="navbar-header">
27 | 				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
28 | 					<span class="icon-bar"></span>
29 | 					<span class="icon-bar"></span>
30 | 					<span class="icon-bar"></span>
31 | 				</button>
32 | 				<a class="navbar-brand" href="#/">ESXi - {{hostname}}</a>
33 | 			</div>
34 | 			<div class="collapse navbar-collapse">
35 | 				<ul class="nav navbar-nav">
36 | 					<li data-ng-repeat="(navUrl, navItem) in navItems"><a href="#{{navUrl}}">{{navItem}}</a></li>
37 | 				</ul>
38 | 			</div><!--/.nav-collapse -->
39 | 		</div>
40 | 	</header>
41 | 
42 | 	<div class="container" role="main">
43 | 		<div data-ng-view=""></div>
44 | 	</div>
45 | 
46 | 	<!-- Bootstrap core JavaScript
47 | 	================================================== -->
48 | 	<!-- Placed at the end of the document so the pages load faster -->
49 | 	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
50 | 	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
51 | 	<!-- Angular js -->
52 | 	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
53 | 	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.min.js"></script>
54 | 	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-touch.min.js"></script>
55 | 	<!-- Include all compiled plugins (below), or include individual files as needed -->
56 | 	<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
57 | 	<script src="js/vendor/xml2json.js"></script>
58 | 	<!-- Include spa scripts -->
59 | 	<script src="../en/welcomeRes.js"></script>
60 | 	<script src="js/app.js"></script>
61 | 	<script src="js/services.js"></script>
62 | 	<script src="js/controllers.js"></script>
63 | 	<script src="js/filters.js"></script>
64 | 	<script src="js/directives.js"></script>
65 | </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/web/js/filters.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | /* Filters */
  4 | (function(module) {
  5 | 
  6 | 	var hasOwn = Object.prototype.hasOwnProperty;
  7 | 	module.filter("toArray", function() {
  8 | 		return function(o) {
  9 | 			if (o === null || typeof o !== "object" || o.length) {
 10 | 				return o;
 11 | 			}
 12 | 			var k = [], i;
 13 | 			for (i in o) {
 14 | 				if (hasOwn.call(o, i)) {
 15 | 					k[k.length] = o[i];
 16 | 				}
 17 | 			}
 18 | 			return k;
 19 | 		};
 20 | 	});
 21 | 
 22 | 	module.filter("timeWords", function() {
 23 | 		var pattern = /\$/g, f = {
 24 | 			s : "less than a minute",
 25 | 			i : "about a minute",
 26 | 			ii : "$ minutes",
 27 | 			h : "about an hour",
 28 | 			hh : "about $ hours",
 29 | 			d : "a day",
 30 | 			dd : "$ days",
 31 | 			m : "about a month",
 32 | 			mm : "$ months",
 33 | 			y : "about a year",
 34 | 			yy : "$ years"
 35 | 		};
 36 | 
 37 | 		return function(distance) {
 38 | 			if (!distance) {
 39 | 				return distance;
 40 | 			}
 41 | 			distance = parseInt(distance, 10) * 1000;
 42 | 			var s = Math.abs(distance) / 1000, m = s / 60, h = m / 60, d = h / 24, y = d / 365;
 43 | 
 44 | 			return s < 45 && f.s.replace(pattern, s) || s < 90 && f.i.replace(pattern, 1) || m < 45 && f.ii.replace(pattern, Math.round(m)) || m < 90 && f.h.replace(pattern, 1) || h < 24 && f.hh.replace(pattern, Math.round(h)) || h < 48
 45 | 					&& f.d.replace(pattern, 1) || d < 30 && f.dd.replace(pattern, Math.floor(d)) || d < 60 && f.m.replace(pattern, 1) || d < 365 && f.mm.replace(pattern, Math.floor(d / 30)) || y < 2 && f.y.replace(pattern, 1)
 46 | 					|| f.yy.replace(pattern, Math.floor(y));
 47 | 		};
 48 | 	});
 49 | 
 50 | 	module.filter("capitalize", function() {
 51 | 		return function(str) {
 52 | 			if (!str) {
 53 | 				return str;
 54 | 			}
 55 | 			return str.charAt(0).toUpperCase() + str.substring(1).toLowerCase();
 56 | 		};
 57 | 	});
 58 | 
 59 | 	module.filter("ucwords", function() {
 60 | 		return function(str) {
 61 | 			if (!str) {
 62 | 				return str;
 63 | 			}
 64 | 			return str.replace(/\b[a-z]/g, function(match) {
 65 | 				return match.toUpperCase();
 66 | 			});
 67 | 		};
 68 | 	});
 69 | 
 70 | 	module.filter("roundMemory", function() {
 71 | 		return function(memory, divisor, precision) {
 72 | 			if (!memory) {
 73 | 				return memory;
 74 | 			}
 75 | 			return (parseInt(memory, 10) / Math.pow(1024, divisor || 0)).toFixed(precision || 0);
 76 | 		};
 77 | 	});
 78 | 
 79 | 	module.filter("roundSpace", function() {
 80 | 		return function(space, decimal) {
 81 | 			if (!space) {
 82 | 				return space;
 83 | 			}
 84 | 			var i = 0, b = parseInt(space, 10);
 85 | 			while ((b / 1024) > 1) {
 86 | 				b /= 1024;
 87 | 				i++;
 88 | 			}
 89 | 			return b.toFixed(decimal === 0 || decimal ? decimal : 2) + " " + [ "B", "KB", "MB", "GB", "TB" ][i];
 90 | 		};
 91 | 	});
 92 | 
 93 | 	module.filter("camelcaseToSpace", function() {
 94 | 		return function(str) {
 95 | 			if (!str) {
 96 | 				return str;
 97 | 			}
 98 | 			return str.split(/(?=[A-Z])/).join(" ").toLowerCase();
 99 | 		};
100 | 	});
101 | 
102 | })(angular.module("esxiApp.filters", []));
103 | 


--------------------------------------------------------------------------------
/web/js/services.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | /* Services */
  4 | 
  5 | (function(module) {
  6 | 
  7 | 	module.value("version", "0.1");
  8 | 
  9 | 	module.value("hostname", document.location.hostname);
 10 | 
 11 | 	module.value("esxiVersionMajor", (/^VMware ESXi (\d+)/.exec(window.ID_EESX) || [])[1] || 0);
 12 | 	module.value("esxiVersionMinor", (/^VMware ESXi \d+\.(\d+)/.exec(window.ID_EESX) || [])[1] || 0);
 13 | 
 14 | 	module.factory("esxApi", function($http) {
 15 | 		function parseXml(xml) {
 16 | 			var dom = null;
 17 | 			if (window.DOMParser) {
 18 | 				try {
 19 | 					dom = (new DOMParser()).parseFromString(xml, "text/xml");
 20 | 				} catch (e) {
 21 | 					dom = null;
 22 | 				}
 23 | 			} else if (window.ActiveXObject) {
 24 | 				try {
 25 | 					dom = new ActiveXObject('Microsoft.XMLDOM');
 26 | 					dom.async = false;
 27 | 					if (!dom.loadXML(xml)) {
 28 | 						// parse error ..
 29 | 						window.alert(dom.parseError.reason + dom.parseError.srcText);
 30 | 					}
 31 | 				} catch (e) {
 32 | 					dom = null;
 33 | 				}
 34 | 			} else {
 35 | 				alert("cannot parse xml string!");
 36 | 			}
 37 | 			return dom;
 38 | 		}
 39 | 
 40 | 		var xmlExtract = /<xml.*?>\s?([\s\S]+?)\s?<\/xml>/;
 41 | 		var htmlExtract = /<body.*?>\s?([\s\S]+?)\s?<\/body>/;
 42 | 
 43 | 		function transformResponse(data) {
 44 | 			var htmlData = ((htmlExtract.exec(data) || [])[1] || "").replace(/(?:<xml[\s\S]+<\/xml>)/, "").replace(/(?:<script[\s\S]+<\/script>)/, "");
 45 | 			var xmlData = (xmlExtract.exec(data) || [])[1];
 46 | 			var returnObj = {};
 47 | 			if (xmlData) {
 48 | 				// sometimes attribute "type" is redefined
 49 | 				xmlData = xmlData.replace(/xsi:/g, "").replace(/(type="[^"]+".+?)type="[^"]+"/g, "$1");
 50 | 				try {
 51 | 					var xml = parseXml(xmlData);
 52 | 					var jsonStr = xml2json(xml).replace(/{\sundefined/, "{");
 53 | 					var jsonObj = JSON.parse(jsonStr) || {};
 54 | 					returnObj = jsonObj.object || jsonObj;
 55 | 				} catch (e) {
 56 | 					console.log(e.message);
 57 | 				}
 58 | 			}
 59 | 			returnObj.html = $("<div>").html(htmlData);
 60 | 			return returnObj;
 61 | 		}
 62 | 
 63 | 		return {
 64 | 			get : function(params) {
 65 | 				return $http({
 66 | 					url : "/mob/?" + $.param(params || {}),
 67 | 					method : "get"
 68 | 				}).then(function(resp) {
 69 | 					return transformResponse(resp.data);
 70 | 				});
 71 | 			},
 72 | 			post : function(params, data) {
 73 | 				return $http({
 74 | 					url : "/mob/?" + $.param(params || {}),
 75 | 					method : "get"
 76 | 				}).then(function(resp) {
 77 | 					data = data || {};
 78 | 					var nonce = transformResponse(resp.data).html.find(":input[name='vmware-session-nonce']").val();
 79 | 					if (nonce) {
 80 | 						data["vmware-session-nonce"] = nonce;
 81 | 					}
 82 | 					if (!nonce) {
 83 | 						return;
 84 | 					}
 85 | 					return $http({
 86 | 						url : "/mob/?" + $.param(params || {}),
 87 | 						method : "post",
 88 | 						data : $.param(data),
 89 | 						headers : {
 90 | 							'Content-Type' : 'application/x-www-form-urlencoded'
 91 | 						}
 92 | 					}).then(function(postResp) {
 93 | 						return transformResponse(resp.data);
 94 | 					});
 95 | 				});
 96 | 			}
 97 | 		};
 98 | 	});
 99 | 
100 | })(angular.module("esxiApp.services", []));
101 | 


--------------------------------------------------------------------------------
/web/partials/home.html:
--------------------------------------------------------------------------------
  1 | <h3>
  2 | 	{{host.summary.config.name || "Loading..."}}
  3 | 	<small data-ng-show="host.summary.config.product.name">
  4 | 		{{host.summary.config.product.name}} {{host.summary.config.product.version}}, {{host.summary.config.product.build}}
  5 | 	</small>
  6 | </h3>
  7 | <div>
  8 | 	<h4>Resources</h4>
  9 | 	<div class="container clearfix">
 10 | 		<div class="row">
 11 | 			<div class="col-md-12">
 12 | 				Uptime
 13 | 				<strong>{{host.summary.quickStats.uptime | timeWords}}</strong>
 14 | 				<small>Since {{host.summary.runtime.bootTime | date:"medium"}}</small>
 15 | 			</div>
 16 | 		</div>
 17 | 		<div class="row">
 18 | 			<div class="col-md-12">
 19 | 				Cpu: <strong>{{host.summary.quickStats.overallCpuUsage}} MHz</strong> / {{host.summary.hardware.numCpuCores}} x {{host.summary.hardware.cpuMhz}} MHz
 20 | 			</div>
 21 | 		</div>
 22 | 		<div class="row">
 23 | 			<div class="col-md-12">
 24 | 				<div class="progress">
 25 | 					<div class="progress-bar"
 26 | 						role="progressbar"
 27 | 						aria-valuenow="{{cpuPercent}}"
 28 | 						aria-valuemin="0"
 29 | 						aria-valuemax="100"
 30 | 						style="width: {{cpuPercent}}%"
 31 | 					></div>
 32 | 				</div>
 33 | 			</div>
 34 | 		</div>
 35 | 		<div class="row">
 36 | 			<div class="col-md-12">
 37 | 				Memory: <strong>{{host.summary.quickStats.overallMemoryUsage | roundMemory}} MB</strong> / {{host.summary.hardware.memorySize | roundMemory:2}} MB
 38 | 			</div>
 39 | 		</div>
 40 | 		<div class="row">
 41 | 			<div class="col-md-12">
 42 | 				<div class="progress">
 43 | 					<div class="progress-bar"
 44 | 						role="progressbar"
 45 | 						aria-valuenow="{{memPercent}}"
 46 | 						aria-valuemin="0"
 47 | 						aria-valuemax="100"
 48 | 						style="width: {{memPercent}}%;"
 49 | 					></div>
 50 | 				</div>
 51 | 			</div>
 52 | 		</div>
 53 | 		<div class="row">
 54 | 			<strong>Storage: {{host.datastore.ManagedObjectReference.length}} Datastore(s)</strong>
 55 | 		</div>
 56 | 		<div class="row" data-ng-repeat="datastore in datastores | toArray | orderBy:'summary.name'">
 57 | 			<div class="col-md-3">
 58 | 				<strong><a href="/folder?dcPath=ha-datacenter&dsName={{datastore.summary.name}}" target="_blank">{{datastore.summary.name}}</a></strong>
 59 | 			</div>
 60 | 			<div class="col-md-1">{{datastore.info.vmfs.ssd == "true" ? "SSD" : "Non-SSD"}}</div>
 61 | 			<div class="col-md-4 text-right">{{datastore.summary.freeSpace | roundSpace}} Free / {{datastore.summary.capacity | roundSpace}} Total</div>
 62 | 			<div class="col-md-2 text-right">{{datastore.vm.ManagedObjectReference.length || 0}} VMs</div>
 63 | 			<div class="col-md-2">
 64 | 				<div class="progress">
 65 | 					<div class="progress-bar"
 66 | 						role="progressbar"
 67 | 						aria-valuenow="{{((datastore.summary.capacity - datastore.summary.freeSpace) / datastore.summary.capacity) * 100}}"
 68 | 						aria-valuemin="0"
 69 | 						aria-valuemax="100"
 70 | 						style="width: {{((datastore.summary.capacity - datastore.summary.freeSpace) / datastore.summary.capacity) * 100}}%;"
 71 | 					></div>
 72 | 				</div>
 73 | 			</div>
 74 | 		</div>
 75 | 		<div class="row">
 76 | 			<strong>Network: {{host.network.ManagedObjectReference.length}} Network(s)</strong>
 77 | 		</div>
 78 | 		<div class="row" data-ng-repeat="network in networks | toArray | orderBy:'summary.name'">
 79 | 			<div class="col-md-8"><strong>{{network.summary.name}}</strong></div>
 80 | 			<div class="col-md-2 text-right" data-ng-show="network.summary.name">{{network.vm.ManagedObjectReference.length || 0}} VMs</div>
 81 | 		</div>
 82 | 	</div>
 83 | </div>
 84 | <div class="row">
 85 | 	<div class="col-md-12 text-right">
 86 | 		<a href="" class="btn btn-primary" data-ng-click="refresh()" data-prevent-default="">
 87 | 			<i class="icon-refresh ng-class:{'icon-spin':isRefreshing}"></i> Refresh
 88 | 		</a>
 89 | 	</div>
 90 | </div>
 91 | <div>
 92 | 	<h4>General</h4>
 93 | 	<div class="container clearfix">
 94 | 		<div class="row">
 95 | 			<div class="col-md-3"><strong>Manufacturer</strong></div>
 96 | 			<div class="col-md-9">{{host.summary.hardware.vendor || ""}}</div>
 97 | 		</div>
 98 | 		<div class="row">
 99 | 			<div class="col-md-3"><strong>Model</strong></div>
100 | 			<div class="col-md-9">{{host.summary.hardware.model || ""}}</div>
101 | 		</div>
102 | 		<div class="row">
103 | 			<div class="col-md-3"><strong>CPU Cores</strong></div>
104 | 			<div class="col-md-9">{{host.summary.hardware.numCpuCores}} CPUs x {{host.summary.hardware.cpuMhz}} MHz</div>
105 | 		</div>
106 | 		<div class="row">
107 | 			<div class="col-md-3"><strong>Processor Type</strong></div>
108 | 			<div class="col-md-9">{{host.summary.hardware.cpuModel}}</div>
109 | 		</div>
110 | 		<div class="row">
111 | 			<div class="col-md-3"><strong>Processor Sockets</strong></div>
112 | 			<div class="col-md-9">{{host.summary.hardware.numCpuPkgs}}</div>
113 | 		</div>
114 | 		<div class="row">
115 | 			<div class="col-md-3"><strong>Cores per Socket</strong></div>
116 | 			<div class="col-md-9">{{host.summary.hardware.numCpuCores / host.summary.hardware.numCpuPkgs}}</div>
117 | 		</div>
118 | 		<div class="row">
119 | 			<div class="col-md-3"><strong>Logical Processors</strong></div>
120 | 			<div class="col-md-9">{{host.summary.hardware.numCpuThreads}}</div>
121 | 		</div>
122 | 		<!--
123 | 		<div class="row">
124 | 			<div class="col-md-3"><strong>Hyperthreading</strong></div>
125 | 			<div class="col-md-9"></div>
126 | 		</div>
127 | 		-->
128 | 		<div class="row">
129 | 			<div class="col-md-3"><strong>Number of NICs</strong></div>
130 | 			<div class="col-md-9">{{host.summary.hardware.numNics}}</div>
131 | 		</div>
132 | 		<div class="row">
133 | 			<div class="col-md-3"><strong>State</strong></div>
134 | 			<div class="col-md-9">{{host.summary.runtime.connectionState | camelcaseToSpace | ucwords}}</div>
135 | 		</div>
136 | 		<div class="row">
137 | 			<div class="col-md-3"><strong>VMs and Templates</strong></div>
138 | 			<div class="col-md-9">{{host.vm.ManagedObjectReference.length}}</div>
139 | 		</div>
140 | 		<div class="row">
141 | 			<div class="col-md-3"><strong>vMotion Enabled</strong></div>
142 | 			<div class="col-md-9">{{host.summary.config.vmotionEnabled == "true" ? "Yes" : "No"}}</div>
143 | 		</div>
144 | 		<div class="row">
145 | 			<div class="col-md-3"><strong>Host Config for FT</strong></div>
146 | 			<div class="col-md-9">{{host.summary.config.faultToleranceEnabled == "true" ? "Yes" : "No"}}</div>
147 | 		</div>
148 | 	</div>
149 | </div>
150 | 


--------------------------------------------------------------------------------
/web/js/vendor/xml2json.js:
--------------------------------------------------------------------------------
  1 | /*	This work is licensed under Creative Commons GNU LGPL License.
  2 | 
  3 | 	License: http://creativecommons.org/licenses/LGPL/2.1/
  4 |    Version: 0.9
  5 | 	Author:  Stefan Goessner/2006
  6 | 	Web:     http://goessner.net/ 
  7 | */
  8 | function xml2json(xml, tab) {
  9 |    var X = {
 10 |       toObj: function(xml) {
 11 |          var o = {};
 12 |          if (xml.nodeType==1) {   // element node ..
 13 |             if (xml.attributes.length)   // element with attributes  ..
 14 |                for (var i=0; i<xml.attributes.length; i++)
 15 |                   o["@"+xml.attributes[i].nodeName] = (xml.attributes[i].nodeValue||"").toString();
 16 |             if (xml.firstChild) { // element has child nodes ..
 17 |                var textChild=0, cdataChild=0, hasElementChild=false;
 18 |                for (var n=xml.firstChild; n; n=n.nextSibling) {
 19 |                   if (n.nodeType==1) hasElementChild = true;
 20 |                   else if (n.nodeType==3 && n.nodeValue.match(/[^ \f\n\r\t\v]/)) textChild++; // non-whitespace text
 21 |                   else if (n.nodeType==4) cdataChild++; // cdata section node
 22 |                }
 23 |                if (hasElementChild) {
 24 |                   if (textChild < 2 && cdataChild < 2) { // structured element with evtl. a single text or/and cdata node ..
 25 |                      X.removeWhite(xml);
 26 |                      for (var n=xml.firstChild; n; n=n.nextSibling) {
 27 |                         if (n.nodeType == 3)  // text node
 28 |                            o["#text"] = X.escape(n.nodeValue);
 29 |                         else if (n.nodeType == 4)  // cdata node
 30 |                            o["#cdata"] = X.escape(n.nodeValue);
 31 |                         else if (o[n.nodeName]) {  // multiple occurence of element ..
 32 |                            if (o[n.nodeName] instanceof Array)
 33 |                               o[n.nodeName][o[n.nodeName].length] = X.toObj(n);
 34 |                            else
 35 |                               o[n.nodeName] = [o[n.nodeName], X.toObj(n)];
 36 |                         }
 37 |                         else  // first occurence of element..
 38 |                            o[n.nodeName] = X.toObj(n);
 39 |                      }
 40 |                   }
 41 |                   else { // mixed content
 42 |                      if (!xml.attributes.length)
 43 |                         o = X.escape(X.innerXml(xml));
 44 |                      else
 45 |                         o["#text"] = X.escape(X.innerXml(xml));
 46 |                   }
 47 |                }
 48 |                else if (textChild) { // pure text
 49 |                   if (!xml.attributes.length)
 50 |                      o = X.escape(X.innerXml(xml));
 51 |                   else
 52 |                      o["#text"] = X.escape(X.innerXml(xml));
 53 |                }
 54 |                else if (cdataChild) { // cdata
 55 |                   if (cdataChild > 1)
 56 |                      o = X.escape(X.innerXml(xml));
 57 |                   else
 58 |                      for (var n=xml.firstChild; n; n=n.nextSibling)
 59 |                         o["#cdata"] = X.escape(n.nodeValue);
 60 |                }
 61 |             }
 62 |             if (!xml.attributes.length && !xml.firstChild) o = null;
 63 |          }
 64 |          else if (xml.nodeType==9) { // document.node
 65 |             o = X.toObj(xml.documentElement);
 66 |          }
 67 |          else
 68 |             alert("unhandled node type: " + xml.nodeType);
 69 |          return o;
 70 |       },
 71 |       toJson: function(o, name, ind) {
 72 |          var json = name ? ("\""+name+"\"") : "";
 73 |          if (o instanceof Array) {
 74 |             for (var i=0,n=o.length; i<n; i++)
 75 |                o[i] = X.toJson(o[i], "", ind+"\t");
 76 |             json += (name?":[":"[") + (o.length > 1 ? ("\n"+ind+"\t"+o.join(",\n"+ind+"\t")+"\n"+ind) : o.join("")) + "]";
 77 |          }
 78 |          else if (o == null)
 79 |             json += (name&&":") + "null";
 80 |          else if (typeof(o) == "object") {
 81 |             var arr = [];
 82 |             for (var m in o)
 83 |                arr[arr.length] = X.toJson(o[m], m, ind+"\t");
 84 |             json += (name?":{":"{") + (arr.length > 1 ? ("\n"+ind+"\t"+arr.join(",\n"+ind+"\t")+"\n"+ind) : arr.join("")) + "}";
 85 |          }
 86 |          else if (typeof(o) == "string")
 87 |             json += (name&&":") + "\"" + o.toString() + "\"";
 88 |          else
 89 |             json += (name&&":") + o.toString();
 90 |          return json;
 91 |       },
 92 |       innerXml: function(node) {
 93 |          var s = ""
 94 |          if ("innerHTML" in node)
 95 |             s = node.innerHTML;
 96 |          else {
 97 |             var asXml = function(n) {
 98 |                var s = "";
 99 |                if (n.nodeType == 1) {
100 |                   s += "<" + n.nodeName;
101 |                   for (var i=0; i<n.attributes.length;i++)
102 |                      s += " " + n.attributes[i].nodeName + "=\"" + (n.attributes[i].nodeValue||"").toString() + "\"";
103 |                   if (n.firstChild) {
104 |                      s += ">";
105 |                      for (var c=n.firstChild; c; c=c.nextSibling)
106 |                         s += asXml(c);
107 |                      s += "</"+n.nodeName+">";
108 |                   }
109 |                   else
110 |                      s += "/>";
111 |                }
112 |                else if (n.nodeType == 3)
113 |                   s += n.nodeValue;
114 |                else if (n.nodeType == 4)
115 |                   s += "<![CDATA[" + n.nodeValue + "]]>";
116 |                return s;
117 |             };
118 |             for (var c=node.firstChild; c; c=c.nextSibling)
119 |                s += asXml(c);
120 |          }
121 |          return s;
122 |       },
123 |       escape: function(txt) {
124 |          return txt.replace(/[\\]/g, "\\\\")
125 |                    .replace(/[\"]/g, '\\"')
126 |                    .replace(/[\n]/g, '\\n')
127 |                    .replace(/[\r]/g, '\\r');
128 |       },
129 |       removeWhite: function(e) {
130 |          e.normalize();
131 |          for (var n = e.firstChild; n; ) {
132 |             if (n.nodeType == 3) {  // text node
133 |                if (!n.nodeValue.match(/[^ \f\n\r\t\v]/)) { // pure whitespace text node
134 |                   var nxt = n.nextSibling;
135 |                   e.removeChild(n);
136 |                   n = nxt;
137 |                }
138 |                else
139 |                   n = n.nextSibling;
140 |             }
141 |             else if (n.nodeType == 1) {  // element node
142 |                X.removeWhite(n);
143 |                n = n.nextSibling;
144 |             }
145 |             else                      // any other node
146 |                n = n.nextSibling;
147 |          }
148 |          return e;
149 |       }
150 |    };
151 |    if (xml.nodeType == 9) // document node
152 |       xml = xml.documentElement;
153 |    var json = X.toJson(X.toObj(X.removeWhite(xml)), xml.nodeName, "\t");
154 |    return "{\n" + tab + (tab ? json.replace(/\t/g, tab) : json.replace(/\t|\n/g, "")) + "\n}";
155 | }
156 | 


--------------------------------------------------------------------------------
/web/css/app.css:
--------------------------------------------------------------------------------
  1 | /****************************************************************
  2 |  * Angular directives
  3 |  ****************************************************************/
  4 | [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  5 |   display: none !important;
  6 | }
  7 | /****************************************************************
  8 |  * Bootstrap overrides
  9 |  ****************************************************************/
 10 | [role="main"] {
 11 | 	margin-top: 60px;
 12 | }
 13 | .container {
 14 | 	max-width: none !important;
 15 | }
 16 | .no-wrap {
 17 | 	white-space: nowrap;
 18 | }
 19 | 
 20 | .container [class^="col-"] {
 21 | 	padding-top: 4px;
 22 | 	padding-bottom: 4px;
 23 | }
 24 | .container .row {
 25 | 	padding-bottom: 4px;
 26 | }
 27 | .progress {
 28 | 	margin-bottom: 0;
 29 | }
 30 | 
 31 | @media (max-width: 767px) {
 32 |   .hidden-inline-xs {
 33 |     display: none !important;
 34 |   }
 35 |   tr.hidden-inline-xs {
 36 |     display: none !important;
 37 |   }
 38 |   th.hidden-inline-xs,
 39 |   td.hidden-inline-xs {
 40 |     display: none !important;
 41 |   }
 42 | }
 43 | 
 44 | @media (min-width: 768px) and (max-width: 991px) {
 45 |   .hidden-inline-xs.hidden-inline-sm {
 46 |     display: none !important;
 47 |   }
 48 |   tr.hidden-inline-xs.hidden-inline-sm {
 49 |     display: none !important;
 50 |   }
 51 |   th.hidden-inline-xs.hidden-inline-sm,
 52 |   td.hidden-inline-xs.hidden-inline-sm {
 53 |     display: none !important;
 54 |   }
 55 | }
 56 | 
 57 | @media (min-width: 992px) and (max-width: 1199px) {
 58 |   .hidden-inline-xs.hidden-inline-md {
 59 |     display: none !important;
 60 |   }
 61 |   tr.hidden-inline-xs.hidden-inline-md {
 62 |     display: none !important;
 63 |   }
 64 |   th.hidden-inline-xs.hidden-inline-md,
 65 |   td.hidden-inline-xs.hidden-inline-md {
 66 |     display: none !important;
 67 |   }
 68 | }
 69 | 
 70 | @media (min-width: 1200px) {
 71 |   .hidden-inline-xs.hidden-inline-lg {
 72 |     display: none !important;
 73 |   }
 74 |   tr.hidden-inline-xs.hidden-inline-lg {
 75 |     display: none !important;
 76 |   }
 77 |   th.hidden-inline-xs.hidden-inline-lg,
 78 |   td.hidden-inline-xs.hidden-inline-lg {
 79 |     display: none !important;
 80 |   }
 81 | }
 82 | 
 83 | @media (max-width: 767px) {
 84 |   .hidden-inline-sm.hidden-inline-xs {
 85 |     display: none !important;
 86 |   }
 87 |   tr.hidden-inline-sm.hidden-inline-xs {
 88 |     display: none !important;
 89 |   }
 90 |   th.hidden-inline-sm.hidden-inline-xs,
 91 |   td.hidden-inline-sm.hidden-inline-xs {
 92 |     display: none !important;
 93 |   }
 94 | }
 95 | 
 96 | @media (min-width: 768px) and (max-width: 991px) {
 97 |   .hidden-inline-sm {
 98 |     display: none !important;
 99 |   }
100 |   tr.hidden-inline-sm {
101 |     display: none !important;
102 |   }
103 |   th.hidden-inline-sm,
104 |   td.hidden-inline-sm {
105 |     display: none !important;
106 |   }
107 | }
108 | 
109 | @media (min-width: 992px) and (max-width: 1199px) {
110 |   .hidden-inline-sm.hidden-inline-md {
111 |     display: none !important;
112 |   }
113 |   tr.hidden-inline-sm.hidden-inline-md {
114 |     display: none !important;
115 |   }
116 |   th.hidden-inline-sm.hidden-inline-md,
117 |   td.hidden-inline-sm.hidden-inline-md {
118 |     display: none !important;
119 |   }
120 | }
121 | 
122 | @media (min-width: 1200px) {
123 |   .hidden-inline-sm.hidden-inline-lg {
124 |     display: none !important;
125 |   }
126 |   tr.hidden-inline-sm.hidden-inline-lg {
127 |     display: none !important;
128 |   }
129 |   th.hidden-inline-sm.hidden-inline-lg,
130 |   td.hidden-inline-sm.hidden-inline-lg {
131 |     display: none !important;
132 |   }
133 | }
134 | 
135 | @media (max-width: 767px) {
136 |   .hidden-inline-md.hidden-inline-xs {
137 |     display: none !important;
138 |   }
139 |   tr.hidden-inline-md.hidden-inline-xs {
140 |     display: none !important;
141 |   }
142 |   th.hidden-inline-md.hidden-inline-xs,
143 |   td.hidden-inline-md.hidden-inline-xs {
144 |     display: none !important;
145 |   }
146 | }
147 | 
148 | @media (min-width: 768px) and (max-width: 991px) {
149 |   .hidden-inline-md.hidden-inline-sm {
150 |     display: none !important;
151 |   }
152 |   tr.hidden-inline-md.hidden-inline-sm {
153 |     display: none !important;
154 |   }
155 |   th.hidden-inline-md.hidden-inline-sm,
156 |   td.hidden-inline-md.hidden-inline-sm {
157 |     display: none !important;
158 |   }
159 | }
160 | 
161 | @media (min-width: 992px) and (max-width: 1199px) {
162 |   .hidden-inline-md {
163 |     display: none !important;
164 |   }
165 |   tr.hidden-inline-md {
166 |     display: none !important;
167 |   }
168 |   th.hidden-inline-md,
169 |   td.hidden-inline-md {
170 |     display: none !important;
171 |   }
172 | }
173 | 
174 | @media (min-width: 1200px) {
175 |   .hidden-inline-md.hidden-inline-lg {
176 |     display: none !important;
177 |   }
178 |   tr.hidden-inline-md.hidden-inline-lg {
179 |     display: none !important;
180 |   }
181 |   th.hidden-inline-md.hidden-inline-lg,
182 |   td.hidden-inline-md.hidden-inline-lg {
183 |     display: none !important;
184 |   }
185 | }
186 | 
187 | @media (max-width: 767px) {
188 |   .hidden-inline-lg.hidden-inline-xs {
189 |     display: none !important;
190 |   }
191 |   tr.hidden-inline-lg.hidden-inline-xs {
192 |     display: none !important;
193 |   }
194 |   th.hidden-inline-lg.hidden-inline-xs,
195 |   td.hidden-inline-lg.hidden-inline-xs {
196 |     display: none !important;
197 |   }
198 | }
199 | 
200 | @media (min-width: 768px) and (max-width: 991px) {
201 |   .hidden-inline-lg.hidden-inline-sm {
202 |     display: none !important;
203 |   }
204 |   tr.hidden-inline-lg.hidden-inline-sm {
205 |     display: none !important;
206 |   }
207 |   th.hidden-inline-lg.hidden-inline-sm,
208 |   td.hidden-inline-lg.hidden-inline-sm {
209 |     display: none !important;
210 |   }
211 | }
212 | 
213 | @media (min-width: 992px) and (max-width: 1199px) {
214 |   .hidden-inline-lg.hidden-inline-md {
215 |     display: none !important;
216 |   }
217 |   tr.hidden-inline-lg.hidden-inline-md {
218 |     display: none !important;
219 |   }
220 |   th.hidden-inline-lg.hidden-inline-md,
221 |   td.hidden-inline-lg.hidden-inline-md {
222 |     display: none !important;
223 |   }
224 | }
225 | 
226 | @media (min-width: 1200px) {
227 |   .hidden-inline-lg {
228 |     display: none !important;
229 |   }
230 |   tr.hidden-inline-lg {
231 |     display: none !important;
232 |   }
233 |   th.hidden-inline-lg,
234 |   td.hidden-inline-lg {
235 |     display: none !important;
236 |   }
237 | }
238 | 
239 | /****************************************
240 | 	Special Fade Effect Overflow Column
241 | ****************************************/
242 | .table tbody tr .st-fade {
243 | 	float: left;
244 | 	width: 99%;
245 | 	overflow: hidden;
246 | 	white-space: nowrap;
247 | 	display: block;
248 |     text-overflow:ellipsis;
249 | 	position:relative;
250 | }
251 | 
252 | /****************************************
253 | 	Special Fade Effect Overflow Column
254 | ****************************************/
255 | @media (max-width: 767px) {
256 | 	.vm-col-name {
257 | 		width: 125px;
258 | 		max-width: 125px;
259 | 	}
260 | }
261 | 
262 | .vm-list .vm-col-power a:hover {
263 | 	text-decoration: none !important;
264 | }
265 | 
266 | .vm-list .vm-col-power .icon {
267 | 	padding-right: 4px;
268 | }
269 | 
270 | 
271 | .icon.poweredOn {
272 | 	color: #00974d;
273 | }
274 | .icon.poweredOff {
275 | 	color: #f00;
276 | }
277 | .icon.suspended {
278 | 	color: #f6da3c;
279 | }
280 | 
281 | .power-actions .btn {
282 | 	margin-bottom: 4px;
283 | }
284 | 
285 | .screenshot-wrapper {
286 | 	text-align: center;
287 | 	vertical-align: center;
288 | 	overflow: hidden;
289 | 	max-height: 75px;
290 | 	min-height: 75px;
291 | 	-moz-transition: max-height 0.5s cubic-bezier(0,1.12,.39,.98);
292 | 	-ms-transition: max-height 0.5s cubic-bezier(0,1.12,.39,.98);
293 | 	-o-transition: max-height 0.5s cubic-bezier(0,1.12,.39,.98);
294 | 	-webkit-transition: max-height 0.5s cubic-bezier(0,1.12,.39,.98);
295 | 	transition: max-height 0.5s cubic-bezier(0,1.12,.39,.98);
296 | }
297 | .screenshot-wrapper:hover {
298 | 	max-height: 100000px;
299 | }
300 | .screenshot-wrapper img {
301 | 	width: 100%;
302 | }
303 | 


--------------------------------------------------------------------------------
/web/partials/vm.html:
--------------------------------------------------------------------------------
  1 | <h3>
  2 | 	<i class="icon icon-desktop {{info.runtime.powerState}}"></i> {{info.config.name || 'Loading...'}}
  3 | </h3>
  4 | <!--div class="row">
  5 | 	<div class="screenshot-wrapper">
  6 | 		<img data-ng-src="/screen?id={{id}}&time={{refreshtime}}" data-ng-if="info.runtime.powerState == 'poweredOn'" />
  7 | 	</div>
  8 | </div-->
  9 | <div class="row">
 10 | 	<div class="col-md-12">
 11 | 		<h4>State: {{info.runtime.powerState | camelcaseToSpace | ucwords}}</h4>
 12 | 	</div>
 13 | </div>
 14 | <div class="row">
 15 | 	<div class="col-md-10 power-actions">
 16 | 		<a href="" class="btn btn-success" data-ng-if="info.runtime.powerState && info.runtime.powerState != 'poweredOn'" data-ng-click="powerOn(info)" data-prevent-default="">
 17 | 			<i class="icon-play"></i> Power On
 18 | 		</a>
 19 | 		<a href="" class="btn btn-warning" data-ng-if="info.runtime.powerState && info.runtime.powerState == 'poweredOn'" data-ng-click="shutdownGuest(info)"data-prevent-default="">
 20 | 			<i class="icon-stop"></i> Shutdown Guest
 21 | 		</a>
 22 | 		<a href="" class="btn btn-info" data-ng-if="info.runtime.powerState && info.runtime.powerState == 'poweredOn'" data-ng-click="rebootGuest(info)"data-prevent-default="">
 23 | 			<i class="icon-repeat"></i> Reboot Guest
 24 | 		</a>
 25 | 		<a href="" class="btn btn-danger" data-ng-if="info.runtime.powerState && info.runtime.powerState == 'poweredOn'" data-ng-click="powerOff(info)"data-prevent-default="">
 26 | 			<i class="icon-power-off"></i> Power Off
 27 | 		</a>
 28 | 		<a href="vmrc://{{hostname}}/?moid={{id}}" class="btn btn-primary" data-ng-if="info.runtime.powerState && info.runtime.powerState == 'poweredOn'">
 29 | 			<i class="glyphicon glyphicon-new-window"></i> Open Console
 30 | 		</a>
 31 | 	</div>
 32 | 	<div class="col-md-2 text-right">
 33 | 		<a href="" class="btn btn-primary" data-ng-click="refresh()" data-prevent-default="">
 34 | 			<i class="icon-refresh ng-class:{'icon-spin':isRefreshing}"></i> Refresh
 35 | 		</a>
 36 | 	</div>
 37 | </div>
 38 | <div>
 39 | 	<h4>Resources</h4>
 40 | 	<div class="container clearfix">
 41 | 		<div class="row">
 42 | 			<div class="col-md-12">
 43 | 				Uptime
 44 | 				<strong>{{info.summary.quickStats.uptimeSeconds | timeWords}}</strong>
 45 | 				<small>Since {{info.summary.runtime.bootTime | date:"medium"}}</small>
 46 | 			</div>
 47 | 		</div>
 48 | 		<div class="row">
 49 | 			<div class="col-md-12">
 50 | 				Cpu: <strong>{{info.summary.quickStats.overallCpuUsage}} MHz</strong>
 51 | 			</div>
 52 | 		</div>
 53 | 		<div class="row">
 54 | 			<div class="col-md-12">
 55 | 				<div class="progress">
 56 | 					<div class="progress-bar"
 57 | 						role="progressbar"
 58 | 						aria-valuenow="{{cpuPercent}}"
 59 | 						aria-valuemin="0"
 60 | 						aria-valuemax="100"
 61 | 						style="width: {{cpuPercent}}%"
 62 | 					></div>
 63 | 				</div>
 64 | 			</div>
 65 | 		</div>
 66 | 		<div class="row">
 67 | 			<div class="col-md-12">
 68 | 				Memory: <strong>{{info.summary.quickStats.guestMemoryUsage | roundMemory}} MB</strong> / {{info.summary.runtime.maxMemoryUsage | roundMemory}} MB
 69 | 				<br />
 70 | 				Consumed Host Mem: <strong>{{info.summary.quickStats.hostMemoryUsage}} MB</strong>
 71 | 			</div>
 72 | 		</div>
 73 | 		<div class="row">
 74 | 			<div class="col-md-12">
 75 | 				<div class="progress">
 76 | 					<div class="progress-bar"
 77 | 						role="progressbar"
 78 | 						aria-valuenow="{{memPercent}}"
 79 | 						aria-valuemin="0"
 80 | 						aria-valuemax="100"
 81 | 						style="width: {{memPercent}}%;"
 82 | 					></div>
 83 | 				</div>
 84 | 			</div>
 85 | 		</div>
 86 | 		
 87 | 		<div class="row">
 88 | 			<strong>{{info.guest.disk.length || 0}} Mount(s)</strong>
 89 | 		</div>
 90 | 		<div class="row">
 91 | 			<div class="col-md-3">Provisioned Storage</div>
 92 | 			<div class="col-md-9"><strong>{{info.summary.storage.provisioned | roundSpace}}</strong></div>
 93 | 		</div>
 94 | 		<div class="row">
 95 | 			<div class="col-md-3">Non-shared Storage</div>
 96 | 			<div class="col-md-9"><strong>{{info.summary.storage.unshared | roundSpace}}</strong></div>
 97 | 		</div>
 98 | 		<div class="row">
 99 | 			<div class="col-md-3">Used Storage</div>
100 | 			<div class="col-md-9"><strong>{{info.summary.storage.committed | roundSpace}}</strong></div>
101 | 		</div>
102 | 		<div class="row" data-ng-repeat="disk in info.guest.disk">
103 | 			<div class="col-md-4">
104 | 				<strong>{{disk.diskPath}}</strong>
105 | 			</div>
106 | 			<div class="col-md-4 text-right">{{disk.freeSpace | roundSpace}} Free / {{disk.capacity | roundSpace}} Total</div>
107 | 			<div class="col-md-2 col-md-offset-2">
108 | 				<div class="progress">
109 | 					<div class="progress-bar"
110 | 						role="progressbar"
111 | 						aria-valuenow="{{((disk.capacity - disk.freeSpace) / disk.capacity) * 100}}"
112 | 						aria-valuemin="0"
113 | 						aria-valuemax="100"
114 | 						style="width: {{((disk.capacity - disk.freeSpace) / disk.capacity) * 100}}%;"
115 | 					></div>
116 | 				</div>
117 | 			</div>
118 | 		</div>
119 | 
120 | 		<div class="row">
121 | 			<strong>Storage: {{info.datastore.ManagedObjectReference.length || 1}} Datastore(s)</strong>
122 | 		</div>
123 | 		<div class="row" data-ng-repeat="datastore in datastores | toArray | orderBy:'summary.name'">
124 | 			<div class="col-md-3">
125 | 				<strong><a href="/folder?dcPath=ha-datacenter&dsName={{datastore.summary.name}}" target="_blank">{{datastore.summary.name}}</a></strong>
126 | 			</div>
127 | 			<div class="col-md-1">{{datastore.info.vmfs.ssd == "true" ? "SSD" : "Non-SSD"}}</div>
128 | 			<div class="col-md-4 text-right">{{datastore.summary.freeSpace | roundSpace}} Free / {{datastore.summary.capacity | roundSpace}} Total</div>
129 | 			<div class="col-md-2 text-right">{{datastore.vm.ManagedObjectReference.length || 0}} VMs</div>
130 | 			<div class="col-md-2">
131 | 				<div class="progress">
132 | 					<div class="progress-bar"
133 | 						role="progressbar"
134 | 						aria-valuenow="{{((datastore.summary.capacity - datastore.summary.freeSpace) / datastore.summary.capacity) * 100}}"
135 | 						aria-valuemin="0"
136 | 						aria-valuemax="100"
137 | 						style="width: {{((datastore.summary.capacity - datastore.summary.freeSpace) / datastore.summary.capacity) * 100}}%;"
138 | 					></div>
139 | 				</div>
140 | 			</div>
141 | 		</div>
142 | 
143 | 		<div class="row">
144 | 			<strong>Network: {{info.network.ManagedObjectReference.length || 1}} Network(s)</strong>
145 | 		</div>
146 | 		<div class="row" data-ng-repeat="network in networks | toArray | orderBy:'summary.name'">
147 | 			<div class="col-md-8"><strong>{{network.summary.name}}</strong></div>
148 | 			<div class="col-md-2 text-right" data-ng-show="network.summary.name">{{network.vm.ManagedObjectReference.length || 0}} VMs</div>
149 | 		</div>
150 | 	</div>
151 | </div>
152 | <div>
153 | 	<h4>General</h4>
154 | 	<div class="container clearfix">
155 | 		<div class="row">
156 | 			<div class="col-md-3">Guest OS:</div>
157 | 			<div class="col-md-9">{{info.summary.guest.guestFullName || info.summary.config.guestFullName}}</div>
158 | 		</div>
159 | 		<div class="row">
160 | 			<div class="col-md-3">VM Version:</div>
161 | 			<div class="col-md-9">{{info.config.version}}</div>
162 | 		</div>
163 | 		<div class="row">
164 | 			<div class="col-md-3">CPU:</div>
165 | 			<div class="col-md-9">{{info.config.numCpu}} vCPU</div>
166 | 		</div>
167 | 		<div class="row">
168 | 			<div class="col-md-3">Memory:</div>
169 | 			<div class="col-md-9">{{info.summary.config.memorySizeMB | roundMemory}} MB</div>
170 | 		</div>
171 | 		<div class="row">
172 | 			<div class="col-md-3">Memory Overhead:</div>
173 | 			<div class="col-md-9">{{info.runtime.memoryOverhead | roundMemory:2:2}} MB</div>
174 | 		</div>
175 | 		<div class="row">
176 | 			<div class="col-md-3">NICs:</div>
177 | 			<div class="col-md-9">{{info.summary.config.numEthernetCards}}</div>
178 | 		</div>
179 | 		<div class="row">
180 | 			<div class="col-md-3">vDisks:</div>
181 | 			<div class="col-md-9">{{info.summary.config.numVirtualDisks}}</div>
182 | 		</div>
183 | 		<div class="row">
184 | 			<div class="col-md-3">VMware Tools:</div>
185 | 			<div class="col-md-9">{{info.summary.guest.toolsRunningStatus | camelcaseToSpace}}</div>
186 | 		</div>
187 | 		<div class="row">
188 | 			<div class="col-md-3">DNS Name:</div>
189 | 			<div class="col-md-9">{{info.summary.guest.hostName}}</div>
190 | 		</div>
191 | 		<div class="row">
192 | 			<div class="col-md-3">IP Address:</div>
193 | 			<div class="col-md-9">{{info.summary.guest.ipAddress}}</div>
194 | 		</div>
195 | 		<div class="row">
196 | 			<div class="col-md-3">Notes:</div>
197 | 			<div class="col-md-9">{{info.summary.config.annotation || ""}}</div>
198 | 		</div>
199 | 	</div>
200 | </div>
201 | <!-- 
202 | summary
203 | "quickStats": {
204 |     "overallCpuUsage": "5",
205 |     "guestMemoryUsage": "20",
206 |     "hostMemoryUsage": "530",
207 |     "guestHeartbeatStatus": "green",
208 |     "sharedMemory": "0",
209 |     "swappedMemory": "0",
210 |     "balloonedMemory": "0",
211 |     "consumedOverheadMemory": "20",
212 |     "compressedMemory": "0",
213 |     "uptimeSeconds": "279056"
214 |   },
215 |  -->


--------------------------------------------------------------------------------
/web/js/controllers.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | /* Controllers */
  4 | (function(module) {
  5 | 	module.controller("HomeController", [ "$scope", "esxApi", "hostname", "$rootScope", function($scope, esxApi, hostname, $rootScope) {
  6 | 		var refreshInterval = 30, timer = null, isRefreshing = false;
  7 | 		$rootScope.title = "Welcome to " + hostname;
  8 | 
  9 | 		$scope.cpuPercent = 0;
 10 | 		$scope.memPercent = 0;
 11 | 		$scope.networks = {};
 12 | 		$scope.datastores = {};
 13 | 		$scope.isRefreshing = false;
 14 | 
 15 | 		function getHostData(shouldUpdate) {
 16 | 			if (timer) {
 17 | 				clearTimeout(timer);
 18 | 				timer = null;
 19 | 			}
 20 | 			isRefreshing = true;
 21 | 			$scope.isRefreshing = true;
 22 | 			var hostInfoResponse = esxApi.get({
 23 | 				moid : "ha-host"
 24 | 			});
 25 | 			hostInfoResponse.then(function(data) {
 26 | 				isRefreshing = false;
 27 | 				$scope.isRefreshing = false;
 28 | 				$scope.cpuPercent = (data.summary.quickStats.overallCpuUsage / (data.summary.hardware.numCpuCores * data.summary.hardware.cpuMhz)) * 100;
 29 | 				$scope.memPercent = ((data.summary.quickStats.overallMemoryUsage * (1024 * 1024)) / data.summary.hardware.memorySize) * 100;
 30 | 				// also get network and datastore info
 31 | 				$scope.datastores = {};
 32 | 				if (!Array.isArray(data.datastore.ManagedObjectReference)) {
 33 | 					data.datastore.ManagedObjectReference = [ data.datastore.ManagedObjectReference ];
 34 | 				}
 35 | 				data.datastore.ManagedObjectReference.forEach(function(ds) {
 36 | 					$scope.datastores[ds["#text"]] = esxApi.get({
 37 | 						moid : ds["#text"]
 38 | 					});
 39 | 				});
 40 | 				$scope.networks = {};
 41 | 				if (!Array.isArray(data.network.ManagedObjectReference)) {
 42 | 					data.network.ManagedObjectReference = [ data.network.ManagedObjectReference ];
 43 | 				}
 44 | 				data.network.ManagedObjectReference.forEach(function(net) {
 45 | 					$scope.networks[net["#text"]] = esxApi.get({
 46 | 						moid : net["#text"]
 47 | 					});
 48 | 				});
 49 | 				return data;
 50 | 			});
 51 | 			if (shouldUpdate) {
 52 | 				hostInfoResponse.then(function(data) {
 53 | 					timer = setTimeout(function() {
 54 | 						getHostData(true).then(function(data) {
 55 | 							$scope.host = data;
 56 | 							return data;
 57 | 						});
 58 | 					}, refreshInterval * 1000);
 59 | 					return data;
 60 | 				});
 61 | 			}
 62 | 			return hostInfoResponse;
 63 | 		}
 64 | 
 65 | 		$scope.host = getHostData(true);
 66 | 
 67 | 		$scope.$on("$destroy", function() {
 68 | 			if (timer) {
 69 | 				clearInterval(timer);
 70 | 			}
 71 | 		});
 72 | 
 73 | 		$scope.refresh = function() {
 74 | 			if (isRefreshing) {
 75 | 				return;
 76 | 			}
 77 | 			loadVms();
 78 | 		};
 79 | 	} ]);
 80 | 
 81 | 	module.controller("VmListController", [ "$scope", "esxApi", "hostname", "$rootScope", function($scope, esxApi, hostname, $rootScope) {
 82 | 		var timer = null;
 83 | 		var refreshInterval = 30;
 84 | 		var isRefreshing = false;
 85 | 
 86 | 		$rootScope.title = "VMs on " + hostname;
 87 | 
 88 | 		var vms = {};
 89 | 		$scope.totalVms = "Loading...";
 90 | 		$scope.vmList = vms;
 91 | 		$scope.isRefreshing = false;
 92 | 
 93 | 		function loadVms() {
 94 | 			$scope.isRefreshing = true;
 95 | 			isRefreshing = true;
 96 | 
 97 | 			var apiResponse = esxApi.get({
 98 | 				moid : "ha-folder-vm"
 99 | 			});
100 | 
101 | 			apiResponse.then(function(data) {
102 | 				if (!data.childEntity || !data.childEntity.ManagedObjectReference) {
103 | 					$scope.totalVms = "Error!";
104 | 				} else {
105 | 					$scope.totalVms = data.childEntity.ManagedObjectReference.length;
106 | 				}
107 | 				isRefreshing = false;
108 | 				$scope.isRefreshing = false;
109 | 				return data;
110 | 			});
111 | 
112 | 			apiResponse.then(function(data) {
113 | 				if (!data.childEntity || !data.childEntity.ManagedObjectReference) {
114 | 					return data;
115 | 				}
116 | 
117 | 				// If there's only one VM on host, then data.childEntity.ManagedObjectReference 
118 | 				// will be an object rather than an array of a single object
119 | 				var vmObjects = [];
120 | 				if(data.childEntity.ManagedObjectReference.length === undefined) {
121 | 					vmObjects.push(data.childEntity.ManagedObjectReference);
122 | 				} else {
123 | 					vmObjects = data.childEntity.ManagedObjectReference;
124 | 				}
125 | 
126 | 				var newVms = {};
127 | 				angular.forEach(vmObjects, function(vm) {
128 | 					var vmId = vm["#text"];
129 | 					if (vms[vmId]) {
130 | 						newVms[vmId] = vms[vmId];
131 | 						esxApi.get({
132 | 							moid : vmId,
133 | 							doPath : "summary"
134 | 						}).then(function(data) {
135 | 							newVms[vmId].info = data.dataObject;
136 | 							return data.dataObject;
137 | 						});
138 | 					} else {
139 | 						var vmData = {
140 | 							id : vmId,
141 | 							info : esxApi.get({
142 | 								moid : vmId,
143 | 								doPath : "summary"
144 | 							}).then(function(data) {
145 | 								return data.dataObject;
146 | 							})
147 | 						};
148 | 						newVms[vmId] = vmData;
149 | 					}
150 | 				});
151 | 				vms = newVms;
152 | 				$scope.vmList = newVms;
153 | 				return data;
154 | 			});
155 | 
156 | 			// refresh this every X seconds
157 | 			apiResponse.then(function(data) {
158 | 				timer = setTimeout(function() {
159 | 					timer = null;
160 | 					loadVms();
161 | 				}, refreshInterval * 1000);
162 | 				return data;
163 | 			});
164 | 		}
165 | 		loadVms();
166 | 
167 | 		$scope.$on("$destroy", function() {
168 | 			if (timer) {
169 | 				clearInterval(timer);
170 | 			}
171 | 		});
172 | 
173 | 		$scope.refresh = function() {
174 | 			if (isRefreshing) {
175 | 				return;
176 | 			}
177 | 			loadVms();
178 | 		};
179 | 	} ]);
180 | 
181 | 	module.controller("VmController", [ "$scope", "$routeParams", "esxApi", "hostname", "$rootScope", function($scope, $routeParams, esxApi, hostname, $rootScope) {
182 | 	
183 | 		var vmId = $routeParams.id;
184 | 		$scope.id = vmId;
185 | 		$scope.hostname = hostname;
186 | 
187 | 		var refreshInterval = 30, timer = null, isRefreshing = false;
188 | 
189 | 		$scope.cpuPercent = 0;
190 | 		$scope.memPercent = 0;
191 | 		$scope.refreshid = +new Date();
192 | 		$scope.networks = {};
193 | 		$scope.datastores = {};
194 | 		$scope.isRefreshing = false;
195 | 
196 | 		function getVmData(shouldUpdate) {
197 | 			if (timer) {
198 | 				clearTimeout(timer);
199 | 				timer = null;
200 | 			}
201 | 			isRefreshing = true;
202 | 			$scope.isRefreshing = true;
203 | 			$scope.refreshid = +new Date();
204 | 			var vmInfoResponse = esxApi.get({
205 | 				moid : vmId
206 | 			});
207 | 			vmInfoResponse.then(function(data) {
208 | 				isRefreshing = false;
209 | 				$scope.isRefreshing = false;
210 | 				$rootScope.title = "Vm: " + data.config.name;
211 | 
212 | 				$scope.cpuPercent = (data.summary.quickStats.overallCpuUsage / data.summary.runtime.maxCpuUsage) * 100;
213 | 				$scope.memPercent = (data.summary.quickStats.guestMemoryUsage / data.summary.runtime.maxMemoryUsage) * 100;
214 | 
215 | 				// also get network and datastore info
216 | 				$scope.datastores = {};
217 | 				if (!Array.isArray(data.datastore.ManagedObjectReference)) {
218 | 					data.datastore.ManagedObjectReference = [ data.datastore.ManagedObjectReference ];
219 | 				}
220 | 				data.datastore.ManagedObjectReference.forEach(function(ds) {
221 | 					$scope.datastores[ds["#text"]] = esxApi.get({
222 | 						moid : ds["#text"]
223 | 					});
224 | 				});
225 | 				$scope.networks = {};
226 | 				if (!Array.isArray(data.network.ManagedObjectReference)) {
227 | 					data.network.ManagedObjectReference = [ data.network.ManagedObjectReference ];
228 | 				}
229 | 				data.network.ManagedObjectReference.forEach(function(net) {
230 | 					$scope.networks[net["#text"]] = esxApi.get({
231 | 						moid : net["#text"]
232 | 					});
233 | 				});
234 | 				if (data.guest.disk && !Array.isArray(data.guest.disk)) {
235 | 					data.guest.disk = [ data.guest.disk ];
236 | 				}
237 | 				if (data.guest.net && !Array.isArray(data.guest.net)) {
238 | 					data.guest.net = [ data.guest.net ];
239 | 				}
240 | 
241 | 				data.summary.storage.provisioned = parseInt(data.summary.storage.committed, 10) + parseInt(data.summary.storage.uncommitted, 10);
242 | 				return data;
243 | 			});
244 | 			// vmInfoResponse.then(function(data) {
245 | 			// console.log(data);
246 | 			// delete data.summary.runtime.featureRequirement;
247 | 			// console.log(JSON.stringify(data.guest, null, 2));
248 | 			// console.log(JSON.stringify(data.summary, null, 2));
249 | 			// return data;
250 | 			// });
251 | 			if (shouldUpdate) {
252 | 				vmInfoResponse.then(function(data) {
253 | 					timer = setTimeout(function() {
254 | 						getVmData(true).then(function(data) {
255 | 							$scope.info = data;
256 | 							return data;
257 | 						});
258 | 					}, refreshInterval * 1000);
259 | 					return data;
260 | 				});
261 | 			}
262 | 			return vmInfoResponse;
263 | 		}
264 | 
265 | 		$scope.info = getVmData(true);
266 | 
267 | 		$scope.$on("$destroy", function() {
268 | 			if (timer) {
269 | 				clearInterval(timer);
270 | 			}
271 | 		});
272 | 
273 | 		$scope.refresh = function() {
274 | 			if (isRefreshing) {
275 | 				return;
276 | 			}
277 | 			getVmData(true);
278 | 		};
279 | 
280 | 		angular.forEach({
281 | 			"powerOn" : "Power on ",
282 | 			"powerOff" : "Power off ",
283 | 			"shutdownGuest" : "Shutdown ",
284 | 			"rebootGuest" : "Reboot "
285 | 		}, function(desc, action) {
286 | 			$scope[action] = function(vm) {
287 | 				if (!vm || !vm.config || !vm.config.name) {
288 | 					return;
289 | 				}
290 | 				if (!confirm(desc + vm.config.name + " ?")) {
291 | 					return;
292 | 				}
293 | 				esxApi.post({
294 | 					moid : vmId,
295 | 					method : action
296 | 				});
297 | 			};
298 | 		});
299 | 	} ]);
300 | 
301 | 	module.controller("NavigationController", function($scope, $location) {
302 | 		$scope.hostname = $location.host();
303 | 		$scope.navItems = {
304 | 			"/" : "Home",
305 | 			"/vm" : "Virtual Machines"
306 | 		};
307 | 	});
308 | 
309 | })(angular.module("esxiApp.controllers", []));
310 | 


--------------------------------------------------------------------------------