Added form to provision ESX and KVM virtual machines.

git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@10961 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd

xCAT-UI/js/custom/esx.js

@@ -0,0 +1,599 @@
+/**
+ * Execute when the DOM is fully loaded
+ */
+$(document).ready(function() {
+	// Load utility scripts (if any)
+});
+
+/**
+ * Constructor
+ * 
+ * @return Nothing
+ */
+var esxPlugin = function() {
+
+};
+
+/**
+ * Clone node (service page)
+ * 
+ * @param node
+ * 			Node to clone
+ * @return Nothing
+ */
+esxPlugin.prototype.serviceClone = function(node) {
+
+};
+
+/**
+ * Load provision page (service page)
+ * 
+ * @param tabId
+ * 			Tab ID where page will reside
+ * @return Nothing
+ */
+esxPlugin.prototype.loadServiceProvisionPage = function(tabId) {
+	
+};
+
+/**
+ * Show node inventory (service page)
+ * 
+ * @param data
+ *            Data from HTTP request
+ * @return Nothing
+ */
+esxPlugin.prototype.loadServiceInventory = function(data) {
+	
+};
+
+/**
+ * Load node inventory
+ * 
+ * @param data
+ *            Data from HTTP request
+ * @return Nothing
+ */
+esxPlugin.prototype.loadInventory = function(data) {
+	var args = data.msg.split(',');
+	var tabId = args[0].replace('out=', '');
+	var node = args[1].replace('node=', '');
+	
+	// Get node inventory
+	var inv = data.rsp;
+
+	// Remove loader
+	$('#' + tabId).find('img').remove();
+
+	// Create division to hold inventory
+	var invDivId = tabId + 'Inventory';
+	var invDiv = $('<div></div>');
+	
+	// Create a fieldset
+	var fieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>Hardware</legend>');
+	fieldSet.append(legend);
+	
+	var oList = $('<ol></ol>');
+	fieldSet.append(oList);
+	invDiv.append(fieldSet);
+
+	// Loop through each line
+	var item;
+	for (var k = 0; k < inv.length; k++) {
+		// Remove node name
+		var attr = inv[k].replace(node + ': ', '');
+		attr = jQuery.trim(attr);
+
+		// Append attribute to list
+		item = $('<li></li>');
+		item.append(attr);
+		oList.append(item);
+	}
+
+	// Append to inventory form
+	$('#' + tabId).append(invDiv);
+};
+
+/**
+ * Load clone page
+ * 
+ * @param node
+ *            Source node to clone
+ * @return Nothing
+ */
+esxPlugin.prototype.loadClonePage = function(node) {
+	// Get nodes tab
+	var tab = getNodesTab();
+	var newTabId = node + 'CloneTab';
+
+	// If there is no existing clone tab
+	if (!$('#' + newTabId).length) {
+		// Create info bar
+		var infoBar = createInfoBar('Not supported');
+
+		// Create clone form
+		var cloneForm = $('<div class="form"></div>');
+		cloneForm.append(infoBar);
+
+		// Add clone tab
+		tab.add(newTabId, 'Clone', cloneForm, true);
+	}
+	
+	tab.select(newTabId);
+};
+
+/**
+ * Load provision page
+ * 
+ * @param tabId
+ *            The provision tab ID
+ * @return Nothing
+ */
+esxPlugin.prototype.loadProvisionPage = function(tabId) {
+	// Get OS image names
+	$.ajax( {
+		url : 'lib/cmd.php',
+		dataType : 'json',
+		data : {
+			cmd : 'tabdump',
+			tgt : '',
+			args : 'osimage',
+			msg : ''
+		},
+
+		success : setOSImageCookies
+	});
+
+	// Get groups
+	$.ajax( {
+		url : 'lib/cmd.php',
+		dataType : 'json',
+		data : {
+			cmd : 'extnoderange',
+			tgt : '/.*',
+			args : 'subgroups',
+			msg : ''
+		},
+
+		success : setGroupsCookies
+	});
+
+	// Get provision tab instance
+	var inst = tabId.replace('esxProvisionTab', '');
+
+	// Create provision form
+	var provForm = $('<div class="form"></div>');
+
+	// Create info bar
+	var infoBar = createInfoBar('Provision an ESX virtual machine.');
+	provForm.append(infoBar);
+
+	// Append to provision tab
+	$('#' + tabId).append(provForm);
+	
+	var vmFS = $('<fieldset></fieldset>');
+	var vmLegend = $('<legend>Virtual Machine</legend>');
+	vmFS.append(vmLegend);
+	
+	var hwFS = $('<fieldset></fieldset>');
+	var hwLegend = $('<legend>Hardware</legend>');
+	hwFS.append(hwLegend);
+	
+	var imgFS = $('<fieldset></fieldset>');
+	var imgLegend = $('<legend>Image</legend>');
+	imgFS.append(imgLegend);
+	
+	provForm.append(vmFS, hwFS, imgFS);
+	
+	// Create hypervisor input
+	var hypervisor = $('<div></div>');
+	var hypervisorLabel = $('<label>Hypervisor:</label>');
+	hypervisor.append(hypervisorLabel);
+
+	// Turn on auto complete for group
+	var hypervisorNames = $.cookie('');
+	if (hypervisorNames) {
+		// Split group names into an array
+		var tmp = groupNames.split(',');
+
+		// Create drop down for groups
+		var hypervisorSelect = $('<select></select>');
+		hypervisorSelect.append('<option></option>');
+		for ( var i in tmp) {
+			// Add group into drop down
+			var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
+			hypervisorSelect.append(opt);
+		}
+		hypervisor.append(groupSelect);
+	} else {
+		// If no groups are cookied
+		var hypervisorInput = $('<input type="text" name="group"/>');
+		hypervisor.append(hypervisorInput);
+	}
+	vmFS.append(hypervisor);
+	
+	// Create group input
+	var group = $('<div></div>');
+	var groupLabel = $('<label>Group:</label>');
+	group.append(groupLabel);
+
+	// Turn on auto complete for group
+	var groupNames = $.cookie('groups');
+	if (groupNames) {
+		// Split group names into an array
+		var tmp = groupNames.split(',');
+
+		// Create drop down for groups
+		var groupSelect = $('<select></select>');
+		groupSelect.append('<option></option>');
+		for ( var i in tmp) {
+			// Add group into drop down
+			var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
+			groupSelect.append(opt);
+		}
+		group.append(groupSelect);
+	} else {
+		// If no groups are cookied
+		var groupInput = $('<input type="text" name="group"/>');
+		group.append(groupInput);
+	}
+	vmFS.append(group);
+
+	// Create node input
+	var node = $('<div></div>');
+	var nodeLabel = $('<label>VM name:</label>');
+	var nodeInput = $('<input type="text" name="node"/>');
+	node.append(nodeLabel);
+	node.append(nodeInput);
+	vmFS.append(node);
+
+	// Create memory input
+	var memory = $('<div></div>');
+	var memoryLabel = $('<label>Memory:</label>');
+	var memoryInput = $('<input type="text" name="memory"/>');
+	memory.append(memoryLabel);
+	memory.append(memoryInput);
+	hwFS.append(memory);
+	
+	// Create processor dropdown
+	var cpu = $('<div></div>');
+	var cpuLabel = $('<label>Processor:</label>');
+	var cpuSelect = $('<select name="cpu"></select>');
+	cpuSelect.append('<option value="1">1</option>'
+		+ '<option value="2">2</option>'
+		+ '<option value="3">3</option>'
+		+ '<option value="4">4</option>'
+		+ '<option value="5">5</option>'
+		+ '<option value="6">6</option>'
+		+ '<option value="7">7</option>'
+		+ '<option value="8">8</option>'
+	);
+	cpu.append(cpuLabel);
+	cpu.append(cpuSelect);
+	hwFS.append(cpu);
+	
+	// Create NIC dropdown
+	var nic = $('<div></div>');
+	var nicLabel = $('<label>NIC:</label>');
+	var nicSelect = $('<select name="nic"></select>');
+	nicSelect.append('<option value="1">1</option>'
+		+ '<option value="2">2</option>'
+		+ '<option value="3">3</option>'
+		+ '<option value="4">4</option>'
+		+ '<option value="5">5</option>'
+		+ '<option value="6">6</option>'
+		+ '<option value="7">7</option>'
+		+ '<option value="8">8</option>'
+	);
+	nic.append(nicLabel);
+	nic.append(nicSelect);
+	hwFS.append(nic);
+	
+	// Create disk input
+	var disk = $('<div></div>');
+	var diskLabel = $('<label>Disk size:</label>');
+	var diskInput = $('<input type="text" name="disk"/>');
+	var diskSizeSelect = $('<select name="nic"></select>');
+	diskSizeSelect.append('<option value="MB">MB</option>'
+		+ '<option value="GB">GB</option>'
+	);
+	disk.append(diskLabel, diskInput, diskSizeSelect);
+	hwFS.append(disk);
+	
+	// Create operating system input
+	var os = $('<div></div>');
+	var osLabel = $('<label for="os">Operating system:</label>');
+	var osInput = $('<input type="text" name="os"/>');
+	osInput.one('focus', function() {
+		var tmp = $.cookie('osvers');		
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	os.append(osLabel);
+	os.append(osInput);
+	imgFS.append(os);
+	
+	// Create architecture input
+	var arch = $('<div></div>');
+	var archLabel = $('<label for="arch">Architecture:</label>');
+	var archInput = $('<input type="text" name="arch"/>');
+	archInput.one('focus', function() {
+		var tmp = $.cookie('osarchs');
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	arch.append(archLabel);
+	arch.append(archInput);
+	imgFS.append(arch);
+	
+	// Create profile input
+	var profile = $('<div></div>');
+	var profileLabel = $('<label for="profile">Profile:</label>');
+	var profileInput = $('<input type="text" name="profile"/>');
+	profileInput.one('focus', function() {
+		var tmp = $.cookie('profiles');
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	profile.append(profileLabel);
+	profile.append(profileInput);
+	imgFS.append(profile);
+	
+	// Create boot method dropdown
+	var method = $('<div></div>');
+	var methodLabel = $('<label for="method">Boot method:</label>');
+	var methodSelect = $('<select id="bootMethod" name="bootMethod"></select>');
+	methodSelect.append('<option value=""></option>'
+		+ '<option value="boot">boot</option>'
+		+ '<option value="install">install</option>'
+		+ '<option value="iscsiboot">iscsiboot</option>'
+		+ '<option value="netboot">netboot</option>'
+		+ '<option value="statelite">statelite</option>'
+	);
+	method.append(methodLabel);
+	method.append(methodSelect);
+	imgFS.append(method);
+
+	/**
+	 * Provision existing
+	 */
+	var provisionBtn = createButton('Provision');
+	provisionBtn.bind('click', function(event) {
+		// Remove any warning messages
+		$(this).parents('.ui-tabs-panel').find('.ui-state-error').remove();
+		var ready = true;
+		var errorMessage = '';
+
+		// Get provision tab ID
+		var thisTabId = 'esxProvisionTab' + inst;
+	});
+	provForm.append(provisionBtn);
+};
+
+/**
+ * Load resources
+ * 
+ * @return Nothing
+ */
+esxPlugin.prototype.loadResources = function() {
+	// Get resource tab ID
+	var tabId = 'esxResourceTab';
+	// Remove loader
+	$('#' + tabId).find('img').remove();
+	
+	// Create info bar
+	var infoBar = createInfoBar('Under construction');
+
+	// Create resource form
+	var resrcForm = $('<div class="form"></div>');
+	resrcForm.append(infoBar);
+	
+	$('#' + tabId).append(resrcForm);
+};
+
+/**
+ * Add node range
+ * 
+ * @return Nothing
+ */
+esxPlugin.prototype.addNode = function() {
+    var diag = $('<div id="addIdplx" class="form"></div>');
+    var info = createInfoBar('Add a node range');
+    diag.append(info);
+    
+    // Create node inputs
+    var nodeFieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>Node</legend>');
+	nodeFieldSet.append(legend);
+	diag.append(nodeFieldSet);
+	
+    var nodeInputs = '<div><label>Node: </label><input type="text"></div>' +
+               '<div><label>MAC:</label><input type="text"></div>' + 
+               '<div><label>IP: </label><input type="text"></div>' +
+               '<div><label>Groups: </label><input type="text"></div>';    
+    nodeFieldSet.append(nodeInputs);
+    
+    var bmcFieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>BMC</legend>');
+	bmcFieldSet.append(legend);
+	diag.append(bmcFieldSet);
+	
+	// Create BMC inputs
+	var bmcInputs = '<div><label>BMC:</label><input type="text"></div>' +
+     	'<div><label>IP:</label><input type="text"></div>' +
+     	'<div><label>Groups:</label><input type="text"></div>';    
+	 bmcFieldSet.append(bmcInputs);
+
+    diag.dialog({
+    	title: 'Add node',
+        modal: true,
+        width: 400,
+        close: function(){$(this).remove();},
+        buttons: {
+            "OK" : function(){addIdataplex();},
+            "Cancel": function(){$(this).dialog('close');}
+        }
+    });
+};
+
+/**
+ * Add iDataPlex node range
+ * 
+ * @return Nothing
+ */
+function addIdataplex(){
+    var tempArray = new Array();
+    var errorMessage = '';
+    var attr = '';
+    var args = '';
+    
+    // Remove existing warnings
+    $('#addIdplx .ui-state-error').remove();
+    
+    // Get input values
+    $('#addIdplx input').each(function(){
+        attr = $(this).val();
+        if (attr) {
+            tempArray.push($(this).val());
+        } else {
+            errorMessage = "You are missing some inputs!";
+            return false;
+        }
+    });
+    
+    if (errorMessage) {
+        $('#addIdplx').prepend(createWarnBar(errorMessage));
+        return;
+    }
+    
+    // Create loader
+    $('#addIdplx').append(createLoader());
+    
+    // Change dialog buttons
+    $('#addIdplx').dialog('option', 'buttons', {
+    	'Close':function(){
+    		$('#addIdplx').dialog('close');
+    	}
+    });
+    
+    // Generate chdef arguments
+    args = '-t;node;-o;' + tempArray[0] + ';mac=' + tempArray[1] + ';ip=' + tempArray[2] + ';groups=' + 
+          tempArray[3] + ';mgt=esx;chain="runcmd=bmcsetup";netboot=xnba;nodetype=osi;profile=compute;' +
+          'bmc=' + tempArray[4];
+    $.ajax({
+        url : 'lib/cmd.php',
+        dataType : 'json',
+        data : {
+            cmd : 'chdef',
+            tgt : '',
+            args : args,
+            msg : ''
+        }
+    });
+     
+    // Generate chdef arguments for BMC
+    args = '-t;node;-o;' + tempArray[4] + ';ip=' + tempArray[5] + ';groups=' + tempArray[6];
+    $.ajax({
+        url : 'lib/cmd.php',
+        dataType : 'json',
+        data : {
+            cmd : 'chdef',
+            tgt : '',
+            args : args,
+            msg : ''
+        },
+        success: function(data) {
+            $('#addIdplx img').remove();
+            var message = '';
+            for (var i in data.rsp) {
+                message += data.rsp[i];
+            }
+            
+            if (message) {
+                $('#addIdplx').prepend(createInfoBar(message));
+            }
+        }
+    });
+}
+
+/**
+ * Update the provision node status
+ * 
+ * @param data
+ *            Data returned from HTTP request
+ * @return Nothing
+ */
+function updateESXProvisionStatus(data) {
+	// Get ajax response
+	var rsp = data.rsp;
+	var args = data.msg.split(';');
+
+	// Get command invoked
+	var cmd = args[0].replace('cmd=', '');
+	// Get provision tab instance
+	var inst = args[1].replace('out=', '');
+	
+	// Get provision tab and status bar ID
+	var statBarId = 'esxProvisionStatBar' + inst;
+	var tabId = 'esxProvisionTab' + inst;
+	
+	/**
+	 * (2) Remote install
+	 */
+	if (cmd == 'nodeadd') {
+		// Write ajax response to status bar
+		var prg = writeRsp(rsp, '');	
+		$('#' + statBarId).find('div').append(prg);
+
+		// Get parameters
+		var os = $('#' + tabId + ' input[name="os"]').val();
+		var profile = $('#' + tabId + ' input[name="profile"]').val();
+		var arch = $('#' + tabId + ' input[name="arch"]').val();
+		
+		// Get nodes that were checked
+		var dTableId = 'esxNodesDatatable' + inst;
+		var tgts = getNodesChecked(dTableId);
+		
+		// Begin installation
+		$.ajax( {
+			url : 'lib/cmd.php',
+			dataType : 'json',
+			data : {
+				cmd : 'webrun',
+				tgt : '',
+				args : 'rinstall;' + os + ';' + profile + ';' + arch + ';' + tgts,
+				msg : 'cmd=rinstall;out=' + inst
+			},
+
+			success : updateESXProvisionStatus
+		});
+	} 
+	
+	/**
+	 * (3) Done
+	 */
+	else if (cmd == 'rinstall') {
+		// Write ajax response to status bar
+		var prg = writeRsp(rsp, '');	
+		$('#' + statBarId).find('div').append(prg);
+		$('#' + statBarId).find('img').remove();
+		
+		// If installation was successful
+		if (prg.html().indexOf('Error') == -1) {
+			$('#' + statBarId).find('div').append('<pre>It will take several minutes before the nodes are up and ready. Use nodestat to check the status of the install.</pre>');
+		}
+	}
+}

xCAT-UI/js/custom/ipmi.js

@@ -173,7 +173,7 @@ ipmiPlugin.prototype.loadProvisionPage = function(tabId) {
 	$('#' + tabId).append(provForm);
 
 	// Create provision existing node division
-	var provExisting = createIpmpProvisionExisting(inst);
+	var provExisting = createIpmiProvisionExisting(inst);
 	provForm.append(provExisting);
 };
 
@@ -330,7 +330,7 @@ function addIdataplex(){
  *            Provision tab instance
  * @return Provision existing node division
  */
-function createIpmpProvisionExisting(inst) {
+function createIpmiProvisionExisting(inst) {
 	// Create provision existing division
 	var provExisting = $('<div></div>');
 

xCAT-UI/js/custom/kvm.js

@@ -0,0 +1,599 @@
+/**
+ * Execute when the DOM is fully loaded
+ */
+$(document).ready(function() {
+	// Load utility scripts (if any)
+});
+
+/**
+ * Constructor
+ * 
+ * @return Nothing
+ */
+var kvmPlugin = function() {
+
+};
+
+/**
+ * Clone node (service page)
+ * 
+ * @param node
+ * 			Node to clone
+ * @return Nothing
+ */
+kvmPlugin.prototype.serviceClone = function(node) {
+
+};
+
+/**
+ * Load provision page (service page)
+ * 
+ * @param tabId
+ * 			Tab ID where page will reside
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadServiceProvisionPage = function(tabId) {
+	
+};
+
+/**
+ * Show node inventory (service page)
+ * 
+ * @param data
+ *            Data from HTTP request
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadServiceInventory = function(data) {
+	
+};
+
+/**
+ * Load node inventory
+ * 
+ * @param data
+ *            Data from HTTP request
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadInventory = function(data) {
+	var args = data.msg.split(',');
+	var tabId = args[0].replace('out=', '');
+	var node = args[1].replace('node=', '');
+	
+	// Get node inventory
+	var inv = data.rsp;
+
+	// Remove loader
+	$('#' + tabId).find('img').remove();
+
+	// Create division to hold inventory
+	var invDivId = tabId + 'Inventory';
+	var invDiv = $('<div></div>');
+	
+	// Create a fieldset
+	var fieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>Hardware</legend>');
+	fieldSet.append(legend);
+	
+	var oList = $('<ol></ol>');
+	fieldSet.append(oList);
+	invDiv.append(fieldSet);
+
+	// Loop through each line
+	var item;
+	for (var k = 0; k < inv.length; k++) {
+		// Remove node name
+		var attr = inv[k].replace(node + ': ', '');
+		attr = jQuery.trim(attr);
+
+		// Append attribute to list
+		item = $('<li></li>');
+		item.append(attr);
+		oList.append(item);
+	}
+
+	// Append to inventory form
+	$('#' + tabId).append(invDiv);
+};
+
+/**
+ * Load clone page
+ * 
+ * @param node
+ *            Source node to clone
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadClonePage = function(node) {
+	// Get nodes tab
+	var tab = getNodesTab();
+	var newTabId = node + 'CloneTab';
+
+	// If there is no existing clone tab
+	if (!$('#' + newTabId).length) {
+		// Create info bar
+		var infoBar = createInfoBar('Not supported');
+
+		// Create clone form
+		var cloneForm = $('<div class="form"></div>');
+		cloneForm.append(infoBar);
+
+		// Add clone tab
+		tab.add(newTabId, 'Clone', cloneForm, true);
+	}
+	
+	tab.select(newTabId);
+};
+
+/**
+ * Load provision page
+ * 
+ * @param tabId
+ *            The provision tab ID
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadProvisionPage = function(tabId) {
+	// Get OS image names
+	$.ajax( {
+		url : 'lib/cmd.php',
+		dataType : 'json',
+		data : {
+			cmd : 'tabdump',
+			tgt : '',
+			args : 'osimage',
+			msg : ''
+		},
+
+		success : setOSImageCookies
+	});
+
+	// Get groups
+	$.ajax( {
+		url : 'lib/cmd.php',
+		dataType : 'json',
+		data : {
+			cmd : 'extnoderange',
+			tgt : '/.*',
+			args : 'subgroups',
+			msg : ''
+		},
+
+		success : setGroupsCookies
+	});
+
+	// Get provision tab instance
+	var inst = tabId.replace('kvmProvisionTab', '');
+
+	// Create provision form
+	var provForm = $('<div class="form"></div>');
+
+	// Create info bar
+	var infoBar = createInfoBar('Provision an KVM virtual machine.');
+	provForm.append(infoBar);
+
+	// Append to provision tab
+	$('#' + tabId).append(provForm);
+	
+	var vmFS = $('<fieldset></fieldset>');
+	var vmLegend = $('<legend>Virtual Machine</legend>');
+	vmFS.append(vmLegend);
+	
+	var hwFS = $('<fieldset></fieldset>');
+	var hwLegend = $('<legend>Hardware</legend>');
+	hwFS.append(hwLegend);
+	
+	var imgFS = $('<fieldset></fieldset>');
+	var imgLegend = $('<legend>Image</legend>');
+	imgFS.append(imgLegend);
+	
+	provForm.append(vmFS, hwFS, imgFS);
+	
+	// Create hypervisor input
+	var hypervisor = $('<div></div>');
+	var hypervisorLabel = $('<label>Hypervisor:</label>');
+	hypervisor.append(hypervisorLabel);
+
+	// Turn on auto complete for group
+	var hypervisorNames = $.cookie('');
+	if (hypervisorNames) {
+		// Split group names into an array
+		var tmp = groupNames.split(',');
+
+		// Create drop down for groups
+		var hypervisorSelect = $('<select></select>');
+		hypervisorSelect.append('<option></option>');
+		for ( var i in tmp) {
+			// Add group into drop down
+			var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
+			hypervisorSelect.append(opt);
+		}
+		hypervisor.append(groupSelect);
+	} else {
+		// If no groups are cookied
+		var hypervisorInput = $('<input type="text" name="group"/>');
+		hypervisor.append(hypervisorInput);
+	}
+	vmFS.append(hypervisor);
+	
+	// Create group input
+	var group = $('<div></div>');
+	var groupLabel = $('<label>Group:</label>');
+	group.append(groupLabel);
+
+	// Turn on auto complete for group
+	var groupNames = $.cookie('groups');
+	if (groupNames) {
+		// Split group names into an array
+		var tmp = groupNames.split(',');
+
+		// Create drop down for groups
+		var groupSelect = $('<select></select>');
+		groupSelect.append('<option></option>');
+		for ( var i in tmp) {
+			// Add group into drop down
+			var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
+			groupSelect.append(opt);
+		}
+		group.append(groupSelect);
+	} else {
+		// If no groups are cookied
+		var groupInput = $('<input type="text" name="group"/>');
+		group.append(groupInput);
+	}
+	vmFS.append(group);
+
+	// Create node input
+	var node = $('<div></div>');
+	var nodeLabel = $('<label>VM name:</label>');
+	var nodeInput = $('<input type="text" name="node"/>');
+	node.append(nodeLabel);
+	node.append(nodeInput);
+	vmFS.append(node);
+
+	// Create memory input
+	var memory = $('<div></div>');
+	var memoryLabel = $('<label>Memory:</label>');
+	var memoryInput = $('<input type="text" name="memory"/>');
+	memory.append(memoryLabel);
+	memory.append(memoryInput);
+	hwFS.append(memory);
+	
+	// Create processor dropdown
+	var cpu = $('<div></div>');
+	var cpuLabel = $('<label>Processor:</label>');
+	var cpuSelect = $('<select name="cpu"></select>');
+	cpuSelect.append('<option value="1">1</option>'
+		+ '<option value="2">2</option>'
+		+ '<option value="3">3</option>'
+		+ '<option value="4">4</option>'
+		+ '<option value="5">5</option>'
+		+ '<option value="6">6</option>'
+		+ '<option value="7">7</option>'
+		+ '<option value="8">8</option>'
+	);
+	cpu.append(cpuLabel);
+	cpu.append(cpuSelect);
+	hwFS.append(cpu);
+	
+	// Create NIC dropdown
+	var nic = $('<div></div>');
+	var nicLabel = $('<label>NIC:</label>');
+	var nicSelect = $('<select name="nic"></select>');
+	nicSelect.append('<option value="1">1</option>'
+		+ '<option value="2">2</option>'
+		+ '<option value="3">3</option>'
+		+ '<option value="4">4</option>'
+		+ '<option value="5">5</option>'
+		+ '<option value="6">6</option>'
+		+ '<option value="7">7</option>'
+		+ '<option value="8">8</option>'
+	);
+	nic.append(nicLabel);
+	nic.append(nicSelect);
+	hwFS.append(nic);
+	
+	// Create disk input
+	var disk = $('<div></div>');
+	var diskLabel = $('<label>Disk size:</label>');
+	var diskInput = $('<input type="text" name="disk"/>');
+	var diskSizeSelect = $('<select name="nic"></select>');
+	diskSizeSelect.append('<option value="MB">MB</option>'
+		+ '<option value="GB">GB</option>'
+	);
+	disk.append(diskLabel, diskInput, diskSizeSelect);
+	hwFS.append(disk);
+	
+	// Create operating system input
+	var os = $('<div></div>');
+	var osLabel = $('<label for="os">Operating system:</label>');
+	var osInput = $('<input type="text" name="os"/>');
+	osInput.one('focus', function() {
+		var tmp = $.cookie('osvers');		
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	os.append(osLabel);
+	os.append(osInput);
+	imgFS.append(os);
+	
+	// Create architecture input
+	var arch = $('<div></div>');
+	var archLabel = $('<label for="arch">Architecture:</label>');
+	var archInput = $('<input type="text" name="arch"/>');
+	archInput.one('focus', function() {
+		var tmp = $.cookie('osarchs');
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	arch.append(archLabel);
+	arch.append(archInput);
+	imgFS.append(arch);
+	
+	// Create profile input
+	var profile = $('<div></div>');
+	var profileLabel = $('<label for="profile">Profile:</label>');
+	var profileInput = $('<input type="text" name="profile"/>');
+	profileInput.one('focus', function() {
+		var tmp = $.cookie('profiles');
+		if (tmp) {
+			// Turn on auto complete
+			$(this).autocomplete({
+				source: tmp.split(',')
+			});
+		}
+	});
+	profile.append(profileLabel);
+	profile.append(profileInput);
+	imgFS.append(profile);
+	
+	// Create boot method dropdown
+	var method = $('<div></div>');
+	var methodLabel = $('<label for="method">Boot method:</label>');
+	var methodSelect = $('<select id="bootMethod" name="bootMethod"></select>');
+	methodSelect.append('<option value=""></option>'
+		+ '<option value="boot">boot</option>'
+		+ '<option value="install">install</option>'
+		+ '<option value="iscsiboot">iscsiboot</option>'
+		+ '<option value="netboot">netboot</option>'
+		+ '<option value="statelite">statelite</option>'
+	);
+	method.append(methodLabel);
+	method.append(methodSelect);
+	imgFS.append(method);
+
+	/**
+	 * Provision existing
+	 */
+	var provisionBtn = createButton('Provision');
+	provisionBtn.bind('click', function(event) {
+		// Remove any warning messages
+		$(this).parents('.ui-tabs-panel').find('.ui-state-error').remove();
+		var ready = true;
+		var errorMessage = '';
+
+		// Get provision tab ID
+		var thisTabId = 'kvmProvisionTab' + inst;
+	});
+	provForm.append(provisionBtn);
+};
+
+/**
+ * Load resources
+ * 
+ * @return Nothing
+ */
+kvmPlugin.prototype.loadResources = function() {
+	// Get resource tab ID
+	var tabId = 'kvmResourceTab';
+	// Remove loader
+	$('#' + tabId).find('img').remove();
+	
+	// Create info bar
+	var infoBar = createInfoBar('Under construction');
+
+	// Create resource form
+	var resrcForm = $('<div class="form"></div>');
+	resrcForm.append(infoBar);
+	
+	$('#' + tabId).append(resrcForm);
+};
+
+/**
+ * Add node range
+ * 
+ * @return Nothing
+ */
+kvmPlugin.prototype.addNode = function() {
+    var diag = $('<div id="addIdplx" class="form"></div>');
+    var info = createInfoBar('Add a node range');
+    diag.append(info);
+    
+    // Create node inputs
+    var nodeFieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>Node</legend>');
+	nodeFieldSet.append(legend);
+	diag.append(nodeFieldSet);
+	
+    var nodeInputs = '<div><label>Node: </label><input type="text"></div>' +
+               '<div><label>MAC:</label><input type="text"></div>' + 
+               '<div><label>IP: </label><input type="text"></div>' +
+               '<div><label>Groups: </label><input type="text"></div>';    
+    nodeFieldSet.append(nodeInputs);
+    
+    var bmcFieldSet = $('<fieldset></fieldset>');
+	var legend = $('<legend>BMC</legend>');
+	bmcFieldSet.append(legend);
+	diag.append(bmcFieldSet);
+	
+	// Create BMC inputs
+	var bmcInputs = '<div><label>BMC:</label><input type="text"></div>' +
+     	'<div><label>IP:</label><input type="text"></div>' +
+     	'<div><label>Groups:</label><input type="text"></div>';    
+	 bmcFieldSet.append(bmcInputs);
+
+    diag.dialog({
+    	title: 'Add node',
+        modal: true,
+        width: 400,
+        close: function(){$(this).remove();},
+        buttons: {
+            "OK" : function(){addIdataplex();},
+            "Cancel": function(){$(this).dialog('close');}
+        }
+    });
+};
+
+/**
+ * Add iDataPlex node range
+ * 
+ * @return Nothing
+ */
+function addIdataplex(){
+    var tempArray = new Array();
+    var errorMessage = '';
+    var attr = '';
+    var args = '';
+    
+    // Remove existing warnings
+    $('#addIdplx .ui-state-error').remove();
+    
+    // Get input values
+    $('#addIdplx input').each(function(){
+        attr = $(this).val();
+        if (attr) {
+            tempArray.push($(this).val());
+        } else {
+            errorMessage = "You are missing some inputs!";
+            return false;
+        }
+    });
+    
+    if (errorMessage) {
+        $('#addIdplx').prepend(createWarnBar(errorMessage));
+        return;
+    }
+    
+    // Create loader
+    $('#addIdplx').append(createLoader());
+    
+    // Change dialog buttons
+    $('#addIdplx').dialog('option', 'buttons', {
+    	'Close':function(){
+    		$('#addIdplx').dialog('close');
+    	}
+    });
+    
+    // Generate chdef arguments
+    args = '-t;node;-o;' + tempArray[0] + ';mac=' + tempArray[1] + ';ip=' + tempArray[2] + ';groups=' + 
+          tempArray[3] + ';mgt=kvm;chain="runcmd=bmcsetup";netboot=xnba;nodetype=osi;profile=compute;' +
+          'bmc=' + tempArray[4];
+    $.ajax({
+        url : 'lib/cmd.php',
+        dataType : 'json',
+        data : {
+            cmd : 'chdef',
+            tgt : '',
+            args : args,
+            msg : ''
+        }
+    });
+     
+    // Generate chdef arguments for BMC
+    args = '-t;node;-o;' + tempArray[4] + ';ip=' + tempArray[5] + ';groups=' + tempArray[6];
+    $.ajax({
+        url : 'lib/cmd.php',
+        dataType : 'json',
+        data : {
+            cmd : 'chdef',
+            tgt : '',
+            args : args,
+            msg : ''
+        },
+        success: function(data) {
+            $('#addIdplx img').remove();
+            var message = '';
+            for (var i in data.rsp) {
+                message += data.rsp[i];
+            }
+            
+            if (message) {
+                $('#addIdplx').prepend(createInfoBar(message));
+            }
+        }
+    });
+}
+
+/**
+ * Update the provision node status
+ * 
+ * @param data
+ *            Data returned from HTTP request
+ * @return Nothing
+ */
+function updateKVMProvisionStatus(data) {
+	// Get ajax response
+	var rsp = data.rsp;
+	var args = data.msg.split(';');
+
+	// Get command invoked
+	var cmd = args[0].replace('cmd=', '');
+	// Get provision tab instance
+	var inst = args[1].replace('out=', '');
+	
+	// Get provision tab and status bar ID
+	var statBarId = 'kvmProvisionStatBar' + inst;
+	var tabId = 'kvmProvisionTab' + inst;
+	
+	/**
+	 * (2) Remote install
+	 */
+	if (cmd == 'nodeadd') {
+		// Write ajax response to status bar
+		var prg = writeRsp(rsp, '');	
+		$('#' + statBarId).find('div').append(prg);
+
+		// Get parameters
+		var os = $('#' + tabId + ' input[name="os"]').val();
+		var profile = $('#' + tabId + ' input[name="profile"]').val();
+		var arch = $('#' + tabId + ' input[name="arch"]').val();
+		
+		// Get nodes that were checked
+		var dTableId = 'kvmNodesDatatable' + inst;
+		var tgts = getNodesChecked(dTableId);
+		
+		// Begin installation
+		$.ajax( {
+			url : 'lib/cmd.php',
+			dataType : 'json',
+			data : {
+				cmd : 'webrun',
+				tgt : '',
+				args : 'rinstall;' + os + ';' + profile + ';' + arch + ';' + tgts,
+				msg : 'cmd=rinstall;out=' + inst
+			},
+
+			success : updateKVMProvisionStatus
+		});
+	} 
+	
+	/**
+	 * (3) Done
+	 */
+	else if (cmd == 'rinstall') {
+		// Write ajax response to status bar
+		var prg = writeRsp(rsp, '');	
+		$('#' + statBarId).find('div').append(prg);
+		$('#' + statBarId).find('img').remove();
+		
+		// If installation was successful
+		if (prg.html().indexOf('Error') == -1) {
+			$('#' + statBarId).find('div').append('<pre>It will take several minutes before the nodes are up and ready. Use nodestat to check the status of the install.</pre>');
+		}
+	}
+}

xCAT-UI/js/provision/provision.js

@@ -83,11 +83,15 @@ function loadProvisionPage() {
 
 	// Create radio buttons for platforms
 	var hwList = $('<ol>Platforms available:</ol>');
+	var esx = $('<li><input type="radio" name="hw" value="esx"/>ESX</li>');
+	var kvm = $('<li><input type="radio" name="hw" value="kvm"/>KVM</li>');
 	var ipmi = $('<li><input type="radio" name="hw" value="ipmi" checked/>iDataPlex</li>');
 	var blade = $('<li><input type="radio" name="hw" value="blade"/>BladeCenter</li>');
 	var hmc = $('<li><input type="radio" name="hw" value="hmc"/>System p</li>');
 	var zvm = $('<li><input type="radio" name="hw" value="zvm"/>System z</li>');
 
+	hwList.append(esx);
+	hwList.append(kvm);
 	hwList.append(ipmi);
 	hwList.append(blade);
 	hwList.append(hmc);
@@ -111,22 +115,30 @@ function loadProvisionPage() {
 	        // Create an instance of the plugin
 	        var plugin;
 	        switch (hw) {
-	        case "blade":
-	            plugin = new bladePlugin();
-	            title = 'BladeCenter';
-	            break;
-	        case "hmc":
-	            plugin = new hmcPlugin();
-	            title = 'System p';
-	            break;
-	        case "ipmi":
-	            plugin = new ipmiPlugin();
-	            title = 'iDataPlex';
-	            break;
-	        case "zvm":
-	            plugin = new zvmPlugin();
-	            title = 'System z';
-	            break;
+		        case "kvm":
+		            plugin = new kvmPlugin();
+		            title = 'KVM';
+		            break;
+		        case "esx":
+		            plugin = new esxPlugin();
+		            title = 'ESX';
+		            break;
+		        case "blade":
+		            plugin = new bladePlugin();
+		            title = 'BladeCenter';
+		            break;
+		        case "hmc":
+		            plugin = new hmcPlugin();
+		            title = 'System p';
+		            break;
+		        case "ipmi":
+		            plugin = new ipmiPlugin();
+		            title = 'iDataPlex';
+		            break;
+		        case "zvm":
+		            plugin = new zvmPlugin();
+		            title = 'System z';
+		            break;
 	        }
 
 	        // Select tab

xCAT-UI/js/ui.js

@@ -533,6 +533,8 @@ function initPage() {
 	includeJs("js/provision/provision.js");
 	
 	// Custom plugins
+	includeJs("js/custom/esx.js");
+	includeJs("js/custom/kvm.js");
 	includeJs("js/custom/blade.js");
 	includeJs("js/custom/ipmi.js");
 	includeJs("js/custom/zvm.js");