9d01a63782
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@15254 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
6334 lines
227 KiB
JavaScript
6334 lines
227 KiB
JavaScript
/**
|
|
* Global variables
|
|
*/
|
|
var diskDatatable; // zVM datatable containing disks
|
|
var zfcpDatatable; // zVM datatable containing zFCP devices
|
|
var networkDatatable; // zVM datatable containing networks
|
|
|
|
/**
|
|
* Get the disk datatable
|
|
*
|
|
* @return Data table object
|
|
*/
|
|
function getDiskDataTable() {
|
|
return diskDatatable;
|
|
}
|
|
|
|
/**
|
|
* Set the disk datatable
|
|
*
|
|
* @param table Data table object
|
|
*/
|
|
function setDiskDataTable(table) {
|
|
diskDatatable = table;
|
|
}
|
|
|
|
/**
|
|
* Get the zFCP datatable
|
|
*
|
|
* @return Data table object
|
|
*/
|
|
function getZfcpDataTable() {
|
|
return zfcpDatatable;
|
|
}
|
|
|
|
/**
|
|
* Set the zFCP datatable
|
|
*
|
|
* @param table Data table object
|
|
*/
|
|
function setZfcpDataTable(table) {
|
|
zfcpDatatable = table;
|
|
}
|
|
|
|
/**
|
|
* Get the network datatable
|
|
*
|
|
* @return Data table object
|
|
*/
|
|
function getNetworkDataTable() {
|
|
return networkDatatable;
|
|
}
|
|
|
|
/**
|
|
* Set the network datatable
|
|
*
|
|
* @param table Data table object
|
|
*/
|
|
function setNetworkDataTable(table) {
|
|
networkDatatable = table;
|
|
}
|
|
|
|
/**
|
|
* Load HCP specific info
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function loadHcpInfo(data) {
|
|
var args = data.msg.split(';');
|
|
|
|
// Get group
|
|
var group = args[0].replace('group=', '');
|
|
// Get hardware control point
|
|
var hcp = args[1].replace('hcp=', '');
|
|
|
|
// Get user directory entry
|
|
var userEntry = data.rsp;
|
|
if (!userEntry.length)
|
|
return;
|
|
|
|
if (userEntry[0].indexOf('Failed') < 0) {
|
|
if (hcp) {
|
|
// If there is no cookie for the disk pool names
|
|
if (!$.cookie(hcp + 'diskpools')) {
|
|
// Get disk pools
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--diskpoolnames',
|
|
msg : hcp
|
|
},
|
|
|
|
success : setDiskPoolCookies
|
|
});
|
|
}
|
|
|
|
// If there is no cookie for the zFCP pool names
|
|
if (!$.cookie(hcp + 'zfcppools')) {
|
|
// Get disk pools
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--zfcppoolnames',
|
|
msg : hcp
|
|
},
|
|
|
|
success : setZfcpPoolCookies
|
|
});
|
|
}
|
|
|
|
// If there is no cookie for the network names
|
|
if (!$.cookie(hcp + 'networks')) {
|
|
// Get network names
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--getnetworknames',
|
|
msg : hcp
|
|
},
|
|
|
|
success : setNetworkCookies
|
|
});
|
|
}
|
|
} // End of if (hcp)
|
|
} else {
|
|
// Create warning dialog
|
|
var warning = createWarnBar('z/VM SMAPI is not responding to ' + hcp + '. It needs to be reset.');
|
|
var warnDialog = $('<div></div>').append(warning);
|
|
|
|
// Open dialog
|
|
warnDialog.dialog({
|
|
title:'Warning',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load user entry of a given node
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function loadUserEntry(data) {
|
|
var args = data.msg.split(';');
|
|
|
|
// Get tab ID
|
|
var ueDivId = args[0].replace('out=', '');
|
|
// Get node
|
|
var node = args[1].replace('node=', '');
|
|
// Get user directory entry
|
|
var userEntry = data.rsp[0].split(node + ':');
|
|
|
|
// Remove loader
|
|
$('#' + node + 'TabLoader').remove();
|
|
|
|
var toggleLinkId = node + 'ToggleLink';
|
|
$('#' + toggleLinkId).click(function() {
|
|
// Get text within this link
|
|
var lnkText = $(this).text();
|
|
|
|
// Toggle user entry division
|
|
$('#' + node + 'UserEntry').toggle();
|
|
// Toggle inventory division
|
|
$('#' + node + 'Inventory').toggle();
|
|
|
|
// Change text
|
|
if (lnkText == 'Show directory entry') {
|
|
$(this).text('Show inventory');
|
|
} else {
|
|
$(this).text('Show directory entry');
|
|
}
|
|
});
|
|
|
|
// Put user entry into a list
|
|
var fieldSet = $('<fieldset></fieldset>');
|
|
var legend = $('<legend>Directory Entry</legend>');
|
|
fieldSet.append(legend);
|
|
|
|
var txtArea = $('<textarea></textarea>');
|
|
for ( var i = 1; i < userEntry.length; i++) {
|
|
userEntry[i] = jQuery.trim(userEntry[i]);
|
|
txtArea.append(userEntry[i]);
|
|
|
|
if (i < userEntry.length) {
|
|
txtArea.append('\n');
|
|
}
|
|
}
|
|
txtArea.attr('readonly', 'readonly');
|
|
fieldSet.append(txtArea);
|
|
|
|
/**
|
|
* Edit user entry
|
|
*/
|
|
txtArea.bind('dblclick', function(event) {
|
|
txtArea.attr('readonly', '');
|
|
txtArea.css( {
|
|
'border-width' : '1px'
|
|
});
|
|
|
|
saveBtn.show();
|
|
cancelBtn.show();
|
|
saveBtn.css('display', 'inline-table');
|
|
cancelBtn.css('display', 'inline-table');
|
|
});
|
|
|
|
/**
|
|
* Save
|
|
*/
|
|
var saveBtn = createButton('Save').hide();
|
|
saveBtn.bind('click', function(event) {
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
|
|
// Replace user entry
|
|
var newUserEntry = jQuery.trim(txtArea.val()) + '\n';
|
|
|
|
// Replace user entry
|
|
$.ajax( {
|
|
url : 'lib/zCmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--replacevs',
|
|
att : newUserEntry,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process and save it in a cookie
|
|
incrementNodeProcess(node);
|
|
|
|
txtArea.attr('readonly', 'readonly');
|
|
txtArea.css( {
|
|
'border-width' : '0px'
|
|
});
|
|
|
|
// Disable save button
|
|
$(this).hide();
|
|
cancelBtn.hide();
|
|
});
|
|
|
|
/**
|
|
* Cancel
|
|
*/
|
|
var cancelBtn = createButton('Cancel').hide();
|
|
cancelBtn.bind('click', function(event) {
|
|
txtArea.attr('readonly', 'readonly');
|
|
txtArea.css( {
|
|
'border-width' : '0px'
|
|
});
|
|
|
|
cancelBtn.hide();
|
|
saveBtn.hide();
|
|
});
|
|
|
|
// Create info bar
|
|
var infoBar = createInfoBar('Double click on the directory entry to edit it.');
|
|
|
|
// Append user entry into division
|
|
$('#' + ueDivId).append(infoBar);
|
|
$('#' + ueDivId).append(fieldSet);
|
|
$('#' + ueDivId).append(saveBtn);
|
|
$('#' + ueDivId).append(cancelBtn);
|
|
}
|
|
|
|
/**
|
|
* Increment number of processes running against a node
|
|
*
|
|
* @param node Node to increment running processes
|
|
*/
|
|
function incrementNodeProcess(node) {
|
|
// Get current processes
|
|
var procs = $.cookie(node + 'processes');
|
|
if (procs) {
|
|
// One more process
|
|
procs = parseInt(procs) + 1;
|
|
$.cookie(node + 'processes', procs);
|
|
} else {
|
|
$.cookie(node + 'processes', 1);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update provision new node status
|
|
*
|
|
* @param data Data returned from HTTP request
|
|
*/
|
|
function updateZProvisionNewStatus(data) {
|
|
// Parse ajax response
|
|
var rsp = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var lastCmd = args[0].replace('cmd=', '');
|
|
var out2Id = args[1].replace('out=', '');
|
|
|
|
// IDs for status bar, tab, and loader
|
|
var statBarId = 'zProvisionStatBar' + out2Id;
|
|
var tabId = 'zvmProvisionTab' + out2Id;
|
|
var loaderId = 'zProvisionLoader' + out2Id;
|
|
|
|
var node = $('#' + tabId + ' input[name=nodeName]').val();
|
|
|
|
/**
|
|
* (2) Create user entry
|
|
*/
|
|
if (lastCmd == 'nodeadd') {
|
|
if (rsp.length) {
|
|
$('#' + loaderId).hide();
|
|
$('#' + statBarId).find('div').append('<pre>(Error) Failed to create node definition</pre>');
|
|
} else {
|
|
$('#' + statBarId).find('div').append('<pre>Node definition created for ' + node + '</pre>');
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// Create user entry
|
|
var userEntry = $('#' + tabId + ' textarea').val();
|
|
$.ajax( {
|
|
url : 'lib/zCmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'mkvm',
|
|
tgt : node,
|
|
args : '',
|
|
att : userEntry,
|
|
msg : 'cmd=mkvm;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (3) Update /etc/hosts
|
|
*/
|
|
else if (lastCmd == 'mkvm') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// If there was an error, quit
|
|
if (containErrors(prg.html())) {
|
|
$('#' + loaderId).hide();
|
|
} else {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'makehosts',
|
|
tgt : '',
|
|
args : '',
|
|
msg : 'cmd=makehosts;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (4) Update DNS
|
|
*/
|
|
else if (lastCmd == 'makehosts') {
|
|
// If there was an error, quit
|
|
if (rsp.length) {
|
|
$('#' + loaderId).hide();
|
|
$('#' + statBarId).find('div').append('<pre>(Error) Failed to update /etc/hosts</pre>');
|
|
} else {
|
|
$('#' + statBarId).find('div').append('<pre>/etc/hosts updated</pre>');
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'makedns',
|
|
tgt : '',
|
|
args : '',
|
|
msg : 'cmd=makedns;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (5) Add disk
|
|
*/
|
|
else if (lastCmd == 'makedns') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// If there was an error, quit
|
|
if (containErrors(prg.html())) {
|
|
$('#' + loaderId).hide();
|
|
} else {
|
|
// Set cookie for number of disks
|
|
var diskRows = $('#' + tabId + ' table:eq(0):visible tbody tr');
|
|
$.cookie('disks2add' + out2Id, diskRows.length);
|
|
if (diskRows.length > 0) {
|
|
for ( var i = 0; i < diskRows.length; i++) {
|
|
var diskArgs = diskRows.eq(i).find('td');
|
|
var type = diskArgs.eq(1).find('select').val();
|
|
var address = diskArgs.eq(2).find('input').val();
|
|
var size = diskArgs.eq(3).find('input').val();
|
|
var mode = diskArgs.eq(4).find('select').val();
|
|
var pool = diskArgs.eq(5).find('select').val();
|
|
var password = diskArgs.eq(6).find('input').val();
|
|
|
|
// Create ajax arguments
|
|
var args = '';
|
|
if (type == '3390') {
|
|
args = '--add' + type + ';' + pool + ';' + address
|
|
+ ';' + size + ';' + mode + ';' + password + ';'
|
|
+ password + ';' + password;
|
|
} else if (type == '9336') {
|
|
var blkSize = '512';
|
|
args = '--add' + type + ';' + pool + ';' + address + ';'
|
|
+ blkSize + ';' + size + ';' + mode + ';' + password + ';'
|
|
+ password + ';' + password;
|
|
}
|
|
|
|
// Attach disk to node
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : args,
|
|
msg : 'cmd=chvm-disk;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
// Set cookie for number of zFCP devices
|
|
var zfcpRows = $('#' + tabId + ' table:eq(1):visible tbody tr');
|
|
$.cookie('zfcp2add' + out2Id, zfcpRows.length);
|
|
if (zfcpRows.length > 0) {
|
|
for ( var i = 0; i < zfcpRows.length; i++) {
|
|
var diskArgs = zfcpRows.eq(i).find('td');
|
|
var address = diskArgs.eq(1).find('input').val();
|
|
var size = diskArgs.eq(2).find('input').val();
|
|
var pool = diskArgs.eq(3).find('select').val();
|
|
var tag = diskArgs.eq(4).find('input').val();
|
|
var portName = diskArgs.eq(5).find('input').val();
|
|
var unitNo = diskArgs.eq(6).find('input').val();
|
|
|
|
// This is either true or false
|
|
var loaddev = diskArgs.eq(7).find('input').attr('checked');
|
|
if (loaddev) {
|
|
loaddev = "1";
|
|
} else {
|
|
loaddev = "0";
|
|
}
|
|
|
|
// Create ajax arguments
|
|
var args = '--addzfcp;' + pool + ';' + address + ';' + loaddev + ';' + size;
|
|
if (tag && tag != "null") {
|
|
args += ';' + tag;
|
|
} if (portName && tag != "null") {
|
|
args += ';' + portName;
|
|
} if (unitNo && tag != "null") {
|
|
args += ';' + unitNo;
|
|
}
|
|
|
|
// Attach zFCP device to node
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : args,
|
|
msg : 'cmd=chvm-zfcp;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
// Done if no disks to add
|
|
if (diskRows.length < 1 && zfcpRows.length < 1) {
|
|
$('#' + loaderId).hide();
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (6) Set operating system for given node
|
|
*/
|
|
else if (lastCmd == 'chvm-disk' || lastCmd == 'chvm-zfcp') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// If there was an error, quit
|
|
if (containErrors(prg.html())) {
|
|
$('#' + loaderId).hide();
|
|
} else {
|
|
// Set cookie for number of disks
|
|
// One less disk to add
|
|
var disks2add = $.cookie('disks2add' + out2Id);
|
|
if (lastCmd == 'chvm-disk') {
|
|
if (disks2add > 0) {
|
|
disks2add--;
|
|
$.cookie('disks2add' + out2Id, disks2add);
|
|
}
|
|
}
|
|
|
|
var zfcp2add = $.cookie('zfcp2add' + out2Id);
|
|
if (lastCmd == 'chvm-zfcp') {
|
|
if (zfcp2add > 0) {
|
|
zfcp2add--;
|
|
$.cookie('zfcp2add' + out2Id, zfcp2add);
|
|
}
|
|
}
|
|
|
|
// Only set operating system if there are no more disks to add
|
|
if (zfcp2add < 1 && disks2add < 1) {
|
|
// If an operating system image is given
|
|
var osImage = $('#' + tabId + ' select[name=os]:visible').val();
|
|
if (osImage) {
|
|
// Get operating system, architecture, provision method, and profile
|
|
var tmp = osImage.split('-');
|
|
var os = tmp[0];
|
|
var arch = tmp[1];
|
|
var profile = tmp[3];
|
|
|
|
// If the last disk is added
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeadd',
|
|
tgt : '',
|
|
args : node + ';noderes.netboot=zvm;nodetype.os='
|
|
+ os + ';nodetype.arch=' + arch
|
|
+ ';nodetype.profile=' + profile,
|
|
msg : 'cmd=noderes;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
} else {
|
|
$('#' + loaderId).hide();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (7) Update DHCP
|
|
*/
|
|
else if (lastCmd == 'noderes') {
|
|
// If there was an error, do not continue
|
|
if (rsp.length) {
|
|
$('#' + loaderId).hide();
|
|
$('#' + statBarId).find('div').append('<pre>(Error) Failed to set operating system</pre>');
|
|
} else {
|
|
$('#' + statBarId).find('div').append('<pre>Operating system for ' + node + ' set</pre>');
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'makedhcp',
|
|
tgt : '',
|
|
args : '-a',
|
|
msg : 'cmd=makedhcp;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (8) Prepare node for boot
|
|
*/
|
|
else if (lastCmd == 'makedhcp') {
|
|
// Prepare node for boot
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeset',
|
|
tgt : node,
|
|
args : 'install',
|
|
msg : 'cmd=nodeset;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* (9) Boot node to network
|
|
*/
|
|
else if (lastCmd == 'nodeset') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// If there was an error
|
|
// Do not continue
|
|
if (containErrors(prg.html())) {
|
|
$('#' + loaderId).hide();
|
|
} else {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rnetboot',
|
|
tgt : node,
|
|
args : 'ipl=000C',
|
|
msg : 'cmd=rnetboot;out=' + out2Id
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (10) Done
|
|
*/
|
|
else if (lastCmd == 'rnetboot') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
if (prg.html().indexOf('Error') < 0) {
|
|
$('#' + statBarId).find('div').append('<pre>Open a VNC viewer to see the installation progress. It might take a couple of minutes before you can connect.</pre>');
|
|
}
|
|
|
|
// Hide loader
|
|
$('#' + loaderId).hide();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update the provision existing node status
|
|
*
|
|
* @param data Data returned from HTTP request
|
|
*/
|
|
function updateZProvisionExistingStatus(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 = 'zProvisionStatBar' + inst;
|
|
var tabId = 'zvmProvisionTab' + inst;
|
|
|
|
/**
|
|
* (2) Prepare node for boot
|
|
*/
|
|
if (cmd == 'nodeadd') {
|
|
// Get operating system
|
|
var bootMethod = $('#' + tabId + ' select[name=bootMethod]').val();
|
|
|
|
// Get nodes that were checked
|
|
var dTableId = 'zNodesDatatable' + inst;
|
|
var tgts = getNodesChecked(dTableId);
|
|
|
|
// Prepare node for boot
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeset',
|
|
tgt : tgts,
|
|
args : bootMethod,
|
|
msg : 'cmd=nodeset;out=' + inst
|
|
},
|
|
|
|
success : updateZProvisionExistingStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* (3) Boot node from network
|
|
*/
|
|
else if (cmd == 'nodeset') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
// If there was an error, do not continue
|
|
if (containErrors(prg.html())) {
|
|
var loaderId = 'zProvisionLoader' + inst;
|
|
$('#' + loaderId).remove();
|
|
return;
|
|
}
|
|
|
|
// Get nodes that were checked
|
|
var dTableId = 'zNodesDatatable' + inst;
|
|
var tgts = getNodesChecked(dTableId);
|
|
|
|
// Boot node from network
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rnetboot',
|
|
tgt : tgts,
|
|
args : 'ipl=000C',
|
|
msg : 'cmd=rnetboot;out=' + inst
|
|
},
|
|
|
|
success : updateZProvisionExistingStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* (4) Done
|
|
*/
|
|
else if (cmd == 'rnetboot') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
|
|
var loaderId = 'zProvisionLoader' + inst;
|
|
$('#' + loaderId).remove();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update zVM node status
|
|
*
|
|
* @param data Data returned from HTTP request
|
|
*/
|
|
function updateZNodeStatus(data) {
|
|
var node = data.msg;
|
|
var rsp = data.rsp;
|
|
|
|
// Get cookie for number processes performed against this node
|
|
var actions = $.cookie(node + 'processes');
|
|
// One less process
|
|
actions = actions - 1;
|
|
$.cookie(node + 'processes', actions);
|
|
|
|
if (actions < 1) {
|
|
// Hide loader when there are no more processes
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).hide();
|
|
}
|
|
|
|
var statBarId = node + 'StatusBar';
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, node + ': ');
|
|
$('#' + statBarId).find('div').append(prg);
|
|
}
|
|
|
|
/**
|
|
* Update clone status
|
|
*
|
|
* @param data Data returned from HTTP request
|
|
*/
|
|
function updateZCloneStatus(data) {
|
|
// Get ajax response
|
|
var rsp = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var cmd = args[0].replace('cmd=', '');
|
|
|
|
// Get provision instance
|
|
var inst = args[1].replace('inst=', '');
|
|
// Get output division ID
|
|
var out2Id = args[2].replace('out=', '');
|
|
|
|
/**
|
|
* (2) Update /etc/hosts
|
|
*/
|
|
if (cmd == 'nodeadd') {
|
|
var node = args[3].replace('node=', '');
|
|
|
|
// If there was an error, do not continue
|
|
if (rsp.length) {
|
|
$('#' + out2Id).find('img').hide();
|
|
$('#' + out2Id).find('div').append('<pre>(Error) Failed to create node definition</pre>');
|
|
} else {
|
|
$('#' + out2Id).find('div').append('<pre>Node definition created for ' + node + '</pre>');
|
|
|
|
// If last node definition was created
|
|
var tmp = inst.split('/');
|
|
if (tmp[0] == tmp[1]) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'makehosts',
|
|
tgt : '',
|
|
args : '',
|
|
msg : 'cmd=makehosts;inst=' + inst + ';out=' + out2Id
|
|
},
|
|
|
|
success : updateZCloneStatus
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (3) Update DNS
|
|
*/
|
|
else if (cmd == 'makehosts') {
|
|
// If there was an error, do not continue
|
|
if (rsp.length) {
|
|
$('#' + out2Id).find('img').hide();
|
|
$('#' + out2Id).find('div').append('<pre>(Error) Failed to update /etc/hosts</pre>');
|
|
} else {
|
|
$('#' + out2Id).find('div').append('<pre>/etc/hosts updated</pre>');
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'makedns',
|
|
tgt : '',
|
|
args : '',
|
|
msg : 'cmd=makedns;inst=' + inst + ';out=' + out2Id
|
|
},
|
|
|
|
success : updateZCloneStatus
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* (4) Clone
|
|
*/
|
|
else if (cmd == 'makedns') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + out2Id).find('div').append(prg);
|
|
|
|
// Get clone tab
|
|
var tabId = out2Id.replace('CloneStatusBar', 'CloneTab');
|
|
|
|
// If a node range is given
|
|
var tgtNodeRange = $('#' + tabId + ' input[name=tgtNode]').val();
|
|
var tgtNodes = '';
|
|
if (tgtNodeRange.indexOf('-') > -1) {
|
|
var tmp = tgtNodeRange.split('-');
|
|
|
|
// Get node base name
|
|
var nodeBase = tmp[0].match(/[a-zA-Z]+/);
|
|
// Get the starting index
|
|
var nodeStart = parseInt(tmp[0].match(/\d+/));
|
|
// Get the ending index
|
|
var nodeEnd = parseInt(tmp[1].match(/\d+/));
|
|
for ( var i = nodeStart; i <= nodeEnd; i++) {
|
|
// Do not append comma for last node
|
|
if (i == nodeEnd) {
|
|
tgtNodes += nodeBase + i.toString();
|
|
} else {
|
|
tgtNodes += nodeBase + i.toString() + ',';
|
|
}
|
|
}
|
|
} else {
|
|
tgtNodes = tgtNodeRange;
|
|
}
|
|
|
|
// Get other inputs
|
|
var srcNode = $('#' + tabId + ' input[name=srcNode]').val();
|
|
hcp = $('#' + tabId + ' input[name=newHcp]').val();
|
|
var group = $('#' + tabId + ' input[name=newGroup]').val();
|
|
var diskPool = $('#' + tabId + ' input[name=diskPool]').val();
|
|
var diskPw = $('#' + tabId + ' input[name=diskPw]').val();
|
|
if (!diskPw) {
|
|
diskPw = '';
|
|
}
|
|
|
|
// Clone
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'mkvm',
|
|
tgt : tgtNodes,
|
|
args : srcNode + ';pool=' + diskPool + ';pw=' + diskPw,
|
|
msg : 'cmd=mkvm;inst=' + inst + ';out=' + out2Id
|
|
},
|
|
|
|
success : updateZCloneStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* (5) Done
|
|
*/
|
|
else if (cmd == 'mkvm') {
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + out2Id).find('div').append(prg);
|
|
|
|
// Hide loader
|
|
$('#' + out2Id).find('img').hide();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get zVM resources
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function getZResources(data) {
|
|
var tabId = 'zvmResourceTab';
|
|
var info = createInfoBar('Manage storage and networks');
|
|
$('#' + tabId).append(info);
|
|
|
|
// Do not continue if there is no output
|
|
if (data.rsp.length) {
|
|
// Push hardware control points into an array
|
|
var node, hcp;
|
|
var hcpHash = new Object();
|
|
for (var i in data.rsp) {
|
|
node = data.rsp[i][0];
|
|
hcp = data.rsp[i][1];
|
|
hcpHash[hcp] = 1;
|
|
}
|
|
|
|
// Create an array for hardware control points
|
|
var hcps = new Array();
|
|
for (var key in hcpHash) {
|
|
// Get the short host name
|
|
hcp = key.split('.')[0];
|
|
hcps.push(hcp);
|
|
}
|
|
|
|
// Set hardware control point cookie
|
|
$.cookie('hcp', hcps);
|
|
|
|
// Delete loader
|
|
$('#' + tabId).find('img[src="images/loader.gif"]').remove();
|
|
|
|
// Create accordion panel for disk
|
|
var resourcesAccordion = $('<div id="zvmResourceAccordion"></div>');
|
|
var diskSection = $('<div id="zvmDiskResource"></div>');
|
|
var diskLnk = $('<h3><a href="#">Disks</a></h3>').click(function () {
|
|
// Do not load panel again if it is already loaded
|
|
if ($('#zvmDiskResource').children().length)
|
|
return;
|
|
else
|
|
$('#zvmDiskResource').append(createLoader(''));
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
// Query the disk pools for each
|
|
for (var i in hcps) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--diskpoolnames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getDiskPool
|
|
});
|
|
}
|
|
});
|
|
|
|
// Create accordion panel for zFCP devices
|
|
var zfcpSection = $('<div id="zfcpResource"></div>');
|
|
var zfcpLnk = $('<h3><a href="#">zFCP</a></h3>').click(function () {
|
|
// Do not load panel again if it is already loaded
|
|
if ($('#zfcpResource').children().length)
|
|
return;
|
|
else
|
|
$('#zfcpResource').append(createLoader(''));
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
for ( var i in hcps) {
|
|
// Gather networks from hardware control points
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--zfcppoolnames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getZfcpPool
|
|
});
|
|
}
|
|
});
|
|
|
|
// Create accordion panel for network
|
|
var networkSection = $('<div id="zvmNetworkResource"></div>');
|
|
var networkLnk = $('<h3><a href="#">Networks</a></h3>').click(function () {
|
|
// Do not load panel again if it is already loaded
|
|
if ($('#zvmNetworkResource').children().length)
|
|
return;
|
|
else
|
|
$('#zvmNetworkResource').append(createLoader(''));
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
for ( var i in hcps) {
|
|
// Gather networks from hardware control points
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--getnetworknames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getNetwork
|
|
});
|
|
}
|
|
});
|
|
|
|
resourcesAccordion.append(diskLnk, diskSection, zfcpLnk, zfcpSection, networkLnk, networkSection);
|
|
|
|
// Append accordion to tab
|
|
$('#' + tabId).append(resourcesAccordion);
|
|
resourcesAccordion.accordion();
|
|
networkLnk.trigger('click');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get node attributes from HTTP request data
|
|
*
|
|
* @param propNames Hash table of property names
|
|
* @param keys Property keys
|
|
* @param data Data from HTTP request
|
|
* @return Hash table of property values
|
|
*/
|
|
function getAttrs(keys, propNames, data) {
|
|
// Create hash table for property values
|
|
var attrs = new Object();
|
|
|
|
// Go through inventory and separate each property out
|
|
var curKey = null; // Current property key
|
|
var addLine; // Add a line to the current property?
|
|
for ( var i = 1; i < data.length; i++) {
|
|
addLine = true;
|
|
|
|
// Loop through property keys
|
|
// Does this line contains one of the properties?
|
|
for ( var j = 0; j < keys.length; j++) {
|
|
// Find property name
|
|
if (data[i].indexOf(propNames[keys[j]]) > -1) {
|
|
attrs[keys[j]] = new Array();
|
|
|
|
// Get rid of property name in the line
|
|
data[i] = data[i].replace(propNames[keys[j]], '');
|
|
// Trim the line
|
|
data[i] = jQuery.trim(data[i]);
|
|
|
|
// Do not insert empty line
|
|
if (data[i].length > 0) {
|
|
attrs[keys[j]].push(data[i]);
|
|
}
|
|
|
|
curKey = keys[j];
|
|
addLine = false; // This line belongs to a property
|
|
}
|
|
}
|
|
|
|
// Line does not contain a property
|
|
// Must belong to previous property
|
|
if (addLine && data[i].length > 1) {
|
|
data[i] = jQuery.trim(data[i]);
|
|
attrs[curKey].push(data[i]);
|
|
}
|
|
}
|
|
|
|
return attrs;
|
|
}
|
|
|
|
/**
|
|
* Create add processor dialog
|
|
*
|
|
* @param node Node to add processor to
|
|
*/
|
|
function openAddProcDialog(node) {
|
|
// Create form to add processor
|
|
var addProcForm = $('<div class="form"></div>');
|
|
// Create info bar
|
|
var info = createInfoBar('Add a temporary processor to this virtual server.');
|
|
addProcForm.append(info);
|
|
addProcForm.append('<div><label>Node:</label><input type="text" readonly="readonly" id="procNode" name="procNode" value="' + node + '" title="The node name"/></div>');
|
|
addProcForm.append('<div><label>Processor address:</label><input type="text" id="procAddress" name="procAddress" title="The processor address. The processor address can be any value from 0 to 3F."/></div>');
|
|
|
|
// Create drop down for processor type
|
|
var procType = $('<div></div>');
|
|
procType.append('<label>Processor type:</label>');
|
|
var typeSelect = $('<select name="procType" title="The type of virtual CPU being defined"></select>');
|
|
typeSelect.append('<option>CP</option>'
|
|
+ '<option>IFL</option>'
|
|
+ '<option>ZAAP</option>'
|
|
+ '<option>ZIIP</option>'
|
|
);
|
|
procType.append(typeSelect);
|
|
addProcForm.append(procType);
|
|
|
|
// Generate tooltips
|
|
addProcForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add processor
|
|
addProcForm.dialog({
|
|
title:'Add processor',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=procNode]').val();
|
|
var address = $(this).find('input[name=procAddress]').val();
|
|
var type = $(this).find('select[name=procType]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!node || !address || !type) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
// Add processor
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--addprocessoractive;' + address + ';' + type,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
var statusId = node + 'StatusBar';
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).show();
|
|
$('#' + statusId).show();
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add disk dialog
|
|
*
|
|
* @param node Node to add disk to
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddDiskDialog(node, hcp) {
|
|
// Get list of disk pools
|
|
var cookie = $.cookie(hcp + 'diskpools');
|
|
var pools = cookie.split(',');
|
|
|
|
// Create form to add disk
|
|
var addDiskForm = $('<div class="form"></div>');
|
|
// Create info bar
|
|
var info = createInfoBar('Add a ECKD|3390 or FBA|9336 disk to this virtual server.');
|
|
addDiskForm.append(info);
|
|
addDiskForm.append('<div><label>Node:</label><input type="text" readonly="readonly" name="diskNode" value="' + node + '" title="The node name"/></div>');
|
|
addDiskForm.append('<div><label>Disk type:</label><select name="diskType" title="The device type of the volume to which the disk is assigned"><option value="3390">3390</option><option value="9336">9336</option></select></div>');
|
|
addDiskForm.append('<div><label>Disk address:</label><input type="text" name="diskAddress" title="The virtual device address of the disk to be added"/></div>');
|
|
addDiskForm.append('<div><label>Disk size:</label><input type="text" name="diskSize" title="The size of the disk to be added. The size can be in G, M, or number of blocks or cylinders. For example, 6G, 6144M, or 10016."/></div>');
|
|
|
|
// Create drop down for disk pool
|
|
var diskPool = $('<div></div>');
|
|
diskPool.append('<label>Disk pool:</label>');
|
|
var poolSelect = $('<select id="diskPool" name="diskPool" title="The pool where the new disk is to be found"></select>');
|
|
for ( var i = 0; i < pools.length; i++) {
|
|
poolSelect.append('<option>' + pools[i] + '</option>');
|
|
}
|
|
diskPool.append(poolSelect);
|
|
addDiskForm.append(diskPool);
|
|
|
|
// Create drop down for disk mode
|
|
var diskMode = $('<div></div>');
|
|
diskMode.append('<label>Disk mode:</label>');
|
|
var modeSelect = $('<select id="diskMode" name="diskMode" title="The access mode for the disk"></select>');
|
|
modeSelect.append('<option>R</option>'
|
|
+ '<option>RR</option>'
|
|
+ '<option>W</option>'
|
|
+ '<option>WR</option>'
|
|
+ '<option>M</option>'
|
|
+ '<option>MR</option>'
|
|
+ '<option>MW</option>'
|
|
);
|
|
diskMode.append(modeSelect);
|
|
addDiskForm.append(diskMode);
|
|
|
|
addDiskForm.append('<div><label>Disk password:</label><input type="password" id="diskPassword" name="diskPassword" title="Optional. Defines the read, write, and multi password that will be used for accessing the disk."/></div>');
|
|
|
|
// Generate tooltips
|
|
addDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addDiskForm.dialog({
|
|
title:'Add disk',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=diskNode]').val();
|
|
var type = $(this).find('select[name=diskType]').val();
|
|
var address = $(this).find('input[name=diskAddress]').val();
|
|
var size = $(this).find('input[name=diskSize]').val();
|
|
var pool = $(this).find('select[name=diskPool]').val();
|
|
var mode = $(this).find('select[name=diskMode]').val();
|
|
var password = $(this).find('input[name=diskPassword]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!node || !type || !address || !size || !pool || !mode) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
// Add disk
|
|
if (type == '3390') {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--add3390;' + pool + ';' + address + ';' + size
|
|
+ ';' + mode + ';' + password + ';' + password + ';' + password,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
var statusId = node + 'StatusBar';
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).show();
|
|
$('#' + statusId).show();
|
|
} else if (type == '9336') {
|
|
// Default block size for FBA volumes = 512
|
|
var blkSize = '512';
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--add9336;' + pool + ';' + address + ';' + blkSize + ';' + size
|
|
+ ';' + mode + ';' + password + ';' + password + ';' + password,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
var statusId = node + 'StatusBar';
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).show();
|
|
$('#' + statusId).show();
|
|
}
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
} // End of else
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add zFCP device dialog
|
|
*
|
|
* @param node Node to add disk to
|
|
* @param hcp Hardware control point of node
|
|
* @param zvm The z/VM system of node
|
|
*/
|
|
function openAddZfcpDialog(node, hcp, zvm) {
|
|
// Get list of disk pools
|
|
var cookie = $.cookie(hcp + 'zfcppools');
|
|
var pools = cookie.split(',');
|
|
|
|
// Create form to add disk
|
|
var addZfcpForm = $('<div class="form"></div>');
|
|
// Create info bar
|
|
var info = createInfoBar('Add a SCSI|FCP disk to this virtual server.');
|
|
addZfcpForm.append(info);
|
|
addZfcpForm.append('<div><label>Node:</label><input type="text" readonly="readonly" name="diskNode" value="' + node + '" title="The node name"/></div>');
|
|
addZfcpForm.append('<div><label>Disk address:</label><input type="text" name="diskAddress" title="The virtual address of the dedicated FCP device channel"/></div>');
|
|
addZfcpForm.append('<div><label>LOADDEV:</label><input type="checkbox" name="diskLoaddev" title="Set the SCSI disk as the device to be loaded on IPL"/></div>');
|
|
addZfcpForm.append('<div><label>Disk size:</label><input type="text" name="diskSize" title="The size of the disk to be added. The size can be in G or M. For example, 2G or 2048M."/></div>');
|
|
|
|
// Create drop down for disk pool
|
|
var diskPool = $('<div></div>');
|
|
diskPool.append('<label>Disk pool:</label>');
|
|
var poolSelect = $('<select name="diskPool" title="The pool where the new disk is to be found"></select>');
|
|
for ( var i = 0; i < pools.length; i++) {
|
|
poolSelect.append('<option>' + pools[i] + '</option>');
|
|
}
|
|
diskPool.append(poolSelect);
|
|
addZfcpForm.append(diskPool);
|
|
|
|
// Tag to identify where device will be used
|
|
addZfcpForm.append('<div><label>Disk tag:</label><input type="text" name="diskTag" title="The tag specified in the autoyast or kickstart template, defining how the SCSI disk is to be used."/></div>');
|
|
|
|
// Create advanced link to set advanced zFCP properties
|
|
var advancedLnk = $('<div><label><a style="color: blue; cursor: pointer;">Advanced</a></label></div>');
|
|
addZfcpForm.append(advancedLnk);
|
|
var advanced = $('<div style="margin-left: 20px;"></div>').hide();
|
|
addZfcpForm.append(advanced);
|
|
|
|
var portName = $('<div><label>Port name:</label><input type="text" name="diskPortName" title="The hexadecimal digits designating the 8-byte fibre channel port name of the FCP-I/O device"/></div>');
|
|
var unitNo = $('<div><label>Unit number:</label><input type="text" name="diskUnitNo" title="The hexadecimal digits representing the 8-byte logical unit number of the FCP-I/O device"/></div>');
|
|
advanced.append(portName, unitNo);
|
|
|
|
// Toggle port name and unit number when clicking on advanced link
|
|
advancedLnk.click(function() {
|
|
advanced.toggle();
|
|
});
|
|
|
|
// Generate tooltips
|
|
addZfcpForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addZfcpForm.dialog({
|
|
title:'Add zFCP device',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=diskNode]').val();
|
|
var address = $(this).find('input[name=diskAddress]').val();
|
|
var loaddev = $(this).find('input[name=diskLoaddev]');
|
|
var size = $(this).find('input[name=diskSize]').val();
|
|
var pool = $(this).find('select[name=diskPool]').val();
|
|
var tag = $(this).find('select[name=diskTag]').val();
|
|
var portName = $(this).find('select[name=diskPortName]').val();
|
|
var unitNo = $(this).find('select[name=diskUnitNo]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!node || !address || !size || !pool) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
if (loaddev.attr('checked')) {
|
|
loaddev = 1;
|
|
} else {
|
|
loaddev = 0;
|
|
}
|
|
|
|
var args = '--addzfcp||' + pool + '||' + address + '||' + loaddev + '||' + size;
|
|
|
|
if (tag && tag != "null") {
|
|
args += '||' + tag;
|
|
} if (portName && tag != "null") {
|
|
args += '||' + portName;
|
|
} if (unitNo && tag != "null") {
|
|
args += '||' + unitNo;
|
|
}
|
|
|
|
// Add zFCP device
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : args,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
var statusId = node + 'StatusBar';
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).show();
|
|
$('#' + statusId).show();
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create dedicate device dialog
|
|
*
|
|
* @param node Node to dedicate device to
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openDedicateDeviceDialog(node, hcp) {
|
|
// Create form to add disk
|
|
var dedicateForm = $('<div class="form"></div>');
|
|
// Create info bar
|
|
var info = createInfoBar('Add a dedicated device to the configuration');
|
|
dedicateForm.append(info);
|
|
|
|
dedicateForm.append('<div><label>Node:</label><input type="text" readonly="readonly" name="diskNode" value="' + node + '" title="The node name"/></div>');
|
|
dedicateForm.append('<div><label>Virtual device address:</label><input type="text" name="virtualAddress" title=" The virtual device number of the device"/></div>');
|
|
dedicateForm.append('<div><label>Real device address:</label><input type="test" name="realAddress" title=" A real device number to be dedicated or attached to the specified virtual machine"/></div>');
|
|
dedicateForm.append('<div><label>Mode:</label><select name="mode" title="Specifies if the virtual device is to be in read-only or read-write mode">' +
|
|
'<option value="0">Read-write</option>' +
|
|
'<option value="1">Read-only</option>' +
|
|
'</select>');
|
|
|
|
// Generate tooltips
|
|
dedicateForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add dedicated device
|
|
dedicateForm.dialog({
|
|
title:'Add dedicated device',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=diskNode]').val();
|
|
var vAddress = $(this).find('input[name=virtualAddress]').val();
|
|
var rAddress = $(this).find('input[name=realAddress]').val()
|
|
var mode = $(this).find('select[name=mode]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!node || !vAddress || !rAddress || !mode) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
var args = '--dedicatedevice;' + vAddress + ';' + rAddress + ';' + mode;
|
|
|
|
// Add zFCP device
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : args,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
var statusId = node + 'StatusBar';
|
|
var statusBarLoaderId = node + 'StatusBarLoader';
|
|
$('#' + statusBarLoaderId).show();
|
|
$('#' + statusId).show();
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add ECKD to system dialog
|
|
*
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddEckd2SystemDialog(hcp) {
|
|
var dialogId = 'zvmAddEckd2System';
|
|
|
|
// Create form to add disk
|
|
var addE2SForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Dynamically add an ECKD disk to a running z/VM system.');
|
|
addE2SForm.append(info);
|
|
|
|
addE2SForm.append(system);
|
|
addE2SForm.append('<div><label>Device number:</label><input type="text" name="devNum" value="" maxlength="4" title="The disk device number"/></div>');
|
|
|
|
// Generate tooltips
|
|
addE2SForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addE2SForm.dialog({
|
|
title:'Add ECKD to system',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 420,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var system = $(this).find('select[name=system]').val();
|
|
var devnum = $(this).find('input[name=devNum]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=devNum]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : "--addeckd;" + devnum,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add page or spool dialog
|
|
*
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddPageSpoolDialog(hcp) {
|
|
var dialogId = 'zvmAddPageSpool';
|
|
|
|
// Create form to add disk
|
|
var addPageSpoolForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Indicate a full-pack minidisk is to be shared by the users of many real and virtual systems.');
|
|
addPageSpoolForm.append(info);
|
|
|
|
var diskFS = $('<fieldset><legend>Disk</legend></fieldset>');
|
|
addPageSpoolForm.append(diskFS);
|
|
var diskAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
diskFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/hdd.png"></img></div>'));
|
|
diskFS.append(diskAttr);
|
|
|
|
diskAttr.append(system);
|
|
diskAttr.append('<div><label>Volume address:</label><input type="text" name="volAddr" value="" maxlength="4" title="The real address of the volume to be used for page or spool space"/></div>');
|
|
diskAttr.append('<div><label>Volume label:</label><input type="text" name="volLabel" value="" maxlength="6" title="The name to be associated with the newly formatted volume"/></div>');
|
|
diskAttr.append('<div><label>Volume use:</label><select name="volUse" title="Specifies that the volume is to be formatted and used as a page or spool volume"><option value="PAGE">Page</option><option value="SPOOL">Spool</option></select></div>');
|
|
|
|
// Generate tooltips
|
|
addPageSpoolForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addPageSpoolForm.dialog({
|
|
title:'Add page or spool',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var system = $(this).find('select[name=system]').val();
|
|
var volAddr = $(this).find('input[name=volAddr]').val();
|
|
var volLabel = $(this).find('input[name=volLabel]').val();
|
|
var volUse = $(this).find('select[name=volUse]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=volAddr]', 'input[name=volLabel]', 'select[name=volUse]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
var pageSpoolArgs = volAddr + ";" + volLabel + ";" + volUse;
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : system,
|
|
args : '--addpagespool;' + pageSpoolArgs,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to share disk
|
|
*
|
|
* @param disks2share Disks selected in table
|
|
*/
|
|
function openShareDiskDialog(disks2share) {
|
|
// Create form to share disk
|
|
var dialogId = 'zvmShareDisk';
|
|
var shareDiskForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
var args = disks2share.split(';');
|
|
var tgtHcp = args[0];
|
|
var tgtVol = args[1];
|
|
|
|
if (!tgtVol || tgtVol == "undefined")
|
|
tgtVol = "";
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Indicate a full-pack minidisk is to be shared by the users of many real and virtual systems.');
|
|
shareDiskForm.append(info);
|
|
|
|
// Set region input based on those selected on table (if any)
|
|
var node = $('<div><label>Node:</label><input type="text" name="node" title="The node name"/></div>');
|
|
var volAddr = $('<div><label>Volume addresses:</label><input type="text" name="volAddr" value="' + tgtVol + '" title="The real device number of the volume to be shared"/></div>');
|
|
var shareEnable = $('<div><label>Share enable:</label><select name="shareEnable" title="Turns sharing of the specified full-pack minidisk on or off"><option value="ON">On</option><option value="OFF">Off</option></select></div>');
|
|
shareDiskForm.append(node, volAddr, shareEnable);
|
|
|
|
// Generate tooltips
|
|
shareDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to delete disk
|
|
shareDiskForm.dialog({
|
|
title:'Share disk',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=node]').val();
|
|
var volAddr = $(this).find('input[name=volAddr]').val();
|
|
var shareEnable = $(this).find('select[name=shareEnable]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('input[name=node]', 'input[name=volAddr]', 'select[name=shareEnable]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
// Remove disk from pool
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : "--sharevolume;" + volAddr + ";" + shareEnable,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add SCSI 2 system dialog
|
|
*
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddScsi2SystemDialog(hcp) {
|
|
var dialogId = 'zvmAddScsi2System';
|
|
|
|
// Create form to add disk
|
|
var addS2SForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Dynamically add an SCSI disk to a running z/VM system.');
|
|
addS2SForm.append(info);
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
var devNo = $('<div><label>FCP device:</label><input type="text" name="devNo" maxlength="4" title="The SCSI disk device number"/></div>');
|
|
var devPathLabel = $('<label>Device paths:</label>');
|
|
var devPathCount = 1;
|
|
var pathDiv = $('<div class="devPath" style="margin-left:125px;"></div>');
|
|
|
|
var devPathDiv = $('<div id="devPathArray"></div>');
|
|
var devPathTable = $('<table style="margin-left:140px;"></table>');
|
|
var devPathHeader = $('<thead class="ui-widget-header"> <th></th><th>FCP Device</th> <th>WWPN</th> <th>LUN</th></thead>');
|
|
// Adjust header width
|
|
devPathHeader.find('th').css({
|
|
'width' : '120px'
|
|
});
|
|
devPathHeader.find('th').eq(0).css({
|
|
'width' : '20px'
|
|
});
|
|
var devPathBody = $('<tbody></tbody>');
|
|
var devPathFooter = $('<tfoot></tfoot>');
|
|
|
|
// Create a row
|
|
var devPathRow = $('<tr class="devPath"></tr>');
|
|
|
|
// Add blank column (remove button replacement)
|
|
devPathRow.append('<td style="padding: 0px;"></td>');
|
|
|
|
// Create FCP device number input
|
|
var fcpDevNum = $('<td><input type="text" style="width: 100px;" name="fcpDevNum" maxlength="4" title="The FCP device number"/></td>');
|
|
devPathRow.append(fcpDevNum);
|
|
|
|
// Create FCP WWPN input
|
|
var fcpWwpn = $('<td><input type="text" style="width: 100px;" name="fcpWwpn" maxlength="16" title="The FCP world wide port number"/></td>');
|
|
devPathRow.append(fcpWwpn);
|
|
|
|
if ($.cookie('zvms')) {
|
|
zvms = $.cookie('zvms').split(',');
|
|
var zvm;
|
|
for (var i in zvms) {
|
|
var args = zvms[i].split(':');
|
|
var zvm = args[0].toLowerCase();
|
|
var iHcp = args[1];
|
|
}
|
|
}
|
|
|
|
// Create FCP LUN input
|
|
var fcpLun = $('<td><input type="text" style="width: 100px;" name="fcpLun" maxlength="16" title="The FCP logical unit number"/></td>');
|
|
devPathRow.append(fcpLun);
|
|
|
|
devPathBody.append(devPathRow);
|
|
|
|
var addDevPathLink = $('<a>+ Add path</a>');
|
|
addDevPathLink.bind('click', function(event){
|
|
devPathCount = devPathCount + 1;
|
|
// Create a row
|
|
var devPathRow = $('<tr></tr>');
|
|
|
|
// Add remove button
|
|
var removeBtn = $('<span class="ui-icon ui-icon-close"></span>').css({
|
|
"float": "left",
|
|
"cursor": "pointer"
|
|
});
|
|
var col = $('<td></td>').append(removeBtn);
|
|
removeBtn.bind('click', function(event) {
|
|
$(this).parent().parent().remove();
|
|
});
|
|
devPathRow.append(col);
|
|
|
|
// Create FCP device number input
|
|
var fcpDevNum = $('<td><input type="text" style="width: 100px;" name="fcpDevNum" maxlength="4" title="The FCP device number"/></td>');
|
|
devPathRow.append(fcpDevNum);
|
|
|
|
// Create FCP WWPN input
|
|
var fcpWwpn = $('<td><input type="text" style="width: 100px;" name="fcpWwpn" maxlength="16" title="The world wide port number"/></td>');
|
|
devPathRow.append(fcpWwpn);
|
|
|
|
// Create FCP LUN input
|
|
var fcpLun = $('<td><input type="text" style="width: 100px;" name="fcpLun" maxlength="16" title="The logical unit number"/></td>');
|
|
devPathRow.append(fcpLun);
|
|
|
|
devPathBody.append(devPathRow);
|
|
|
|
// Generate tooltips
|
|
addS2SForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
});
|
|
devPathFooter.append(addDevPathLink);
|
|
devPathTable.append(devPathHeader);
|
|
devPathTable.append(devPathBody);
|
|
devPathTable.append(devPathFooter);
|
|
devPathDiv.append(devPathLabel);
|
|
devPathDiv.append(devPathTable);
|
|
|
|
var option = $('<div><label>Option:</label><select name="option" title="The action to perform">' +
|
|
'<option selected value="1">Add a new SCSI disk</option>' +
|
|
'<option value="2">Add new paths to an existing SCSI disk</option>' +
|
|
'<option value="3">Delete paths from an existing SCSI disk</option>' +
|
|
'</select></div>');
|
|
var persist = $('<div><label>Persist:</label><select name="persist" title="Specifies that the SCSI device is to be updated on the active system configuration or both the active and permanent system configurations">' +
|
|
'<option selected value="no">No</option>' +
|
|
'<option value="yes">Yes</option>' +
|
|
'</select></div>');
|
|
addS2SForm.append(system, devNo, devPathDiv, option, persist);
|
|
|
|
// Generate tooltips
|
|
addS2SForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
addS2SForm.find('div input[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addS2SForm.dialog({
|
|
title:'Add SCSI to running system',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 675,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var system = $(this).find('select[name=system]').val();
|
|
var devNo = $(this).find('input[name=devNo]').val();
|
|
var pathArray = "";
|
|
$('.devPath').each(function(index) {
|
|
pathArray += $(this).find('input[name=fcpDevNum]').val() + ',';
|
|
pathArray += $(this).find('input[name=fcpWwpn]').val() + ',';
|
|
pathArray += $(this).find('input[name=fcpLun]').val() + ';';
|
|
});
|
|
var option = $(this).find('select[name=option]').val();
|
|
var persist = $(this).find('select[name=persist]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=devNum]', 'select[name=option]', 'select[name=persist]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
// Show warning message
|
|
if (!ready || !pathArray) {
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : "--addscsi||" + devNo + "||'" + pathArray + "'||" + option + "||" + persist,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Delete a real SCSI disk
|
|
*
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openRemoveScsiDialog(hcp) {
|
|
var dialogId = 'zvmRemoveScsiDialog';
|
|
// Create form to add disk
|
|
var removeScsiForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Delete a real SCSI disk');
|
|
removeScsiForm.append(info, system);
|
|
removeScsiForm.append('<div><label>Device number:</label><input type="text" name="devNum" value="" maxlength="4" title="The SCSI disk device number"/></div>');
|
|
removeScsiForm.append('<div><label>Persist:</label><select name="persist" title="Specifies that the SCSI device is to be updated on the active system configuration or both the active and permanent system configurations">' +
|
|
'<option value="NO">No</option>' +
|
|
'<option value="YES>Yes</option>' +
|
|
'</select></div>');
|
|
|
|
// Generate tooltips
|
|
removeScsiForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
removeScsiForm.dialog({
|
|
title:'Delete a real SCSI disk',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var system = $(this).find('select[name=system]').val();
|
|
var devnum = $(this).find('input[name=devNum]').val();
|
|
var persist = $(this).find('select[name=persist]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=devNum]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : "--removescsi;" + devnum + ";" + persist,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add NIC dialog
|
|
*
|
|
* @param node Node to add NIC to
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddNicDialog(node, hcp) {
|
|
// Get network names
|
|
var networks = $.cookie(hcp + 'networks').split(',');
|
|
|
|
// Create form to add NIC
|
|
var addNicForm = $('<div class="form"></div>');
|
|
// Create info bar
|
|
var info = createInfoBar('Add a NIC to this virtual server.');
|
|
addNicForm.append(info);
|
|
addNicForm.append('<div><label>Node:</label><input type="text" readonly="readonly" id="nicNode" name="nicNode" value="' + node + '" title="The node name"/></div>');
|
|
addNicForm.append('<div><label>NIC address:</label><input type="text" id="nicAddress" name="nicAddress" title="The virtual device address for the new adapter"/></div>');
|
|
|
|
// Create drop down for NIC types
|
|
var nicType = $('<div></div>');
|
|
nicType.append('<label>NIC type:</label>');
|
|
var nicTypeSelect = $('<select id="nicType" name="nicType" title="The adapter type"></select>');
|
|
nicTypeSelect.append('<option></option>'
|
|
+ '<option>QDIO</option>'
|
|
+ '<option>HiperSockets</option>'
|
|
);
|
|
nicType.append(nicTypeSelect);
|
|
addNicForm.append(nicType);
|
|
|
|
// Create drop down for network types
|
|
var networkType = $('<div></div>');
|
|
networkType.append('<label>Network type:</label>');
|
|
var networkTypeSelect = $('<select name="nicNetworkType" title="The network type"></select>');
|
|
networkTypeSelect.append('<option></option>'
|
|
+ '<option>Guest LAN</option>'
|
|
+ '<option>Virtual Switch</option>'
|
|
);
|
|
networkType.append(networkTypeSelect);
|
|
addNicForm.append(networkType);
|
|
|
|
// Create drop down for network names
|
|
var gLansQdioSelect = $('<select id="nicLanQdioName" name="nicLanQdioName" title="The name of the guest LAN segment"></select>');
|
|
var gLansHipersSelect = $('<select id="nicLanHipersName" name="nicLanHipersName" title="The name of the guest LAN segment"></select>');
|
|
var vswitchSelect = $('<select id="nicVSwitchName" name="nicVSwitchName" title="The name of the virtual switch segment"></select>');
|
|
for ( var i = 0; i < networks.length; i++) {
|
|
var network = networks[i].split(' ');
|
|
var networkOption = $('<option>' + network[1] + ' ' + network[2] + '</option>');
|
|
if (network[0] == 'VSWITCH') {
|
|
vswitchSelect.append(networkOption);
|
|
} else if (network[0] == 'LAN:QDIO') {
|
|
gLansQdioSelect.append(networkOption);
|
|
} else if (network[0] == 'LAN:HIPERS') {
|
|
gLansHipersSelect.append(networkOption);
|
|
}
|
|
}
|
|
|
|
// Hide network name drop downs until the NIC type and network type is selected
|
|
// QDIO Guest LAN drop down
|
|
var guestLanQdio = $('<div></div>').hide();
|
|
guestLanQdio.append('<label>Guest LAN name:</label>');
|
|
guestLanQdio.append(gLansQdioSelect);
|
|
addNicForm.append(guestLanQdio);
|
|
|
|
// HIPERS Guest LAN drop down
|
|
var guestLanHipers = $('<div></div>').hide();
|
|
guestLanHipers.append('<label>Guest LAN name:</label>');
|
|
guestLanHipers.append(gLansHipersSelect);
|
|
addNicForm.append(guestLanHipers);
|
|
|
|
// VSWITCH drop down
|
|
var vswitch = $('<div></div>').hide();
|
|
vswitch.append('<label>VSWITCH name:</label>');
|
|
vswitch.append(vswitchSelect);
|
|
addNicForm.append(vswitch);
|
|
|
|
// Show network names on change
|
|
networkTypeSelect.change(function(){
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
// Get NIC type and network type
|
|
var nicType = $(this).parent().parent().find('select[name=nicType]').val();
|
|
var networkType = $(this).val();
|
|
|
|
// Hide network name drop downs
|
|
var guestLanQdio = $(this).parent().parent().find('select[name=nicLanQdioName]').parent();
|
|
var guestLanHipers = $(this).parent().parent().find('select[name=nicLanHipersName]').parent();
|
|
var vswitch = $(this).parent().parent().find('select[name=nicVSwitchName]').parent();
|
|
guestLanQdio.hide();
|
|
guestLanHipers.hide();
|
|
vswitch.hide();
|
|
|
|
// Show correct network name
|
|
if (networkType == 'Guest LAN' && nicType == 'QDIO') {
|
|
guestLanQdio.show();
|
|
} else if (networkType == 'Guest LAN' && nicType == 'HiperSockets') {
|
|
guestLanHipers.show();
|
|
} else if (networkType == 'Virtual Switch') {
|
|
if (nicType == 'QDIO') {
|
|
vswitch.show();
|
|
} else {
|
|
// No such thing as HIPERS VSWITCH
|
|
var warn = createWarnBar('The selected choices are not valid.');
|
|
warn.prependTo($(this).parent().parent());
|
|
}
|
|
}
|
|
});
|
|
|
|
// Show network names on change
|
|
nicTypeSelect.change(function(){
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
// Get NIC type and network type
|
|
var nicType = $(this).val();
|
|
var networkType = $(this).parent().parent().find('select[name=nicNetworkType]').val();
|
|
|
|
// Hide network name drop downs
|
|
var guestLanQdio = $(this).parent().parent().find('select[name=nicLanQdioName]').parent();
|
|
var guestLanHipers = $(this).parent().parent().find('select[name=nicLanHipersName]').parent();
|
|
var vswitch = $(this).parent().parent().find('select[name=nicVSwitchName]').parent();
|
|
guestLanQdio.hide();
|
|
guestLanHipers.hide();
|
|
vswitch.hide();
|
|
|
|
// Show correct network name
|
|
if (networkType == 'Guest LAN' && nicType == 'QDIO') {
|
|
guestLanQdio.show();
|
|
} else if (networkType == 'Guest LAN' && nicType == 'HiperSockets') {
|
|
guestLanHipers.show();
|
|
} else if (networkType == 'Virtual Switch') {
|
|
if (nicType == 'QDIO') {
|
|
vswitch.show();
|
|
} else {
|
|
// No such thing as HIPERS VSWITCH
|
|
var warn = createWarnBar('The selected choices are not valid.');
|
|
warn.prependTo($(this).parent().parent());
|
|
}
|
|
}
|
|
});
|
|
|
|
// Generate tooltips
|
|
addNicForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add NIC
|
|
addNicForm.dialog({
|
|
title:'Add NIC',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var ready = true;
|
|
var errMsg = '';
|
|
|
|
// Get inputs
|
|
var node = $(this).find('input[name=nicNode]').val();
|
|
var nicType = $(this).find('select[name=nicType]').val();
|
|
var networkType = $(this).find('select[name=nicNetworkType]').val();
|
|
var address = $(this).find('input[name=nicAddress]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!node || !nicType || !networkType || !address) {
|
|
errMsg = 'Please provide a value for each missing field.<br>';
|
|
ready = false;
|
|
}
|
|
|
|
// If a HIPERS VSWITCH is selected, show warning message
|
|
if (nicType == 'HiperSockets' && networkType == 'Virtual Switch') {
|
|
errMsg += 'The selected choices are not valid.';
|
|
ready = false;
|
|
}
|
|
|
|
// If there are errors
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar(errMsg);
|
|
warn.prependTo($(this));
|
|
} else {
|
|
// Add guest LAN
|
|
if (networkType == 'Guest LAN') {
|
|
var temp;
|
|
if (nicType == 'QDIO') {
|
|
temp = $(this).find('select[name=nicLanQdioName]').val().split(' ');
|
|
} else {
|
|
temp = $(this).find('select[name=nicLanHipersName]').val().split(' ');
|
|
}
|
|
|
|
var lanOwner = temp[0];
|
|
var lanName = temp[1];
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--addnic;' + address + ';' + nicType + ';3',
|
|
msg : 'node=' + node + ';addr=' + address + ';lan='
|
|
+ lanName + ';owner=' + lanOwner
|
|
},
|
|
success : connect2GuestLan
|
|
});
|
|
}
|
|
|
|
// Add virtual switch
|
|
else if (networkType == 'Virtual Switch' && nicType == 'QDIO') {
|
|
var temp = $(this).find('select[name=nicVSwitchName]').val().split(' ');
|
|
var vswitchName = temp[1];
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--addnic;' + address + ';' + nicType + ';3',
|
|
msg : 'node=' + node + ';addr=' + address + ';vsw='
|
|
+ vswitchName
|
|
},
|
|
|
|
success : connect2VSwitch
|
|
});
|
|
}
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
} // End of else
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create add vSwitch/VLAN dialog
|
|
*
|
|
* @param hcp Hardware control point of node
|
|
*/
|
|
function openAddVswitchVlanDialog(hcp) {
|
|
var dialogId = 'zvmAddVswitchVlan';
|
|
|
|
// Create form to add disk
|
|
var addVswitchForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Create a virtual switch or virtual network LAN.');
|
|
|
|
var netFS = $('<fieldset></fieldset>');
|
|
var netLegend = $('<legend>Network</legend>');
|
|
netFS.append(netLegend);
|
|
|
|
var typeFS = $('<fieldset></fieldset>').hide();
|
|
var typeLegend = $('<legend>Network</legend>');
|
|
typeFS.append(typeLegend);
|
|
addVswitchForm.append(info, netFS, typeFS);
|
|
|
|
var netAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
netFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/network.png"></img></div>'));
|
|
netFS.append(netAttr);
|
|
|
|
var networkTypeDiv = $('<div><label>Network Type:</label>');
|
|
var networkType = $('<select name="networkType">' +
|
|
'<option></option>' +
|
|
'<option value="vswitch">vSwitch</option>' +
|
|
'<option value="vlan">VLAN</option>' +
|
|
'</select></div>');
|
|
networkTypeDiv.append(networkType)
|
|
netAttr.append(networkTypeDiv);
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
netAttr.append(system);
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
var typeAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
typeFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/preferences_network.png"></img></div>'));
|
|
typeFS.append(typeAttr);
|
|
|
|
// Create vSwitch parameters
|
|
var vswitchOptions = $('<div name=vswitchOptions></div>').hide();
|
|
vswitchOptions.append($('<div><label>Switch name:</label><input type="text" name="switchName" title="The name of the virtual switch segment"/></div>'));
|
|
vswitchOptions.append($('<div><label>Device address:</label><input type="text" name="deviceAddress" title="The real device address of a real OSA-Express QDIO device used to create the switch to the virtual adapter"/></div>'));
|
|
vswitchOptions.append($('<div><label>Controller name:</label><input type="text" name="controllerName" title="The userid controlling the real device"/></div>'));
|
|
|
|
// Create an advanced link to configure optional network settings
|
|
var advancedLnk = $('<div><label><a style="color: blue; cursor: pointer;">Advanced</a></label></div>');
|
|
vswitchOptions.append(advancedLnk);
|
|
var advanced = $('<div style="margin-left: 20px;"></div>').hide();
|
|
vswitchOptions.append(advanced);
|
|
|
|
// Show IP address and hostname inputs on-click
|
|
advancedLnk.click(function() {
|
|
advanced.toggle();
|
|
});
|
|
|
|
advanced.append($('<div><label>Connection:</label><select name="connection" title="The real device connection">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">Activate real device connection</option>' +
|
|
'<option value="2">Do not activate real device connection</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>QDIO buffer size:</label><input type="text" name="queueMemoryLimit" maxlength="1" value="8" title="A number between 1 and 8 specifying the QDIO buffer size in megabytes. If unspecified, the default is 8."/></div>'));
|
|
advanced.append($('<div><label>Routing:</label><select name="routingValue" title="Specifies whether the OSA-Express QDIO device will act as a router to the virtual switch">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">NONROUTER</option>' +
|
|
'<option value="2">PRIROUTER</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>Transport:</label><select name="transportType" title="Specifies the transport mechanism to be used for the virtual switch">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">IP</option>' +
|
|
'<option value="2">ETHERNET</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>VLAN ID:</label><input type="text" name="vlanId" value="-1" title="Specifies the VLAN ID"/></div>'));
|
|
advanced.append($('<div><label>Port type:</label><select name="portType" title="Specifies the port type">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">ACCESS</option>' +
|
|
'<option value="2">TRUNK</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>Update sysconfig:</label><select name="updateSysConfig" title="Specifies whether to add the virtual switch definition to the system configuration file">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">Create virtual switch</option>' +
|
|
'<option value="2">Create virtual switch and add definition to system configuration</option>' +
|
|
'<option value="3">Add virtual switch definition to system configuration</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>GVRP:</label><select name="gvrp" title="GVRP will run only on 802.1Q trunk ports and is used primarily to prune traffic from VLANs that does not need to be passed between trunking switches">' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">GVRP</option>' +
|
|
'<option value="2">NOGVRP</option>' +
|
|
'</select></div>'));
|
|
advanced.append($('<div><label>Native VLAN ID:</label><input type="text" name="nativeVlanId" value="-1" title="The native VLAN ID"/></div>'));
|
|
|
|
// Create VLAN parameters
|
|
var vlanOptions = $('<div name=vlanOptions></div>').hide();
|
|
vlanOptions.append($('<div><label>Name:</label><input type="text" name="vlanName" title="The name of the guest LAN segment to be created"/></div>'));
|
|
vlanOptions.append($('<div><label>Owner:</label><input type="text" name="vlanOwner" title="The virtual image owning the guest LAN segment to be created"/></div>'));
|
|
vlanOptions.append($('<div><label>Type:</label><select name="vlanType" title="The type of guest LAN segment">' +
|
|
'<option value=""></option>' +
|
|
'<option value="1">Unrestricted HiperSockets NIC</option>' +
|
|
'<option value="2">Unrestricted QDIO NIC</option>' +
|
|
'<option value="3">Restricted HiperSockets NIC</option>' +
|
|
'<option value="4">Restricted QDIO NIC</option>' +
|
|
'</select></div>'));
|
|
vlanOptions.append($('<div><label>Transport:</label><select name="vlanTransport" title="The transport mechanism to be used for guest LANs and virtual switches">' +
|
|
'<option value=""></option>' +
|
|
'<option value="0">Unspecified</option>' +
|
|
'<option value="1">IP</option>' +
|
|
'<option value="2">Ethernet</option>' +
|
|
'</select></div>'));
|
|
|
|
typeAttr.append(vswitchOptions, vlanOptions);
|
|
|
|
networkType.change(function() {
|
|
typeFS.show();
|
|
if ($(this).val() == "vswitch") {
|
|
typeFS.find("legend").text("vSwitch");
|
|
vswitchOptions.show();
|
|
vlanOptions.hide();
|
|
} else if ($(this).val() == "vlan") {
|
|
typeFS.find("legend").text("VLAN");
|
|
vswitchOptions.hide();
|
|
vlanOptions.show();
|
|
} else {
|
|
typeFS.find("legend").text("");
|
|
vswitchOptions.hide();
|
|
vlanOptions.hide();
|
|
typeFS.hide();
|
|
}
|
|
});
|
|
|
|
// Generate tooltips
|
|
addVswitchForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add vSwitch or VLAN
|
|
addVswitchForm.dialog({
|
|
title:'Add vSwitch or VLAN',
|
|
modal: true,
|
|
close: function() {
|
|
$(this).remove();
|
|
},
|
|
width: 750,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var networkType = $(this).find('select[name=networkType]').val();
|
|
if (networkType == "vswitch") {
|
|
var networkArgs = "--addvswitch;";
|
|
var system = $(this).find('select[name=system]').val();
|
|
var switchName = $(this).find('input[name=switchName]').val();
|
|
var deviceAddress = $(this).find('input[name=deviceAddress]').val();
|
|
var portName = switchName;
|
|
var controllerName = $(this).find('input[name=controllerName]').val();
|
|
var connection = $(this).find('select[name=connection]').val();
|
|
var queueMemoryLimit = $(this).find('input[name=queueMemoryLimit]').val();
|
|
var routingValue = $(this).find('select[name=routingValue]').val();
|
|
var transportType = $(this).find('select[name=transportType]').val();
|
|
var vlanId = $(this).find('input[name=vlanId]').val();
|
|
var portType = $(this).find('select[name=portType]').val();
|
|
var updateSysConfig = $(this).find('select[name=updateSysConfig]').val();
|
|
var gvrp = $(this).find('select[name=gvrp]').val();
|
|
var nativeVlanId = $(this).find('input[name=nativeVlanId]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=switchName]', 'input[name=deviceAddress]', 'input[name=controllerName]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
// Show warning message
|
|
if (!ready) {
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
if (switchName)
|
|
networkArgs += switchName + ";";
|
|
if (deviceAddress)
|
|
networkArgs += deviceAddress + ";";
|
|
if (portName)
|
|
networkArgs += portName + ";";
|
|
if (controllerName)
|
|
networkArgs += controllerName + ";";
|
|
|
|
// Optional parameters
|
|
if (connection)
|
|
networkArgs += connection + ";";
|
|
if (queueMemoryLimit)
|
|
networkArgs += queueMemoryLimit + ";";
|
|
if (routingValue)
|
|
networkArgs += routingValue + ";";
|
|
if (transportType)
|
|
networkArgs += transportType + ";";
|
|
if (vlanId)
|
|
networkArgs += vlanId + ";";
|
|
if (portType)
|
|
networkArgs += portType + ";";
|
|
if (updateSysConfig)
|
|
networkArgs += updateSysConfig + ";";
|
|
if (gvrp)
|
|
networkArgs += gvrp + ";";
|
|
if (nativeVlanId)
|
|
networkArgs += nativeVlanId + ";";
|
|
networkArgs = networkArgs.substring(0, networkArgs.length - 1);
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : networkArgs,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
} else if (networkType == "vlan") {
|
|
var networkArgs = "--addvlan;";
|
|
var system = $(this).find('select[name=system]').val();
|
|
var vlanName = $(this).find('input[name=vlanName]').val();
|
|
var vlanOwner = $(this).find('input[name=vlanOwner]').val();
|
|
var vlanType = $(this).find('select[name=vlanType]').val();
|
|
var vlanTransport = $(this).find('select[name=vlanTransport]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=vlanName]', 'input[name=vlanOwner]', 'select[name=vlanType]', 'select[name=vlanTransport]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
// Show warning message
|
|
if (!ready) {
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Ethernet Hipersockets are not supported
|
|
if (vlanTransport == "2") {
|
|
var warn = createWarnBar('Ethernet Hipersockets are not supported');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
networkArgs += vlanName + ";";
|
|
networkArgs += vlanOwner + ";";
|
|
networkArgs += vlanType + ";";
|
|
networkArgs += vlanTransport;
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : networkArgs,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
} // End of else if
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to delete network
|
|
*
|
|
* @param node type name for removing network
|
|
*/
|
|
function openRemoveVswitchVlanDialog(networkList) {
|
|
var names = '';
|
|
for (var i in networkList) {
|
|
var networkArgs = networkList[i].split(';');
|
|
networkArgs[2] = jQuery.trim(networkArgs[2]);
|
|
names += networkArgs[2] + ', ';
|
|
}
|
|
names = names.substring(0, names.length - 2); // Delete last two characters
|
|
|
|
var confirmDialog = $('<div><p>Are you sure you want to remove ' + names + '?</p></div>');
|
|
confirmDialog.dialog({
|
|
title: "Confirm",
|
|
modal: true,
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function() {
|
|
for (var i in networkList) {
|
|
var networkArgs = networkList[i].split(';');
|
|
var node = networkArgs[0];
|
|
var type = networkArgs[1];
|
|
var name = jQuery.trim(networkArgs[2]);
|
|
var owner = networkArgs[3];
|
|
|
|
if (type.indexOf("VSWITCH") != -1) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : node,
|
|
args : '--removevswitch;' + name,
|
|
msg : ''
|
|
},
|
|
|
|
success: function(data) {
|
|
var infoMsg;
|
|
|
|
// Create info message
|
|
if (jQuery.isArray(data.rsp)) {
|
|
infoMsg = '';
|
|
for (var i in data.rsp) {
|
|
infoMsg += data.rsp[i] + '</br>';
|
|
}
|
|
} else {
|
|
infoMsg = data.rsp;
|
|
}
|
|
|
|
openDialog("info", infoMsg);
|
|
}
|
|
});
|
|
} else if (type.indexOf("LAN") != -1) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : node,
|
|
args : '--removevlan;' + name + ';' + owner,
|
|
msg : ''
|
|
},
|
|
|
|
success: function(data) {
|
|
var infoMsg;
|
|
|
|
// Create info message
|
|
if (jQuery.isArray(data.rsp)) {
|
|
infoMsg = '';
|
|
for (var i in data.rsp) {
|
|
infoMsg += data.rsp[i] + '</br>';
|
|
}
|
|
} else {
|
|
infoMsg = data.rsp;
|
|
}
|
|
|
|
openDialog("info", infoMsg);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
$(this).dialog("close");
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Remove processor
|
|
*
|
|
* @param node Node where processor is attached
|
|
* @param address Virtual address of processor
|
|
*/
|
|
function removeProcessor(node, address) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--removeprocessor;' + address,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
}
|
|
|
|
/**
|
|
* Remove disk
|
|
*
|
|
* @param node Node where disk is attached
|
|
* @param address Virtual address of disk
|
|
*/
|
|
function removeDisk(node, address) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--removedisk;' + address,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
}
|
|
|
|
/**
|
|
* Remove zFCP device
|
|
*
|
|
* @param node Node where disk is attached
|
|
* @param address Virtual address of zFCP device
|
|
* @param wwpn World wide port name of zFCP device
|
|
* @param lun Logical unit number of zFCP device
|
|
*/
|
|
function removeZfcp(node, address, wwpn, lun) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--removezfcp||' + address + '||' + wwpn + '||' + lun,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
}
|
|
|
|
/**
|
|
* Remove NIC
|
|
*
|
|
* @param node Node where NIC is attached
|
|
* @param address Virtual address of NIC
|
|
*/
|
|
function removeNic(node, nic) {
|
|
var args = nic.split('.');
|
|
var address = args[0];
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--removenic;' + address,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
|
|
// Increment node process
|
|
incrementNodeProcess(node);
|
|
|
|
// Show loader
|
|
$('#' + node + 'StatusBarLoader').show();
|
|
$('#' + node + 'StatusBar').show();
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for the network names of a given node
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function setNetworkCookies(data) {
|
|
if (data.rsp.length) {
|
|
var node = data.msg;
|
|
var networks = data.rsp[0].split(node + ': ');
|
|
|
|
// Set cookie to expire in 60 minutes
|
|
var exDate = new Date();
|
|
exDate.setTime(exDate.getTime() + (60 * 60 * 1000));
|
|
$.cookie(node + 'networks', networks, { expires: exDate });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get contents of each disk pool
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function getDiskPool(data) {
|
|
if (data.rsp.length && data.rsp[0].indexOf("Failed") == -1) {
|
|
var hcp = data.msg;
|
|
var pools = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Get contents of each disk pool
|
|
for ( var i in pools) {
|
|
if (pools[i]) {
|
|
pools[i] = jQuery.trim(pools[i]);
|
|
|
|
// Get used space
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--diskpool;' + pools[i] + ';used',
|
|
msg : 'hcp=' + hcp + ';pool=' + pools[i] + ';stat=used'
|
|
},
|
|
|
|
success : loadDiskPoolTable
|
|
});
|
|
|
|
// Get free space
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--diskpool;' + pools[i] + ';free',
|
|
msg : 'hcp=' + hcp + ';pool=' + pools[i] + ';stat=free'
|
|
},
|
|
|
|
success : loadDiskPoolTable
|
|
});
|
|
} // End of if
|
|
} // End of for
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get contents of each zFCP pool
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function getZfcpPool(data) {
|
|
if (data.rsp.length && data.rsp[0].indexOf("Failed") == -1) {
|
|
var hcp = data.msg;
|
|
var pools = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Get contents of each disk pool
|
|
for (var i in pools) {
|
|
if (pools[i]) {
|
|
pools[i] = jQuery.trim(pools[i]);
|
|
|
|
// Query used and free space
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--zfcppool;' + pools[i] + ';all',
|
|
msg : 'hcp=' + hcp + ';pool=' + pools[i]
|
|
},
|
|
|
|
success : loadZfcpPoolTable
|
|
});
|
|
} // End of if
|
|
} // End of for
|
|
} else {
|
|
// Load empty table
|
|
loadZfcpPoolTable(null);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get details of each network
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function getNetwork(data) {
|
|
if (data.rsp.length && data.rsp[0].indexOf("Failed") == -1) {
|
|
var hcp = data.msg;
|
|
var networks = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Loop through each network
|
|
for ( var i = 1; i < networks.length; i++) {
|
|
var args = networks[i].split(' ');
|
|
var type = args[0];
|
|
var name = args[2];
|
|
|
|
// Get network details
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcp,
|
|
args : '--getnetwork;' + name,
|
|
msg : 'hcp=' + hcp + ';type=' + type + ';network=' + name
|
|
},
|
|
|
|
success : loadNetworkTable
|
|
});
|
|
} // End of for
|
|
} // End of if
|
|
}
|
|
|
|
/**
|
|
* Load disk pool contents into a table
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function loadDiskPoolTable(data) {
|
|
// Remove loader
|
|
var panelId = 'zvmDiskResource';
|
|
$('#' + panelId).find('img[src="images/loader.gif"]').remove();
|
|
|
|
// Do not continue if the call failed
|
|
if (!data.rsp.length && data.rsp[0].indexOf("Failed") > 0) {
|
|
return;
|
|
}
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var args = data.msg.split(';');
|
|
var hcp = args[0].replace('hcp=', '');
|
|
var pool = args[1].replace('pool=', '');
|
|
var stat = args[2].replace('stat=', '');
|
|
var tmp = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Resource tab ID
|
|
var info = $('#' + panelId).find('.ui-state-highlight');
|
|
// If there is no info bar
|
|
if (!info.length) {
|
|
// Create info bar
|
|
info = createInfoBar('Below are disks that are defined in the EXTENT CONTROL file.');
|
|
$('#' + panelId).append(info);
|
|
}
|
|
|
|
// Get datatable
|
|
var tableId = 'zDiskDataTable';
|
|
var dTable = getDiskDataTable();
|
|
if (!dTable) {
|
|
// Create a datatable
|
|
var table = new DataTable(tableId);
|
|
// Resource headers: volume ID, device type, start address, and size
|
|
table.init( [ '<input type="checkbox" onclick="selectAllDisk(event, $(this))">', 'z/VM', 'Pool', 'Status', 'Volume', 'Device type', 'Starting address', 'Size' ]);
|
|
|
|
// Append datatable to panel
|
|
$('#' + panelId).append(table.object());
|
|
|
|
// Turn into datatable
|
|
dTable = $('#' + tableId).dataTable({
|
|
'iDisplayLength': 50,
|
|
"bScrollCollapse": true,
|
|
"sScrollY": "400px",
|
|
"sScrollX": "110%",
|
|
"bAutoWidth": true,
|
|
"oLanguage": {
|
|
"oPaginate": {
|
|
"sNext": "",
|
|
"sPrevious": ""
|
|
}
|
|
}
|
|
});
|
|
setDiskDataTable(dTable);
|
|
}
|
|
|
|
// Skip index 0 and 1 because it contains nothing
|
|
for (var i = 2; i < tmp.length; i++) {
|
|
tmp[i] = jQuery.trim(tmp[i]);
|
|
var diskAttrs = tmp[i].split(' ');
|
|
var key = hcp2zvm[hcp] + "-" + pool + "-" + diskAttrs[0];
|
|
dTable.fnAddData( [ '<input type="checkbox" name="' + key + '"/>', hcp2zvm[hcp], pool, stat, diskAttrs[0], diskAttrs[1], diskAttrs[2], diskAttrs[3] ]);
|
|
}
|
|
|
|
// Create actions menu
|
|
if (!$('#zvmDiskResourceActions').length) {
|
|
// Empty filter area
|
|
$('#' + tableId + '_length').empty();
|
|
|
|
// Add disk to pool
|
|
var addLnk = $('<a>Add</a>');
|
|
addLnk.bind('click', function(event){
|
|
openAddDisk2PoolDialog();
|
|
});
|
|
|
|
// Delete disk from pool
|
|
var removeLnk = $('<a>Remove</a>');
|
|
removeLnk.bind('click', function(event){
|
|
var disks = getNodesChecked(tableId);
|
|
openRemoveDiskFromPoolDialog(disks);
|
|
});
|
|
|
|
// Refresh table
|
|
var refreshLnk = $('<a>Refresh</a>');
|
|
refreshLnk.bind('click', function(event){
|
|
$('#zvmDiskResource').empty().append(createLoader(''));
|
|
setDiskDataTable('');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
// Query the disk pools for each
|
|
for (var i in hcps) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--diskpoolnames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getDiskPool
|
|
});
|
|
}
|
|
});
|
|
|
|
// Add ECKD to system
|
|
var addEckdLnk = $('<a>Add ECKD</a>');
|
|
addEckdLnk.bind('click', function(event){
|
|
openAddEckd2SystemDialog(hcp);
|
|
});
|
|
|
|
// Add Page or Spool
|
|
var addPageSpoolLnk = $('<a>Add page/spool</a>')
|
|
addPageSpoolLnk.bind('click', function(event){
|
|
openAddPageSpoolDialog(hcp);
|
|
});
|
|
|
|
// Indicate disk is to be shared with various users
|
|
var shareLnk = $('<a>Share disk</a>');
|
|
shareLnk.bind('click', function(event){
|
|
var disks = getNodesChecked(tableId);
|
|
openShareDiskDialog(disks);
|
|
});
|
|
|
|
// Advanced menu
|
|
var advancedLnk = '<a>Advanced</a>';
|
|
var advancedMenu = createMenu([addEckdLnk, addPageSpoolLnk, shareLnk]);
|
|
|
|
// Create action bar
|
|
var actionBar = $('<div id="zvmDiskResourceActions" class="actionBar"></div>').css("width", "450px");
|
|
|
|
// Create an action menu
|
|
var actionsMenu = createMenu([addLnk, removeLnk, refreshLnk, [advancedLnk, advancedMenu]]);
|
|
actionsMenu.superfish();
|
|
actionsMenu.css('display', 'inline-block');
|
|
actionBar.append(actionsMenu);
|
|
|
|
// Set correct theme for action menu
|
|
actionsMenu.find('li').hover(function() {
|
|
setMenu2Theme($(this));
|
|
}, function() {
|
|
setMenu2Normal($(this));
|
|
});
|
|
|
|
// Create a division to hold actions menu
|
|
var menuDiv = $('<div id="' + tableId + '_menuDiv" class="menuDiv"></div>');
|
|
$('#' + tableId + '_length').prepend(menuDiv);
|
|
$('#' + tableId + '_length').css({
|
|
'padding': '0px',
|
|
'width': '500px'
|
|
});
|
|
$('#' + tableId + '_filter').css('padding', '10px');
|
|
menuDiv.append(actionBar);
|
|
}
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
}
|
|
|
|
/**
|
|
* Load zFCP pool contents into a table
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function loadZfcpPoolTable(data) {
|
|
// Delete loader
|
|
var panelId = 'zfcpResource';
|
|
$('#' + panelId).find('img[src="images/loader.gif"]').remove();
|
|
|
|
// Do not continue if the call failed
|
|
if (!data.rsp.length && data.rsp[0].indexOf("Failed") > 0) {
|
|
return;
|
|
}
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var args, hcp, pool, tmp;
|
|
args = data.msg.split(';');
|
|
hcp = args[0].replace('hcp=', '');
|
|
pool = args[1].replace('pool=', '');
|
|
tmp = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Resource tab ID
|
|
var info = $('#' + panelId).find('.ui-state-highlight');
|
|
// If there is no info bar, create info bar
|
|
if (!info.length) {
|
|
info = createInfoBar('Below are devices that are defined internally in the zFCP pools.');
|
|
$('#' + panelId).append(info);
|
|
}
|
|
|
|
// Get datatable
|
|
var tableId = 'zFcpDataTable';
|
|
var dTable = getZfcpDataTable();
|
|
if (!dTable) {
|
|
// Create a datatable
|
|
var table = new DataTable(tableId);
|
|
// Resource headers: status, WWPN, LUN, size, owner, channel, tag
|
|
table.init( [ '<input type="checkbox" onclick="selectAllDisk(event, $(this))">', 'z/VM', 'Pool', 'Status', 'Port name', 'Unit number', 'Size', 'Range', 'Owner', 'Channel', 'Tag' ]);
|
|
|
|
// Append datatable to panel
|
|
$('#' + panelId).append(table.object());
|
|
|
|
// Turn into datatable
|
|
dTable = $('#' + tableId).dataTable({
|
|
'iDisplayLength': 50,
|
|
"bScrollCollapse": true,
|
|
"sScrollY": "400px",
|
|
"sScrollX": "110%",
|
|
"bAutoWidth": true,
|
|
"oLanguage": {
|
|
"oPaginate": {
|
|
"sNext": "",
|
|
"sPrevious": ""
|
|
}
|
|
}
|
|
});
|
|
setZfcpDataTable(dTable);
|
|
}
|
|
|
|
if (data) {
|
|
// Skip index 0 and 1 because it contains nothing
|
|
var key = "";
|
|
for ( var i = 2; i < tmp.length; i++) {
|
|
tmp[i] = jQuery.trim(tmp[i]);
|
|
var diskAttrs = tmp[i].split(',');
|
|
var key = hcp2zvm[hcp] + '-' + pool + '-' + diskAttrs[2];
|
|
dTable.fnAddData( [ '<input type="checkbox" name="' + key + '"/>', hcp2zvm[hcp], pool, diskAttrs[0], diskAttrs[1], diskAttrs[2], diskAttrs[3], diskAttrs[4], diskAttrs[5], diskAttrs[6], diskAttrs[7] ]);
|
|
}
|
|
}
|
|
|
|
// Create actions menu
|
|
if (!$('#zFcpResourceActions').length) {
|
|
// Empty filter area
|
|
$('#' + tableId + '_length').empty();
|
|
|
|
// Add disk to pool
|
|
var addLnk = $('<a>Add</a>');
|
|
addLnk.bind('click', function(event){
|
|
openAddZfcp2PoolDialog();
|
|
});
|
|
|
|
// Delete disk from pool
|
|
var removeLnk = $('<a>Remove</a>');
|
|
removeLnk.bind('click', function(event){
|
|
var disks = getNodesChecked(tableId);
|
|
openRemoveZfcpFromPoolDialog(disks);
|
|
});
|
|
|
|
// Refresh table
|
|
var refreshLnk = $('<a>Refresh</a>');
|
|
refreshLnk.bind('click', function(event){
|
|
$('#zfcpResource').empty().append(createLoader(''));
|
|
setZfcpDataTable('');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
// Query the disk pools for each
|
|
for (var i in hcps) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--zfcppoolnames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getZfcpPool
|
|
});
|
|
}
|
|
});
|
|
|
|
// Add SCSI to system
|
|
var addScsiLnk = $('<a>Add SCSI</a>');
|
|
addScsiLnk.bind('click', function(event){
|
|
openAddScsi2SystemDialog(hcp);
|
|
});
|
|
|
|
// Remove SCSI
|
|
var removeScsiLnk = $('<a>Remove SCSI</a>');
|
|
removeScsiLnk.bind('click', function(event){
|
|
openRemoveScsiDialog(hcp);
|
|
});
|
|
|
|
// Advanced menu
|
|
var advancedLnk = '<a>Advanced</a>';
|
|
var advancedMenu = createMenu([addScsiLnk, removeScsiLnk]);
|
|
|
|
// Create action bar
|
|
var actionBar = $('<div id="zFcpResourceActions" class="actionBar"></div>').css("width", "450px");
|
|
|
|
// Create an action menu
|
|
var actionsMenu = createMenu([addLnk, removeLnk, refreshLnk, [advancedLnk, advancedMenu]]);
|
|
actionsMenu.superfish();
|
|
actionsMenu.css('display', 'inline-block');
|
|
actionBar.append(actionsMenu);
|
|
|
|
// Set correct theme for action menu
|
|
actionsMenu.find('li').hover(function() {
|
|
setMenu2Theme($(this));
|
|
}, function() {
|
|
setMenu2Normal($(this));
|
|
});
|
|
|
|
// Create a division to hold actions menu
|
|
var menuDiv = $('<div id="' + tableId + '_menuDiv" class="menuDiv"></div>');
|
|
$('#' + tableId + '_length').prepend(menuDiv);
|
|
$('#' + tableId + '_length').css({
|
|
'padding': '0px',
|
|
'width': '500px'
|
|
});
|
|
$('#' + tableId + '_filter').css('padding', '10px');
|
|
menuDiv.append(actionBar);
|
|
}
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
}
|
|
|
|
/**
|
|
* Open dialog to remove disk from pool
|
|
*
|
|
* @param disks2remove Disks selected in table
|
|
*/
|
|
function openRemoveDiskFromPoolDialog(disks2remove) {
|
|
// Create form to delete disk from pool
|
|
var dialogId = 'zvmDeleteDiskFromPool';
|
|
var deleteDiskForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var args = disks2remove.split('-');
|
|
var tgtHcp = args[0];
|
|
var tgtPool = args[1];
|
|
var tgtVol = args[2];
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Remove a disk from a disk pool defined in the EXTENT CONTROL.');
|
|
deleteDiskForm.append(info);
|
|
var action = $('<div><label>Action:</label></div>');
|
|
var actionSelect = $('<select name="action" title="The action to perform">'
|
|
+ '<option value=""></option>'
|
|
+ '<option value="1">Remove region</option>'
|
|
+ '<option value="2">Remove region from group</option>'
|
|
+ '<option value="3">Remove region from all groups</option>'
|
|
+ '<option value="7">Remove entire group</option>'
|
|
+ '</select>');
|
|
action.append(actionSelect);
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
// Set region input based on those selected on table (if any)
|
|
var region = $('<div><label>Volume name:</label><input type="text" name="region" value="' + tgtVol + '" title="The DASD volume label"/></div>');
|
|
var group = $('<div><label>Group name:</label><input type="text" name="group" value="' + tgtPool + '" title="The name of the group from which the volume will be removed"/></div>');
|
|
deleteDiskForm.append(action, system, region, group);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
systemSelect.val(tgtHcp);
|
|
|
|
actionSelect.change(function() {
|
|
if ($(this).val() == '1' || $(this).val() == '3') {
|
|
region.show();
|
|
group.hide();
|
|
} else if ($(this).val() == '2') {
|
|
region.show();
|
|
group.show();
|
|
} else if ($(this).val() == '7') {
|
|
region.val('FOOBAR');
|
|
region.hide();
|
|
group.show();
|
|
}
|
|
});
|
|
|
|
// Generate tooltips
|
|
deleteDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to delete disk
|
|
deleteDiskForm.dialog({
|
|
title:'Delete disk from pool',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var action = $(this).find('select[name=action]').val();
|
|
var system = $(this).find('select[name=system]').val();
|
|
var region = $(this).find('input[name=region]').val();
|
|
var group = $(this).find('input[name=group]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'select[name=action]', 'input[name=region]', 'input[name=group]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
var args;
|
|
if (action == '2' || action == '7')
|
|
args = region + ';' + group;
|
|
else
|
|
args = group;
|
|
|
|
// Remove disk from pool
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : '--removediskfrompool;' + action + ';' + args,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to add disk to pool
|
|
*/
|
|
function openAddDisk2PoolDialog() {
|
|
// Create form to add disk to pool
|
|
var dialogId = 'zvmAddDisk2Pool';
|
|
var addDiskForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Add a disk to a disk pool defined in the EXTENT CONTROL. The disk has to already be attached to SYSTEM.');
|
|
addDiskForm.append(info);
|
|
var action = $('<div><label>Action:</label></div>');
|
|
var actionSelect = $('<select name="action" title="The action to perform">'
|
|
+ '<option value=""></option>'
|
|
+ '<option value="4">Define region and add to group</option>'
|
|
+ '<option value="5">Add existing region to group</option>'
|
|
+ '</select>');
|
|
action.append(actionSelect);
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
var volume = $('<div><label>Volume name:</label><input type="text" name="volume" title="The DASD volume label"/></div>');
|
|
var group = $('<div><label>Group name:</label><input type="text" name="group" title="The name of the group to which the volume is assigned"/></div>');
|
|
addDiskForm.append(action, system, volume, group);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
// Generate tooltips
|
|
addDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addDiskForm.dialog({
|
|
title:'Add disk to pool',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get inputs
|
|
var action = $(this).find('select[name=action]').val();
|
|
var system = $(this).find('select[name=system]').val();
|
|
var volume = $(this).find('input[name=volume]').val();
|
|
var group = $(this).find('input[name=group]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'select[name=action]', 'input[name=volume]', 'input[name=group]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
var args;
|
|
if (action == '4')
|
|
args = volume + ';' + volume + ';' + group;
|
|
else
|
|
args = volume + ';' + group;
|
|
|
|
// Add disk to pool
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : '--adddisk2pool;' + action + ';' + args,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to remove zFCP from pool
|
|
*
|
|
* @param devices2remove Comman separated devices selected in table
|
|
*/
|
|
function openRemoveZfcpFromPoolDialog(devices2remove) {
|
|
// Create form to delete device from pool
|
|
var dialogId = 'zvmDeleteZfcpFromPool';
|
|
var deleteDiskForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
// Verify disks are in the same zFCP pool
|
|
var devices = devices2remove.split(',');
|
|
var tmp, tgtPool, tgtHcp;
|
|
var tgtUnitNo = "";
|
|
for (var i in devices) {
|
|
tmp = devices[i].split('-');
|
|
|
|
if (tgtPool && tmp[1] != tgtPool) {
|
|
openDialog("warn", "Please select devices in the same zFCP");
|
|
return;
|
|
} else {
|
|
tgtPool = tmp[1];
|
|
}
|
|
|
|
tgtHcp = tmp[0]; // Assume it is just one zHCP. Otherwise, this cannot be done on multiple zHCPs.
|
|
tgtUnitNo += tmp[2] + ",";
|
|
}
|
|
|
|
// Strip out last comma
|
|
tgtUnitNo = tgtUnitNo.slice(0, -1);
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Remove a zFCP device that is defined in a zFCP pool.');
|
|
deleteDiskForm.append(info);
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
var pool = $('<div><label>zFCP pool:</label><input type="text" name="zfcpPool" value="' + tgtPool + '" title="The pool where the disk resides"/></div>');
|
|
var unitNo = $('<div><label>Unit number:</label><input type="text" name="zfcpUnitNo" value="' + tgtUnitNo + '" title="The hexadecimal digits representing the 8-byte logical unit number of the FCP-I/O device"/></div>');
|
|
var portName = $('<div><label>Port name:</label><input type="text" name="zfcpPortName" title="Optional. The hexadecimal digits designating the 8-byte fibre channel port name of the FCP-I/O device"/></div>');
|
|
deleteDiskForm.append(system, pool, unitNo, portName);
|
|
|
|
// Append options for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
systemSelect.val(tgtHcp);
|
|
|
|
// Generate tooltips
|
|
deleteDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to delete device
|
|
deleteDiskForm.dialog({
|
|
title:'Delete device from pool',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var system = $(this).find('select[name=system]').val();
|
|
var pool = $(this).find('input[name=zfcpPool]').val();
|
|
var unitNo = $(this).find('input[name=zfcpUnitNo]').val();
|
|
var portName = $(this).find('input[name=zfcpPortName]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=zfcpPool]', 'input[name=zfcpUnitNo]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
var args = '--removezfcpfrompool;' + pool + ';' + unitNo;
|
|
if (portName) {
|
|
args += ';' + portName;
|
|
}
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : system,
|
|
args : args,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to add zFCP to pool
|
|
*/
|
|
function openAddZfcp2PoolDialog() {
|
|
// Create form to add disk to pool
|
|
var dialogId = 'zvmAddDisk2Pool';
|
|
var addDiskForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
var info = createInfoBar('Add a device to a zFCP pool defined in xCAT.');
|
|
addDiskForm.append(info);
|
|
|
|
// Obtain mapping for zHCP to zVM system
|
|
var hcp2zvm = new Object();
|
|
hcp2zvm = getHcpZvmHash();
|
|
|
|
var system = $('<div><label>z/VM system:</label></div>');
|
|
var systemSelect = $('<select name="system" title="The z/VM system name"></select>');
|
|
system.append(systemSelect);
|
|
|
|
var pool = $('<div><label>zFCP pool:</label><input type="text" name="zfcpPool" title="The pool where the disk is to be assigned"/></div>');
|
|
var status = $('<div><label>Status:</label><select name="zfcpStatus" title="The status of the SCSI disk">'
|
|
+ '<option value="free">free</option>'
|
|
+ '<option value="used">used</option>'
|
|
+ '</select></div>');
|
|
var portName = $('<div><label>Port name:</label><input type="text" name="zfcpPortName" title="The hexadecimal digits designating the 8-byte fibre channel port name of the FCP-I/O device"/></div>');
|
|
var unitNo = $('<div><label>Unit number:</label><input type="text" name="zfcpUnitNo" title="The hexadecimal digits representing the 8-byte logical unit number of the FCP-I/O device"/></div>');
|
|
var size = $('<div><label>Size:</label><input type="text" name="zfcpSize" title="The size of the disk to be added. The size can be in G or M. For example, 2G or 2048M."/></div>');
|
|
var range = $('<div><label>Range:</label><input type="text" name="zfcpRange" title="The range of the dedicated FCP device channels where this device can be connected to"/></div>');
|
|
var owner = $('<div><label>Owner:</label><input type="text" name="zfcpOwner" title="Optional. The node that currently owns this SCSI device."/></div>');
|
|
addDiskForm.append(system, pool, status, portName, unitNo, size, range, owner);
|
|
|
|
// Create a array for hardware control points
|
|
systemSelect.append($('<option value=""></option>'));
|
|
// Append options for hardware control points
|
|
for (var hcp in hcp2zvm) {
|
|
systemSelect.append($('<option value="' + hcp2zvm[hcp] + '">' + hcp2zvm[hcp] + '</option>'));
|
|
}
|
|
|
|
// Generate tooltips
|
|
addDiskForm.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add disk
|
|
addDiskForm.dialog({
|
|
title:'Add device to pool',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 500,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Delete any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
var tgtSystem = $(this).find('select[name=system]').val();
|
|
var tgtPool = $(this).find('input[name=zfcpPool]').val();
|
|
var tgtStatus = $(this).find('select[name=zfcpStatus]').val();
|
|
var tgtPortName = $(this).find('input[name=zfcpPortName]').val();
|
|
var tgtUnitNo = $(this).find('input[name=zfcpUnitNo]').val();
|
|
var tgtSize = $(this).find('input[name=zfcpSize]').val();
|
|
var tgtRange = $(this).find('input[name=zfcpRange]').val();
|
|
|
|
// Device owner is optional
|
|
var tgtOwner = "";
|
|
if ($(this).find('input[name=zfcpOwner]').val()) {
|
|
tgtOwner = $(this).find('input[name=zfcpOwner]').val();
|
|
}
|
|
|
|
// If inputs are not complete, show warning message
|
|
var ready = true;
|
|
var args = new Array('select[name=system]', 'input[name=zfcpPool]', 'select[name=zfcpStatus]', 'input[name=zfcpPortName]', 'input[name=zfcpUnitNo]');
|
|
for (var i in args) {
|
|
if (!$(this).find(args[i]).val()) {
|
|
$(this).find(args[i]).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
$(this).find(args[i]).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
if (!ready) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please provide a value for each required field.');
|
|
warn.prependTo($(this));
|
|
return;
|
|
}
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chhypervisor',
|
|
tgt : tgtSystem,
|
|
args : '--addzfcp2pool||' + tgtPool + '||' + tgtStatus + '||"' + tgtPortName + '"||' + tgtUnitNo + '||' + tgtSize + '||' + tgtRange + '||' + tgtOwner,
|
|
msg : dialogId
|
|
},
|
|
|
|
success : updateResourceDialog
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Update resource dialog
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function updateResourceDialog(data) {
|
|
var dialogId = data.msg;
|
|
var infoMsg;
|
|
|
|
// Create info message
|
|
if (jQuery.isArray(data.rsp)) {
|
|
infoMsg = '';
|
|
for (var i in data.rsp) {
|
|
infoMsg += data.rsp[i] + '</br>';
|
|
}
|
|
} else {
|
|
infoMsg = data.rsp;
|
|
}
|
|
|
|
// Create info bar with close button
|
|
var infoBar = $('<div class="ui-state-highlight ui-corner-all"></div>').css('margin', '5px 0px');
|
|
var icon = $('<span class="ui-icon ui-icon-info"></span>').css({
|
|
'display': 'inline-block',
|
|
'margin': '10px 5px'
|
|
});
|
|
|
|
// Create close button to close info bar
|
|
var close = $('<span class="ui-icon ui-icon-close"></span>').css({
|
|
'display': 'inline-block',
|
|
'float': 'right'
|
|
}).click(function() {
|
|
$(this).parent().remove();
|
|
});
|
|
|
|
var msg = $('<pre>' + infoMsg + '</pre>').css({
|
|
'display': 'inline-block',
|
|
'width': '90%'
|
|
});
|
|
|
|
infoBar.append(icon, msg, close);
|
|
infoBar.prependTo($('#' + dialogId));
|
|
}
|
|
|
|
/**
|
|
* Select all checkboxes in the datatable
|
|
*
|
|
* @param event Event on element
|
|
* @param obj Object triggering event
|
|
*/
|
|
function selectAllDisk(event, obj) {
|
|
// This will ascend from <input> <th> <tr> <thead> <table>
|
|
var tableObj = obj.parents('.datatable');
|
|
var status = obj.attr('checked');
|
|
tableObj.find(' :checkbox').attr('checked', status);
|
|
|
|
// Handle datatable scroll
|
|
tableObj = obj.parents('.dataTables_scroll');
|
|
if (tableObj.length) {
|
|
tableObj.find(' :checkbox').attr('checked', status);
|
|
}
|
|
|
|
event.stopPropagation();
|
|
}
|
|
|
|
/**
|
|
* Load network details into a table
|
|
*
|
|
* @param data HTTP request data
|
|
*/
|
|
function loadNetworkTable(data) {
|
|
// Remove loader
|
|
var panelId = 'zvmNetworkResource';
|
|
$('#' + panelId).find('img[src="images/loader.gif"]').remove();
|
|
|
|
// Get zVM host names
|
|
if (!$.cookie('zvms')) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
async: false,
|
|
data : {
|
|
cmd : 'webportal',
|
|
tgt : '',
|
|
args : 'lszvm',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data) {
|
|
setzVMCookies(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
var zvms = $.cookie('zvms').split(',');
|
|
var hcp2zvm = new Object();
|
|
var args, zvm, iHcp, tmp;
|
|
for (var i in zvms) {
|
|
args = zvms[i].split(':');
|
|
zvm = args[0].toLowerCase();
|
|
|
|
if (args[1].indexOf('.') != -1) {
|
|
tmp = args[1].split('.');
|
|
iHcp = tmp[0];
|
|
} else {
|
|
iHcp = args[1];
|
|
}
|
|
|
|
hcp2zvm[iHcp] = zvm;
|
|
}
|
|
|
|
var args = data.msg.split(';');
|
|
var hcp = args[0].replace('hcp=', '');
|
|
var type = args[1].replace('type=', '');
|
|
var name = jQuery.trim(args[2].replace('network=', ''));
|
|
tmp = data.rsp[0].split(hcp + ': ');
|
|
|
|
// Resource tab ID
|
|
var info = $('#' + panelId).find('.ui-state-highlight');
|
|
// If there is no info bar
|
|
if (!info.length) {
|
|
// Create info bar
|
|
info = createInfoBar('Below are LANs/VSWITCHes available to use.');
|
|
$('#' + panelId).append(info);
|
|
}
|
|
|
|
// Get datatable
|
|
var dTable = getNetworkDataTable();
|
|
if (!dTable) {
|
|
// Create table
|
|
var tableId = 'zNetworkDataTable';
|
|
var table = new DataTable(tableId);
|
|
table.init( [ '<input type="checkbox" onclick="selectAllDisk(event, $(this))">', 'z/VM', 'Type', 'Name', 'Layer', 'Owner', 'Controller', 'Details' ]);
|
|
|
|
// Append datatable to tab
|
|
$('#' + panelId).append(table.object());
|
|
|
|
// Turn into datatable
|
|
dTable = $('#' + tableId).dataTable({
|
|
'iDisplayLength': 50,
|
|
"bScrollCollapse": true,
|
|
"sScrollY": "400px",
|
|
"sScrollX": "110%",
|
|
"bAutoWidth": true,
|
|
"oLanguage": {
|
|
"oPaginate": {
|
|
"sNext": "",
|
|
"sPrevious": ""
|
|
}
|
|
}
|
|
});
|
|
setNetworkDataTable(dTable);
|
|
|
|
// Set the column width
|
|
var cols = table.object().find('thead tr th');
|
|
cols.eq(0).css('width', '20px'); // HCP column
|
|
cols.eq(1).css('width', '20px'); // Type column
|
|
cols.eq(2).css('width', '20px'); // Name column
|
|
cols.eq(3).css({'width': '600px'}); // Details column
|
|
}
|
|
|
|
// Skip index 0 because it contains nothing
|
|
var details = '<pre style="text-align: left;">';
|
|
for ( var i = 1; i < tmp.length; i++) {
|
|
details += tmp[i];
|
|
}
|
|
details += '</pre>';
|
|
|
|
// Determine the OSI layer
|
|
var layer = "3";
|
|
if (details.indexOf("ETHERNET") != -1) {
|
|
layer = "2";
|
|
}
|
|
|
|
// Find the vSwitch/VLAN owner
|
|
var regex = /(LAN|VSWITCH) (.*?)(?:\s|$)/g;
|
|
var owner = "";
|
|
var match = "";
|
|
owner = regex.exec(details)[2];
|
|
|
|
// Find the vSwitch controller
|
|
regex = /(?:^|\s)Controller: (.*?)(?:\s|$)/g;
|
|
var controllers = "";
|
|
match = "";
|
|
while (match = regex.exec(details)) {
|
|
controllers += match[1] + ",";
|
|
}
|
|
controllers = controllers.substring(0, controllers.length - 1); // Delete last two characters
|
|
|
|
dTable.fnAddData(['<input type="checkbox" name="' + hcp2zvm[hcp] + ';' + type + ';' + name + ';' + owner + '"/>', '<pre>' + hcp2zvm[hcp] + '</pre>', '<pre>' + type + '</pre>', '<pre>' + name + '</pre>', '<pre>' + layer + '</pre>', '<pre>' + owner + '</pre>', '<pre>' + controllers + '</pre>', details]);
|
|
|
|
// Create actions menu
|
|
if (!$('#networkResourceActions').length) {
|
|
// Empty filter area
|
|
$('#' + tableId + '_length').empty();
|
|
|
|
// Add Vswitch/Vlan
|
|
var addLnk = $('<a>Add</a>');
|
|
addLnk.bind('click', function(event){
|
|
openAddVswitchVlanDialog();
|
|
});
|
|
|
|
// Remove Vswitch/Vlan
|
|
var removeLnk = $('<a>Remove</a>');
|
|
removeLnk.bind('click', function(event){
|
|
var networkList = getNodesChecked(tableId).split(',');
|
|
if (networkList) {
|
|
openRemoveVswitchVlanDialog(networkList);
|
|
}
|
|
});
|
|
|
|
// Refresh table
|
|
var refreshLnk = $('<a>Refresh</a>');
|
|
refreshLnk.bind('click', function(event){
|
|
$('#zvmNetworkResource').empty().append(createLoader(''));
|
|
setNetworkDataTable('');
|
|
|
|
// Create a array for hardware control points
|
|
var hcps = new Array();
|
|
if ($.cookie('hcp').indexOf(',') > -1)
|
|
hcps = $.cookie('hcp').split(',');
|
|
else
|
|
hcps.push($.cookie('hcp'));
|
|
|
|
// Query networks
|
|
for (var i in hcps) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : hcps[i],
|
|
args : '--getnetworknames',
|
|
msg : hcps[i]
|
|
},
|
|
|
|
success : getNetwork
|
|
});
|
|
}
|
|
});
|
|
|
|
// Create action bar
|
|
var actionBar = $('<div id="networkResourceActions" class="actionBar"></div>').css("width", "450px");
|
|
|
|
// Create an action menu
|
|
var actionsMenu = createMenu([addLnk, removeLnk, refreshLnk]);
|
|
actionsMenu.superfish();
|
|
actionsMenu.css('display', 'inline-block');
|
|
actionBar.append(actionsMenu);
|
|
|
|
// Set correct theme for action menu
|
|
actionsMenu.find('li').hover(function() {
|
|
setMenu2Theme($(this));
|
|
}, function() {
|
|
setMenu2Normal($(this));
|
|
});
|
|
|
|
// Create a division to hold actions menu
|
|
var menuDiv = $('<div id="' + tableId + '_menuDiv" class="menuDiv"></div>');
|
|
$('#' + tableId + '_length').prepend(menuDiv);
|
|
$('#' + tableId + '_length').css({
|
|
'padding': '0px',
|
|
'width': '500px'
|
|
});
|
|
$('#' + tableId + '_filter').css('padding', '10px');
|
|
menuDiv.append(actionBar);
|
|
}
|
|
|
|
// Resize accordion
|
|
$('#zvmResourceAccordion').accordion('resize');
|
|
}
|
|
|
|
/**
|
|
* Connect a NIC to a Guest LAN
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function connect2GuestLan(data) {
|
|
var rsp = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var node = args[0].replace('node=', '');
|
|
var address = args[1].replace('addr=', '');
|
|
var lanName = args[2].replace('lan=', '');
|
|
var lanOwner = args[3].replace('owner=', '');
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, node + ': ');
|
|
$('#' + node + 'StatusBar').find('div').append(prg);
|
|
|
|
// Connect NIC to Guest LAN
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--connectnic2guestlan;' + address + ';' + lanName + ';'
|
|
+ lanOwner,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Connect a NIC to a VSwitch
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function connect2VSwitch(data) {
|
|
var rsp = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var node = args[0].replace('node=', '');
|
|
var address = args[1].replace('addr=', '');
|
|
var vswitchName = args[2].replace('vsw=', '');
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, node + ': ');
|
|
$('#' + node + 'StatusBar').find('div').append(prg);
|
|
|
|
// Connect NIC to VSwitch
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chvm',
|
|
tgt : node,
|
|
args : '--connectnic2vswitch;' + address + ';' + vswitchName,
|
|
msg : node
|
|
},
|
|
|
|
success : updateZNodeStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Create provision existing node division
|
|
*
|
|
* @param inst Provision tab instance
|
|
* @return Provision existing node division
|
|
*/
|
|
function createZProvisionExisting(inst) {
|
|
// Create provision existing and hide it
|
|
var provExisting = $('<div></div>').hide();
|
|
|
|
var vmFS = $('<fieldset></fieldset>');
|
|
var vmLegend = $('<legend>Virtual Machine</legend>');
|
|
vmFS.append(vmLegend);
|
|
provExisting.append(vmFS);
|
|
|
|
var vmAttr = $('<div style="display: inline-table; vertical-align: middle; width: 85%; margin-left: 10px;"></div>');
|
|
vmFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>'));
|
|
vmFS.append(vmAttr);
|
|
|
|
var osFS = $('<fieldset></fieldset>');
|
|
var osLegend = $('<legend>Operating System</legend>');
|
|
osFS.append(osLegend);
|
|
provExisting.append(osFS);
|
|
|
|
var osAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
osFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/operating_system.png"></img></div>'));
|
|
osFS.append(osAttr);
|
|
|
|
// 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 title="The group name where the node is to be found"></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);
|
|
|
|
// Create node datatable
|
|
groupSelect.change(function(){
|
|
// Get group selected
|
|
var thisGroup = $(this).val();
|
|
// If a valid group is selected
|
|
if (thisGroup) {
|
|
createNodesDatatable(thisGroup, 'zNodesDatatableDIV' + inst);
|
|
}
|
|
});
|
|
} else {
|
|
// If no groups are cookied
|
|
var groupInput = $('<input type="text" name="group"/>');
|
|
group.append(groupInput);
|
|
}
|
|
vmAttr.append(group);
|
|
|
|
// Create node input
|
|
var node = $('<div></div>');
|
|
var nodeLabel = $('<label>Nodes:</label>');
|
|
var nodeDatatable = $('<div class="indent" id="zNodesDatatableDIV' + inst + '" style="display: inline-block; max-width: 800px;"><p>Select a group to view its nodes</p></div>');
|
|
node.append(nodeLabel);
|
|
node.append(nodeDatatable);
|
|
vmAttr.append(node);
|
|
|
|
// Create operating system image input
|
|
var os = $('<div></div>');
|
|
var osLabel = $('<label>Operating system image:</label>');
|
|
var osSelect = $('<select name="os" title="The operating system image to be installed on this node"></select>');
|
|
osSelect.append($('<option value=""></option>'));
|
|
|
|
var imageNames = $.cookie('imagenames').split(',');
|
|
if (imageNames) {
|
|
imageNames.sort();
|
|
for (var i in imageNames) {
|
|
osSelect.append($('<option value="' + imageNames[i] + '">' + imageNames[i] + '</option>'));
|
|
}
|
|
}
|
|
os.append(osLabel);
|
|
os.append(osSelect);
|
|
osAttr.append(os);
|
|
|
|
// Create boot method drop down
|
|
var bootMethod = $('<div></div>');
|
|
var methoddLabel = $('<label>Boot method:</label>');
|
|
var methodSelect = $('<select name="bootMethod" title="The method for node deployment"></select>');
|
|
methodSelect.append('<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>'
|
|
);
|
|
bootMethod.append(methoddLabel);
|
|
bootMethod.append(methodSelect);
|
|
osAttr.append(bootMethod);
|
|
|
|
// Generate tooltips
|
|
provExisting.find('div input[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Provision existing
|
|
*/
|
|
var provisionBtn = createButton('Provision');
|
|
provisionBtn.bind('click', function(event) {
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
var ready = true;
|
|
var errMsg = '';
|
|
|
|
// Get provision tab ID
|
|
var thisTabId = $(this).parent().parent().parent().attr('id');
|
|
// Get provision tab instance
|
|
var inst = thisTabId.replace('zvmProvisionTab', '');
|
|
|
|
// Get nodes that were checked
|
|
var dTableId = 'zNodesDatatable' + inst;
|
|
var tgts = getNodesChecked(dTableId);
|
|
if (!tgts) {
|
|
errMsg += 'You need to select a node.<br>';
|
|
ready = false;
|
|
}
|
|
|
|
// Check operating system image
|
|
var os = $('#' + thisTabId + ' select[name=os]:visible');
|
|
if (!os.val()) {
|
|
errMsg += 'You need to select a operating system image.';
|
|
os.css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
os.css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
|
|
// If all inputs are valid, ready to provision
|
|
if (ready) {
|
|
// Disable provision button
|
|
$(this).attr('disabled', 'true');
|
|
|
|
// Show loader
|
|
$('#zProvisionStatBar' + inst).show();
|
|
$('#zProvisionLoader' + inst).show();
|
|
|
|
// Disable all inputs
|
|
var inputs = $('#' + thisTabId + ' input:visible');
|
|
inputs.attr('disabled', 'disabled');
|
|
|
|
// Disable all selects
|
|
var selects = $('#' + thisTabId + ' select');
|
|
selects.attr('disabled', 'disabled');
|
|
|
|
// Get operating system image
|
|
var osImage = $('#' + thisTabId + ' select[name=os]:visible').val();
|
|
var tmp = osImage.split('-');
|
|
var os = tmp[0];
|
|
var arch = tmp[1];
|
|
var profile = tmp[3];
|
|
|
|
/**
|
|
* (1) Set operating system
|
|
*/
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeadd',
|
|
tgt : '',
|
|
args : tgts + ';noderes.netboot=zvm;nodetype.os=' + os + ';nodetype.arch=' + arch + ';nodetype.profile=' + profile,
|
|
msg : 'cmd=nodeadd;out=' + inst
|
|
},
|
|
|
|
success : updateZProvisionExistingStatus
|
|
});
|
|
} else {
|
|
// Show warning message
|
|
var warn = createWarnBar(errMsg);
|
|
warn.prependTo($(this).parent().parent());
|
|
}
|
|
});
|
|
provExisting.append(provisionBtn);
|
|
|
|
return provExisting;
|
|
}
|
|
|
|
/**
|
|
* Create provision new node division
|
|
*
|
|
* @param inst Provision tab instance
|
|
* @return Provision new node division
|
|
*/
|
|
function createZProvisionNew(inst) {
|
|
// Create provision new node division
|
|
var provNew = $('<div></div>');
|
|
|
|
// Create VM fieldset
|
|
var vmFS = $('<fieldset></fieldset>');
|
|
var vmLegend = $('<legend>Virtual Machine</legend>');
|
|
vmFS.append(vmLegend);
|
|
provNew.append(vmFS);
|
|
|
|
var vmAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
vmFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>'));
|
|
vmFS.append(vmAttr);
|
|
|
|
// Create OS fieldset
|
|
var osFS = $('<fieldset></fieldset>');
|
|
var osLegend = $('<legend>Operating System</legend>');
|
|
osFS.append(osLegend);
|
|
provNew.append(osFS);
|
|
|
|
// Create hardware fieldset
|
|
var hwFS = $('<fieldset></fieldset>');
|
|
var hwLegend = $('<legend>Hardware</legend>');
|
|
hwFS.append(hwLegend);
|
|
provNew.append(hwFS);
|
|
|
|
var hwAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
hwFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/hardware.png"></img></div>'));
|
|
hwFS.append(hwAttr);
|
|
|
|
var osAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>');
|
|
osFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/operating_system.png"></img></div>'));
|
|
osFS.append(osAttr);
|
|
|
|
// Create group input
|
|
var group = $('<div></div>');
|
|
var groupLabel = $('<label>Group:</label>');
|
|
var groupInput = $('<input type="text" name="group" title="You must give the group name that the node(s) will be placed under"/>');
|
|
// Get groups on-focus
|
|
groupInput.one('focus', function(){
|
|
var groupNames = $.cookie('groups');
|
|
if (groupNames) {
|
|
// Turn on auto complete
|
|
$(this).autocomplete({
|
|
source: groupNames.split(',')
|
|
});
|
|
}
|
|
});
|
|
group.append(groupLabel);
|
|
group.append(groupInput);
|
|
vmAttr.append(group);
|
|
|
|
// Create node input
|
|
var nodeName = $('<div></div>');
|
|
var nodeLabel = $('<label>Node:</label>');
|
|
var nodeInput = $('<input type="text" name="nodeName" title="You must give a node or a node range. A node range must be given as: node1-node9 or node[1-9]."/>');
|
|
nodeName.append(nodeLabel);
|
|
nodeName.append(nodeInput);
|
|
vmAttr.append(nodeName);
|
|
|
|
// Create user ID input
|
|
var userId = $('<div><label>User ID:</label><input type="text" name="userId" title="You must give a user ID or a user ID range. A user ID range must be given as: user1-user9 or user[1-9]."/></div>');
|
|
vmAttr.append(userId);
|
|
|
|
// Create hardware control point input
|
|
var hcpDiv = $('<div></div>');
|
|
var hcpLabel = $('<label>Hardware control point:</label>');
|
|
var hcpInput = $('<input type="text" name="hcp" title="You must give the System z hardware control point (zHCP) responsible for managing the node(s)"/>');
|
|
hcpInput.blur(function() {
|
|
if ($(this).val()) {
|
|
var args = $(this).val().split('.');
|
|
if (!$.cookie(args[0] + 'diskpools')) {
|
|
// Get disk pools
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : args[0],
|
|
args : '--diskpoolnames',
|
|
msg : args[0]
|
|
},
|
|
|
|
success : setDiskPoolCookies
|
|
});
|
|
}
|
|
|
|
if (!$.cookie(args[0] + 'zfcppools')) {
|
|
// Get zFCP pools
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : args[0],
|
|
args : '--zfcppoolnames',
|
|
msg : args[0]
|
|
},
|
|
|
|
success : setZfcpPoolCookies
|
|
});
|
|
}
|
|
}
|
|
});
|
|
hcpDiv.append(hcpLabel);
|
|
hcpDiv.append(hcpInput);
|
|
vmAttr.append(hcpDiv);
|
|
|
|
// Create an advanced link to set IP address and hostname
|
|
var advancedLnk = $('<div><label><a style="color: blue; cursor: pointer;">Advanced</a></label></div>');
|
|
vmAttr.append(advancedLnk);
|
|
var advanced = $('<div style="margin-left: 20px;"></div>').hide();
|
|
vmAttr.append(advanced);
|
|
|
|
var ip = $('<div><label>IP address:</label><input type="text" name="ip" ' +
|
|
'title="Optional. Specify the IP address that will be assigned to this node. An IP address must be given in the following format: 192.168.0.1."/></div>');
|
|
advanced.append(ip);
|
|
var hostname = $('<div><label>Hostname:</label><input type="text" name="hostname" ' +
|
|
'title="Optional. Specify the hostname that will be assigned to this node. A hostname must be given in the following format: ihost1.sourceforge.net."/></div>');
|
|
advanced.append(hostname);
|
|
|
|
// Show IP address and hostname inputs on-click
|
|
advancedLnk.click(function() {
|
|
advanced.toggle();
|
|
});
|
|
|
|
// Create operating system image input
|
|
var os = $('<div></div>');
|
|
var osLabel = $('<label>Operating system image:</label>');
|
|
var osSelect = $('<select name="os" title="The operating system image to be installed on this node"></select>');
|
|
osSelect.append($('<option value=""></option>'));
|
|
|
|
var imageNames = $.cookie('imagenames').split(',');
|
|
if (imageNames) {
|
|
imageNames.sort();
|
|
for (var i in imageNames) {
|
|
osSelect.append($('<option value="' + imageNames[i] + '">' + imageNames[i] + '</option>'));
|
|
}
|
|
}
|
|
os.append(osLabel);
|
|
os.append(osSelect);
|
|
osAttr.append(os);
|
|
|
|
// Create user entry input
|
|
var defaultChkbox = $('<input type="checkbox" name="userEntry" value="default"/>').click(function() {
|
|
// Remove any warning messages
|
|
$(this).parents('.form').find('.ui-state-error').remove();
|
|
|
|
// Get tab ID
|
|
var thisTabId = $(this).parents('.ui-tabs-panel').attr('id');
|
|
|
|
// Get objects for HCP, user ID, and OS
|
|
var userId = $('#' + thisTabId + ' input[name=userId]');
|
|
var os = $('#' + thisTabId + ' select[name=os]');
|
|
|
|
// Get default user entry when clicked
|
|
if ($(this).attr('checked')) {
|
|
if (!os.val() || !userId.val()) {
|
|
// Show warning message
|
|
var warn = createWarnBar('Please specify the operating system and user ID before checking this box');
|
|
warn.prependTo($(this).parents('.form'));
|
|
|
|
// Highlight empty fields
|
|
jQuery.each([os, userId], function() {
|
|
if (!$(this).val()) {
|
|
$(this).css('border', 'solid #FF0000 1px');
|
|
}
|
|
});
|
|
} else {
|
|
// Un-highlight empty fields
|
|
jQuery.each([os, userId], function() {
|
|
$(this).css('border', 'solid #BDBDBD 1px');
|
|
});
|
|
|
|
// Get profile name
|
|
var tmp = os.val().split('-');
|
|
var profile = tmp[3];
|
|
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'getdefaultuserentry;' + profile,
|
|
msg : thisTabId
|
|
},
|
|
|
|
success:function(data) {
|
|
// Populate user entry
|
|
var tabId = data.msg;
|
|
var entry = new String(data.rsp);
|
|
var userId = $('#' + tabId + ' input[name=userId]').val();
|
|
entry = entry.replace(new RegExp('LXUSR', 'g'), userId);
|
|
$('#' + tabId + ' textarea:visible').val(entry);
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
$('#' + thisTabId + ' textarea:visible').val('');
|
|
|
|
// Un-highlight empty fields
|
|
jQuery.each([os, userId], function() {
|
|
$(this).css('border', 'solid #BDBDBD 1px');
|
|
});
|
|
}
|
|
});
|
|
var userEntry = $('<div><label style="vertical-align: top;">Directory entry:</label><textarea title="The directory entry to be defined for the virtual machine"/></textarea></div>');
|
|
userEntry.append($('<span></span>').append(defaultChkbox, 'Use default'));
|
|
hwAttr.append(userEntry);
|
|
|
|
// Create disk table
|
|
var diskDiv = $('<div class="provision"></div>');
|
|
var diskLabel = $('<label>Disks:</label>');
|
|
var diskTable = $('<table></table>');
|
|
var diskHeader = $('<thead class="ui-widget-header"> <th></th> <th>Type</th> <th>Address</th> <th>Size</th> <th>Mode</th> <th>Pool</th> <th>Password</th> </thead>');
|
|
// Adjust header width
|
|
diskHeader.find('th').css( {
|
|
'width' : '80px'
|
|
});
|
|
diskHeader.find('th').eq(0).css( {
|
|
'width' : '20px'
|
|
});
|
|
var diskBody = $('<tbody></tbody>');
|
|
var diskFooter = $('<tfoot></tfoot>');
|
|
|
|
/**
|
|
* Add disks
|
|
*/
|
|
var addDiskLink = $('<a>Add disk</a>');
|
|
addDiskLink.bind('click', function(event) {
|
|
// Get list of disk pools
|
|
var thisTabId = $(this).parents('.tab').attr('id');
|
|
var thisHcp = $('#' + thisTabId + ' input[name=hcp]').val();
|
|
var definedPools = null;
|
|
if (thisHcp) {
|
|
// Get node without domain name
|
|
var temp = thisHcp.split('.');
|
|
definedPools = $.cookie(temp[0] + 'diskpools').split(',');
|
|
}
|
|
|
|
// Create a row
|
|
var diskRow = $('<tr></tr>');
|
|
|
|
// Add remove button
|
|
var removeBtn = $('<span class="ui-icon ui-icon-close"></span>');
|
|
var col = $('<td></td>').append(removeBtn);
|
|
removeBtn.bind('click', function(event) {
|
|
diskRow.remove();
|
|
});
|
|
diskRow.append(col);
|
|
|
|
// Create disk type drop down
|
|
var diskType = $('<td></td>');
|
|
var diskTypeSelect = $('<select title="The device type of the volume to which the disk is assigned"></select>');
|
|
diskTypeSelect.append('<option value="3390">3390</option>'
|
|
+ '<option value="9336">9336</option>'
|
|
);
|
|
diskType.append(diskTypeSelect);
|
|
diskRow.append(diskType);
|
|
|
|
// Create disk address input
|
|
var diskAddr = $('<td><input type="text" title="You must give the virtual device address of the disk to be added"/></td>');
|
|
diskRow.append(diskAddr);
|
|
|
|
// Create disk size input
|
|
var diskSize = $('<td><input type="text" title="You must give the size of the disk to be created. The size value is one of the following: cylinders or block size. "/></td>');
|
|
diskRow.append(diskSize);
|
|
|
|
// Create disk mode input
|
|
var diskMode = $('<td></td>');
|
|
var diskModeSelect = $('<select title="The access mode for the disk"></select>');
|
|
diskModeSelect.append('<option value="R">R</option>'
|
|
+ '<option value="RR">RR</option>'
|
|
+ '<option value="W">W</option>'
|
|
+ '<option value="WR">WR</option>'
|
|
+ '<option value="M">M</option>'
|
|
+ '<option value="MR">MR</option>'
|
|
+ '<option value="MW">MW</option>'
|
|
);
|
|
diskMode.append(diskModeSelect);
|
|
diskRow.append(diskMode);
|
|
|
|
// Create disk pool drop down
|
|
var diskPool = $('<td></td>');
|
|
var diskPoolSelect = $('<select title="The pool where the disk is to be found"></select>');
|
|
for (var i in definedPools) {
|
|
diskPoolSelect.append('<option value="' + definedPools[i] + '">' + definedPools[i] + '</option>');
|
|
}
|
|
diskPool.append(diskPoolSelect);
|
|
diskRow.append(diskPool);
|
|
|
|
// Create disk password input
|
|
var diskPw = $('<td><input type="password" title="Optional. The read, write, and multi password that will be used for accessing the disk."/></td>');
|
|
diskRow.append(diskPw);
|
|
|
|
diskBody.append(diskRow);
|
|
|
|
// Generate tooltips
|
|
diskBody.find('td input[title],select[title]').tooltip({
|
|
position: "top right",
|
|
offset: [-4, 4],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
}
|
|
});
|
|
});
|
|
|
|
// Create disk table
|
|
diskFooter.append(addDiskLink);
|
|
diskTable.append(diskHeader);
|
|
diskTable.append(diskBody);
|
|
diskTable.append(diskFooter);
|
|
|
|
diskDiv.append(diskLabel);
|
|
diskDiv.append(diskTable);
|
|
hwAttr.append(diskDiv);
|
|
|
|
// Create zFCP table
|
|
var zfcpDiv = $('<div class="provision"></div>');
|
|
var zfcpLabel = $('<label>zFCP:</label>');
|
|
var zfcpTable = $('<table></table>');
|
|
var zfcpHeader = $('<thead class="ui-widget-header"> <th><th>Address</th> <th>Size</th> <th>Pool</th> <th>Tag</th> <th>Port Name</th> <th>Unit #</th> <th>LOADDEV</th></thead>');
|
|
// Adjust header width
|
|
zfcpHeader.find('th').css( {
|
|
'width' : '80px'
|
|
});
|
|
zfcpHeader.find('th').eq(0).css( {
|
|
'width' : '20px'
|
|
});
|
|
var zfcpBody = $('<tbody></tbody>');
|
|
var zfcpFooter = $('<tfoot></tfoot>');
|
|
|
|
/**
|
|
* Add zFCP devices
|
|
*/
|
|
var addZfcpLink = $('<a>Add zFCP</a>');
|
|
addZfcpLink.bind('click', function(event) {
|
|
// Get list of disk pools
|
|
var thisTabId = $(this).parents('.tab').attr('id');
|
|
var thisHcp = $('#' + thisTabId + ' input[name=hcp]').val();
|
|
var definedPools = null;
|
|
if (thisHcp) {
|
|
// Get node without domain name
|
|
var temp = thisHcp.split('.');
|
|
definedPools = $.cookie(temp[0] + 'zfcppools').split(',');
|
|
}
|
|
|
|
// Create a row
|
|
var zfcpRow = $('<tr></tr>');
|
|
|
|
// Add remove button
|
|
var removeBtn = $('<span class="ui-icon ui-icon-close"></span>');
|
|
var col = $('<td></td>').append(removeBtn);
|
|
removeBtn.bind('click', function(event) {
|
|
zfcpRow.remove();
|
|
});
|
|
zfcpRow.append(col);
|
|
|
|
// Create disk address input
|
|
var zfcpAddr = $('<td><input type="text" name="zfcpAddr" title="You must give the virtual device address of the device to be added"/></td>');
|
|
zfcpRow.append(zfcpAddr);
|
|
|
|
// Create disk size input
|
|
var zfcpSize = $('<td><input type="text" name="zfcpSize" title="You must give the size of the device to be added. The size value can be one of the following: G(igabtye) or M(egabyte). "/></td>');
|
|
zfcpRow.append(zfcpSize);
|
|
|
|
// Create zFCP pool drop down
|
|
var zfcpPool = $('<td></td>');
|
|
var zfcpPoolSelect = $('<select name="zfcpPool" title="The pool where the new disk is to be found"></select>');
|
|
for (var i in definedPools) {
|
|
zfcpPoolSelect.append('<option value="' + definedPools[i] + '">' + definedPools[i] + '</option>');
|
|
}
|
|
zfcpPool.append(zfcpPoolSelect);
|
|
zfcpRow.append(zfcpPool);
|
|
|
|
// Create disk tag
|
|
var zfcpTag = $('<td><input type="text" name="zfcpTag" title="Optional. You can give a tag for the device. The tag determines how this device will be used."/></td>');
|
|
zfcpRow.append(zfcpTag);
|
|
|
|
// Create device port name
|
|
var zfcpPortName = $('<td><input type="text" name="zfcpPortName" title="Optional. You can give the world wide port name for the device."/></td>');
|
|
zfcpRow.append(zfcpPortName);
|
|
|
|
// Create device unit number
|
|
var zfcpUnitNo = $('<td><input type="text" name="zfcpUnitNo" title="Optional. You can give the logical unit number for the device."/></td>');
|
|
zfcpRow.append(zfcpUnitNo);
|
|
|
|
// Create LOADDEV checkbox
|
|
var zfcpLoaddev = $('<td><input type="radio" name="zfcpLoaddev" title="Optional. Set the SCSI disk as the device to be loaded on IPL"/></td>');
|
|
zfcpRow.append(zfcpLoaddev);
|
|
|
|
zfcpBody.append(zfcpRow);
|
|
|
|
// Generate tooltips
|
|
zfcpBody.find('td input[title],select[title]').tooltip({
|
|
position: "top right",
|
|
offset: [-4, 4],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
}
|
|
});
|
|
});
|
|
|
|
zfcpFooter.append(addZfcpLink);
|
|
zfcpTable.append(zfcpHeader);
|
|
zfcpTable.append(zfcpBody);
|
|
zfcpTable.append(zfcpFooter);
|
|
|
|
zfcpDiv.append(zfcpLabel);
|
|
zfcpDiv.append(zfcpTable);
|
|
hwAttr.append(zfcpDiv);
|
|
|
|
// Generate tooltips
|
|
provNew.find('div input[title],select[title],textarea[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Provision new
|
|
*/
|
|
var provisionBtn = createButton('Provision');
|
|
provisionBtn.bind('click', function(event) {
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
var ready = true;
|
|
var errMsg = '';
|
|
|
|
// Get tab ID
|
|
var thisTabId = $(this).parents('.ui-tabs-panel').attr('id');
|
|
// Get provision tab instance
|
|
var inst = thisTabId.replace('zvmProvisionTab', '');
|
|
|
|
// Check node name, userId, hardware control point, and group
|
|
// Check disks and zFCP devices
|
|
var inputs = $('#' + thisTabId + ' input:visible');
|
|
for ( var i = 0; i < inputs.length; i++) {
|
|
// Do not check some inputs
|
|
if (!inputs.eq(i).val()
|
|
&& inputs.eq(i).attr('type') != 'password'
|
|
&& inputs.eq(i).attr('name') != 'zfcpTag'
|
|
&& inputs.eq(i).attr('name') != 'zfcpPortName'
|
|
&& inputs.eq(i).attr('name') != 'zfcpUnitNo') {
|
|
inputs.eq(i).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
inputs.eq(i).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
var selects = $('#' + thisTabId + ' select:visible');
|
|
for ( var i = 0; i < selects.length; i++) {
|
|
if (!selects.eq(i).val() && selects.eq(i).attr('name') != 'os') {
|
|
selects.eq(i).css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
selects.eq(i).css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
}
|
|
|
|
// Check user entry
|
|
var thisUserEntry = $('#' + thisTabId + ' textarea:visible');
|
|
thisUserEntry.val(thisUserEntry.val().toUpperCase());
|
|
if (!thisUserEntry.val()) {
|
|
thisUserEntry.css('border', 'solid #FF0000 1px');
|
|
ready = false;
|
|
} else {
|
|
thisUserEntry.css('border', 'solid #BDBDBD 1px');
|
|
}
|
|
|
|
// Show error message for missing inputs
|
|
if (!ready) {
|
|
errMsg = errMsg + 'Please provide a value for each missing field.<br>';
|
|
}
|
|
|
|
// Check if user entry contains user ID
|
|
var thisUserId = $('#' + thisTabId + ' input[name=userId]:visible');
|
|
var pos = thisUserEntry.val().indexOf('USER ' + thisUserId.val().toUpperCase());
|
|
if (pos < 0) {
|
|
errMsg = errMsg + 'The directory entry does not contain the correct user ID.<br>';
|
|
ready = false;
|
|
}
|
|
|
|
// If no operating system is specified, create only user entry
|
|
os = $('#' + thisTabId + ' select[name=os]:visible');
|
|
|
|
// Check number of disks
|
|
var diskRows = $('#' + thisTabId + ' table tr');
|
|
// If an OS is given, disks are needed
|
|
if (os.val() && (diskRows.length < 1)) {
|
|
errMsg = errMsg + 'You need to add at some disks.<br>';
|
|
ready = false;
|
|
}
|
|
|
|
// If inputs are valid, ready to provision
|
|
if (ready) {
|
|
if (!os.val()) {
|
|
// If no OS is given, create a virtual server
|
|
var msg = '';
|
|
if (diskRows.length > 0) {
|
|
msg = 'Do you want to create a virtual server without an operating system?';
|
|
} else {
|
|
// If no disks are given, create a virtual server (no disk)
|
|
msg = 'Do you want to create a virtual server without an operating system or disks?';
|
|
}
|
|
|
|
// Open dialog to confirm
|
|
var confirmDialog = $('<div><p>' + msg + '</p></div>');
|
|
confirmDialog.dialog({
|
|
title:'Confirm',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Disable provision button
|
|
provisionBtn.attr('disabled', 'true');
|
|
|
|
// Show loader
|
|
$('#zProvisionStatBar' + inst).show();
|
|
$('#zProvisionLoader' + inst).show();
|
|
|
|
// Disable add disk button
|
|
addDiskLink.attr('disabled', 'true');
|
|
|
|
// Disable close button on disk table
|
|
$('#' + thisTabId + ' table span').unbind('click');
|
|
|
|
// Disable all inputs
|
|
var inputs = $('#' + thisTabId + ' input');
|
|
inputs.attr('disabled', 'disabled');
|
|
|
|
// Disable all selects
|
|
var selects = $('#' + thisTabId + ' select');
|
|
selects.attr('disabled', 'disabled');
|
|
|
|
// Add a new line at the end of the user entry
|
|
var textarea = $('#' + thisTabId + ' textarea');
|
|
var tmp = jQuery.trim(textarea.val());
|
|
textarea.val(tmp + '\n');
|
|
textarea.attr('readonly', 'readonly');
|
|
textarea.css( {
|
|
'background-color' : '#F2F2F2'
|
|
});
|
|
|
|
// Get node name
|
|
var node = $('#' + thisTabId + ' input[name=nodeName]').val();
|
|
// Get userId
|
|
var userId = $('#' + thisTabId + ' input[name=userId]').val();
|
|
// Get hardware control point
|
|
var hcp = $('#' + thisTabId + ' input[name=hcp]').val();
|
|
// Get group
|
|
var group = $('#' + thisTabId + ' input[name=group]').val();
|
|
// Get IP address and hostname
|
|
var ip = $('#' + thisTabId + ' input[name=ip]').val();
|
|
var hostname = $('#' + thisTabId + ' input[name=hostname]').val();
|
|
|
|
// Generate arguments to sent
|
|
var args = node + ';zvm.hcp=' + hcp
|
|
+ ';zvm.userid=' + userId
|
|
+ ';nodehm.mgt=zvm'
|
|
+ ';groups=' + group;
|
|
if (ip)
|
|
args += ';hosts.ip=' + ip;
|
|
|
|
if (hostname)
|
|
args += ';hosts.hostnames=' + hostname;
|
|
|
|
/**
|
|
* (1) Define node
|
|
*/
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeadd',
|
|
tgt : '',
|
|
args : args,
|
|
msg : 'cmd=nodeadd;out=' + inst
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
|
|
$(this).dialog("close");
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
/**
|
|
* Create a virtual server and install OS
|
|
*/
|
|
|
|
// Disable provision button
|
|
$(this).attr('disabled', 'true');
|
|
|
|
// Show loader
|
|
$('#zProvisionStatBar' + inst).show();
|
|
$('#zProvisionLoader' + inst).show();
|
|
|
|
// Disable add disk button
|
|
addDiskLink.attr('disabled', 'true');
|
|
|
|
// Disable close button on disk table
|
|
$('#' + thisTabId + ' table span').unbind('click');
|
|
|
|
// Disable all inputs
|
|
var inputs = $('#' + thisTabId + ' input');
|
|
inputs.attr('disabled', 'disabled');
|
|
inputs.css( {
|
|
'background-color' : '#F2F2F2'
|
|
});
|
|
|
|
// Disable all selects
|
|
var selects = $('#' + thisTabId + ' select');
|
|
selects.attr('disabled', 'disabled');
|
|
selects.css( {
|
|
'background-color' : '#F2F2F2'
|
|
});
|
|
|
|
// Add a new line at the end of the user entry
|
|
var textarea = $('#' + thisTabId + ' textarea');
|
|
var tmp = jQuery.trim(textarea.val());
|
|
textarea.val(tmp + '\n');
|
|
textarea.attr('readonly', 'readonly');
|
|
textarea.css( {
|
|
'background-color' : '#F2F2F2'
|
|
});
|
|
|
|
// Get node name
|
|
var node = $('#' + thisTabId + ' input[name=nodeName]').val();
|
|
// Get userId
|
|
var userId = $('#' + thisTabId + ' input[name=userId]').val();
|
|
// Get hardware control point
|
|
var hcp = $('#' + thisTabId + ' input[name=hcp]').val();
|
|
// Get group
|
|
var group = $('#' + thisTabId + ' input[name=group]').val();
|
|
// Get IP address and hostname
|
|
var ip = $('#' + thisTabId + ' input[name=ip]').val();
|
|
var hostname = $('#' + thisTabId + ' input[name=hostname]').val();
|
|
|
|
// Generate arguments to sent
|
|
var args = node + ';zvm.hcp=' + hcp
|
|
+ ';zvm.userid=' + userId
|
|
+ ';nodehm.mgt=zvm'
|
|
+ ';groups=' + group;
|
|
if (ip)
|
|
args += ';hosts.ip=' + ip;
|
|
|
|
if (hostname)
|
|
args += ';hosts.hostnames=' + hostname;
|
|
|
|
/**
|
|
* (1) Define node
|
|
*/
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodeadd',
|
|
tgt : '',
|
|
args : args,
|
|
msg : 'cmd=nodeadd;out=' + inst
|
|
},
|
|
|
|
success : updateZProvisionNewStatus
|
|
});
|
|
}
|
|
} else {
|
|
// Show warning message
|
|
var warn = createWarnBar(errMsg);
|
|
warn.prependTo($(this).parent().parent());
|
|
}
|
|
});
|
|
provNew.append(provisionBtn);
|
|
|
|
return provNew;
|
|
}
|
|
|
|
/**
|
|
* Load zVMs into column (service page)
|
|
*
|
|
* @param col Table column where OS images will be placed
|
|
*/
|
|
function loadzVMs(col) {
|
|
// Get group names and description and append to group column
|
|
if (!$.cookie('zvms')) {
|
|
var infoBar = createInfoBar('No selectable z/VM available');
|
|
col.append(infoBar);
|
|
return;
|
|
}
|
|
|
|
var zNames = $.cookie('zvms').split(',');
|
|
|
|
var radio, zBlock, args, zvm, hcp;
|
|
for (var i in zNames) {
|
|
args = zNames[i].split(':');
|
|
zvm = args[0];
|
|
hcp = args[1];
|
|
|
|
// Create block for each group
|
|
zBlock = $('<div class="ui-state-default"></div>').css({
|
|
'border': '1px solid',
|
|
'max-width': '200px',
|
|
'margin': '5px auto',
|
|
'padding': '5px',
|
|
'display': 'block',
|
|
'vertical-align': 'middle',
|
|
'cursor': 'pointer',
|
|
'white-space': 'normal'
|
|
}).click(function(){
|
|
$(this).children('input:radio').attr('checked', 'checked');
|
|
$(this).parents('td').find('div').attr('class', 'ui-state-default');
|
|
$(this).attr('class', 'ui-state-active');
|
|
});
|
|
radio = $('<input type="radio" name="hcp" value="' + hcp + '"/>').css('display', 'none');
|
|
zBlock.append(radio, $('<span style="font-weight: normal;"><b>' + zvm + '</b> managed by ' + hcp + '</span>'));
|
|
zBlock.children('span').css({
|
|
'display': 'block',
|
|
'margin': '5px',
|
|
'text-align': 'left'
|
|
});
|
|
col.append(zBlock);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load groups into column
|
|
*
|
|
* @param col Table column where OS images will be placed
|
|
*/
|
|
function loadSrvGroups(col) {
|
|
// Get group names and description and append to group column
|
|
if (!$.cookie('srv_groups')) {
|
|
var infoBar = createInfoBar('No selectable group available');
|
|
col.append(infoBar);
|
|
return;
|
|
}
|
|
|
|
var groupNames = $.cookie('srv_groups').split(',');
|
|
|
|
var groupBlock, radio, args, name, ip, hostname, desc;
|
|
for (var i in groupNames) {
|
|
args = groupNames[i].split(':');
|
|
name = args[0];
|
|
ip = args[1];
|
|
hostname = args[2];
|
|
desc = args[3];
|
|
|
|
// Create block for each group
|
|
groupBlock = $('<div class="ui-state-default"></div>').css({
|
|
'border': '1px solid',
|
|
'max-width': '200px',
|
|
'margin': '5px auto',
|
|
'padding': '5px',
|
|
'display': 'block',
|
|
'vertical-align': 'middle',
|
|
'cursor': 'pointer',
|
|
'white-space': 'normal'
|
|
}).click(function(){
|
|
$(this).children('input:radio').attr('checked', 'checked');
|
|
$(this).parents('td').find('div').attr('class', 'ui-state-default');
|
|
$(this).attr('class', 'ui-state-active');
|
|
});
|
|
radio = $('<input type="radio" name="group" value="' + name + '"/>').css('display', 'none');
|
|
groupBlock.append(radio, $('<span style="font-weight: normal;"><b>' + name + '</b>: ' + desc + '</span>'));
|
|
groupBlock.children('span').css({
|
|
'display': 'block',
|
|
'margin': '5px',
|
|
'text-align': 'left'
|
|
});
|
|
col.append(groupBlock);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load OS images into column
|
|
*
|
|
* @param col Table column where OS images will be placed
|
|
*/
|
|
function loadOSImages(col) {
|
|
// Get group names and description and append to group column
|
|
if (!$.cookie('srv_imagenames')) {
|
|
var infoBar = createInfoBar('No selectable image available');
|
|
col.append(infoBar);
|
|
return;
|
|
}
|
|
|
|
var imgNames = $.cookie('srv_imagenames').split(',');
|
|
|
|
var imgBlock, radio, args, name, desc;
|
|
for (var i in imgNames) {
|
|
args = imgNames[i].split(':');
|
|
name = args[0];
|
|
desc = args[1];
|
|
|
|
// Create block for each image
|
|
imgBlock = $('<div class="ui-state-default"></div>').css({
|
|
'border': '1px solid',
|
|
'max-width': '200px',
|
|
'margin': '5px auto',
|
|
'padding': '5px',
|
|
'display': 'block',
|
|
'vertical-align': 'middle',
|
|
'cursor': 'pointer',
|
|
'white-space': 'normal'
|
|
}).click(function(){
|
|
$(this).children('input:radio').attr('checked', 'checked');
|
|
$(this).parents('td').find('div').attr('class', 'ui-state-default');
|
|
$(this).attr('class', 'ui-state-active');
|
|
|
|
$('#select-table tbody tr:eq(0) td:eq(3) input[name="master"]').attr('checked', '');
|
|
$('#select-table tbody tr:eq(0) td:eq(3) input[name="master"]').parents('td').find('div').attr('class', 'ui-state-default');
|
|
});
|
|
radio = $('<input type="radio" name="image" value="' + name + '"/>').css('display', 'none');
|
|
imgBlock.append(radio, $('<span style="font-weight: normal;"><b>' + name + '</b>: ' + desc + '</span>'));
|
|
imgBlock.children('span').css({
|
|
'display': 'block',
|
|
'margin': '5px',
|
|
'text-align': 'left'
|
|
});
|
|
col.append(imgBlock);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load golden images into column
|
|
*
|
|
* @param col Table column where master copies will be placed
|
|
*/
|
|
function loadGoldenImages(col) {
|
|
// Get group names and description and append to group column
|
|
if (!$.cookie('srv_goldenimages')) {
|
|
var infoBar = createInfoBar('No selectable master copies available');
|
|
col.append(infoBar);
|
|
return;
|
|
}
|
|
|
|
var imgNames = $.cookie('srv_goldenimages').split(',');
|
|
|
|
var imgBlock, radio, args, name, desc;
|
|
for (var i in imgNames) {
|
|
args = imgNames[i].split(':');
|
|
name = args[0];
|
|
desc = args[1];
|
|
|
|
// Create block for each image
|
|
imgBlock = $('<div class="ui-state-default"></div>').css({
|
|
'border': '1px solid',
|
|
'max-width': '200px',
|
|
'margin': '5px auto',
|
|
'padding': '5px',
|
|
'display': 'block',
|
|
'vertical-align': 'middle',
|
|
'cursor': 'pointer',
|
|
'white-space': 'normal'
|
|
}).click(function(){
|
|
$(this).children('input:radio').attr('checked', 'checked');
|
|
$(this).parents('td').find('div').attr('class', 'ui-state-default');
|
|
$(this).attr('class', 'ui-state-active');
|
|
|
|
// Un-select zVM and image
|
|
$('#select-table tbody tr:eq(0) td:eq(2) input[name="image"]').attr('checked', '');
|
|
$('#select-table tbody tr:eq(0) td:eq(2) input[name="image"]').parents('td').find('div').attr('class', 'ui-state-default');
|
|
|
|
$('#select-table tbody tr:eq(0) td:eq(0) input[name="hcp"]').attr('checked', '');
|
|
$('#select-table tbody tr:eq(0) td:eq(0) input[name="hcp"]').parents('td').find('div').attr('class', 'ui-state-default');
|
|
});
|
|
radio = $('<input type="radio" name="master" value="' + name + '"/>').css('display', 'none');
|
|
imgBlock.append(radio, $('<span style="font-weight: normal;"><b>' + name + '</b>: ' + desc + '</span>'));
|
|
imgBlock.children('span').css({
|
|
'display': 'block',
|
|
'margin': '5px',
|
|
'text-align': 'left'
|
|
});
|
|
col.append(imgBlock);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for zVM host names (service page)
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function setzVMCookies(data) {
|
|
if (data.rsp[0].length) {
|
|
var zvms = new Array();
|
|
var hosts = data.rsp[0].split("\n");
|
|
for ( var i = 0; i < hosts.length; i++) {
|
|
if (hosts[i] != null && hosts[i] != "") {
|
|
zvms.push(hosts[i]);
|
|
}
|
|
}
|
|
|
|
// Set cookie to expire in 60 minutes
|
|
var exDate = new Date();
|
|
exDate.setTime(exDate.getTime() + (240 * 60 * 1000));
|
|
$.cookie('zvms', zvms, { expires: exDate });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for master copies (service page)
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function setGoldenImagesCookies(data) {
|
|
if (data.rsp[0].length) {
|
|
var copies = new Array();
|
|
var tmp = data.rsp[0].split(",");
|
|
for ( var i = 0; i < tmp.length; i++) {
|
|
if (tmp[i] != null && tmp[i] != "") {
|
|
copies.push(tmp[i]);
|
|
}
|
|
}
|
|
|
|
// Set cookie to expire in 60 minutes
|
|
var exDate = new Date();
|
|
exDate.setTime(exDate.getTime() + (240 * 60 * 1000));
|
|
$.cookie('srv_goldenimages', copies, { expires: exDate });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for disk pool names of a given node
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function setDiskPoolCookies(data) {
|
|
if (data.rsp[0].length) {
|
|
var node = data.msg;
|
|
var pools = data.rsp[0].split(node + ': ');
|
|
for (var i in pools) {
|
|
pools[i] = jQuery.trim(pools[i]);
|
|
}
|
|
|
|
// Set cookie to expire in 60 minutes
|
|
var exDate = new Date();
|
|
exDate.setTime(exDate.getTime() + (240 * 60 * 1000));
|
|
$.cookie(node + 'diskpools', pools, { expires: exDate });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for zFCP pool names of a given node
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function setZfcpPoolCookies(data) {
|
|
if (data.rsp[0].length) {
|
|
var node = data.msg;
|
|
var pools = data.rsp[0].split(node + ': ');
|
|
for (var i in pools) {
|
|
pools[i] = jQuery.trim(pools[i]);
|
|
}
|
|
|
|
// Set cookie to expire in 60 minutes
|
|
var exDate = new Date();
|
|
exDate.setTime(exDate.getTime() + (240 * 60 * 1000));
|
|
$.cookie(node + 'zfcppools', pools, { expires: exDate });
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Create virtual machine (service page)
|
|
*
|
|
* @param tabId Tab ID
|
|
* @param group Group
|
|
* @param hcp Hardware control point
|
|
* @param img OS image
|
|
*/
|
|
function createzVM(tabId, group, hcp, img, owner) {
|
|
// Submit request to create VM
|
|
// webportal provzlinux [group] [hcp] [image] [owner]
|
|
var iframe = createIFrame('lib/srv_cmd.php?cmd=webportal&tgt=&args=provzlinux;' + group + ';' + hcp + ';' + img + ';' + owner + '&msg=&opts=flush');
|
|
iframe.prependTo($('#' + tabId));
|
|
}
|
|
|
|
/**
|
|
* Query the profiles that exists
|
|
*
|
|
* @param panelId Panel ID
|
|
*/
|
|
function queryProfiles(panelId) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'tabdump',
|
|
tgt : '',
|
|
args : 'osimage',
|
|
msg : panelId
|
|
},
|
|
|
|
success : function(data) {
|
|
var panelId = data.msg;
|
|
setOSImageCookies(data);
|
|
configProfilePanel(panelId);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Panel to configure directory entries and disks for a profile
|
|
*
|
|
* @param panelId Panel ID
|
|
*/
|
|
function configProfilePanel(panelId) {
|
|
// Wipe panel clean
|
|
$('#' + panelId).empty();
|
|
|
|
// Add info bar
|
|
$('#' + panelId).append(createInfoBar('Create, edit, and delete profiles for the self-service portal. It is important to note the default z/VM user ID for any profile should be LXUSR.'));
|
|
|
|
// Create table
|
|
var tableId = 'zvmProfileTable';
|
|
var table = new DataTable(tableId);
|
|
table.init(['<input type="checkbox" onclick="selectAllCheckbox(event, $(this))">', 'Profile', 'Disk pool', 'Disk size', 'Directory entry']);
|
|
|
|
// Insert profiles into table
|
|
var profiles = $.cookie('profiles').split(',');
|
|
profiles.push('default'); // Add default profile
|
|
for (var i in profiles) {
|
|
if (profiles[i]) {
|
|
// Columns are: profile, selectable, description, disk pool, disk size, and directory entry
|
|
var cols = new Array(profiles[i], '', '', '');
|
|
|
|
// Add remove button where id = user name
|
|
cols.unshift('<input type="checkbox" name="' + profiles[i] + '"/>');
|
|
|
|
// Add row
|
|
table.add(cols);
|
|
}
|
|
}
|
|
|
|
// Append datatable to tab
|
|
$('#' + panelId).append(table.object());
|
|
|
|
// Turn into datatable
|
|
$('#' + tableId).dataTable({
|
|
'iDisplayLength': 50,
|
|
'bLengthChange': false,
|
|
"bScrollCollapse": true,
|
|
"sScrollY": "400px",
|
|
"sScrollX": "110%",
|
|
"bAutoWidth": true,
|
|
"oLanguage": {
|
|
"oPaginate": {
|
|
"sNext": "",
|
|
"sPrevious": ""
|
|
}
|
|
}
|
|
});
|
|
|
|
// Create action bar
|
|
var actionBar = $('<div class="actionBar"></div>').css("width", "450px");
|
|
|
|
// Create a profile
|
|
var createLnk = $('<a>Create</a>');
|
|
createLnk.click(function() {
|
|
profileDialog();
|
|
});
|
|
|
|
// Edit a profile
|
|
var editLnk = $('<a>Edit</a>');
|
|
editLnk.click(function() {
|
|
var profiles = $('#' + tableId + ' input[type=checkbox]:checked');
|
|
for (var i in profiles) {
|
|
var profile = profiles.eq(i).attr('name');
|
|
if (profile) {
|
|
// Column order is: profile, selectable, disk pool, disk size, and directory entry
|
|
var cols = profiles.eq(i).parents('tr').find('td');
|
|
var pool = cols.eq(2).text();
|
|
var size = cols.eq(3).text();
|
|
var entry = cols.eq(4).html().replace(new RegExp('<br>', 'g'), '\n');
|
|
|
|
editProfileDialog(profile, pool, size, entry);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Delete a profile
|
|
var deleteLnk = $('<a>Delete</a>');
|
|
deleteLnk.click(function() {
|
|
var profiles = getNodesChecked(tableId);
|
|
if (profiles) {
|
|
deleteProfileDialog(profiles);
|
|
}
|
|
});
|
|
|
|
// Refresh profiles table
|
|
var refreshLnk = $('<a>Refresh</a>');
|
|
refreshLnk.click(function() {
|
|
queryProfiles(panelId);
|
|
});
|
|
|
|
// Create an action menu
|
|
var actionsMenu = createMenu([createLnk, editLnk, deleteLnk, refreshLnk]);
|
|
actionsMenu.superfish();
|
|
actionsMenu.css('display', 'inline-block');
|
|
actionBar.append(actionsMenu);
|
|
|
|
// Set correct theme for action menu
|
|
actionsMenu.find('li').hover(function() {
|
|
setMenu2Theme($(this));
|
|
}, function() {
|
|
setMenu2Normal($(this));
|
|
});
|
|
|
|
// Create a division to hold actions menu
|
|
var menuDiv = $('<div id="' + tableId + '_menuDiv" class="menuDiv"></div>');
|
|
$('#' + tableId + '_wrapper').prepend(menuDiv);
|
|
menuDiv.append(actionBar);
|
|
$('#' + tableId + '_filter').appendTo(menuDiv);
|
|
|
|
// Resize accordion
|
|
$('#' + tableId).parents('.ui-accordion').accordion('resize');
|
|
|
|
// Query directory entries and disk pool/size for each profile
|
|
for (var i in profiles) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'getdefaultuserentry;' + profiles[i],
|
|
msg : 'out=' + panelId + ';profile=' + profiles[i]
|
|
},
|
|
|
|
success: insertDirectoryEntry
|
|
});
|
|
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'getzdiskinfo;' + profiles[i],
|
|
msg : 'out=' + panelId + ';profile=' + profiles[i]
|
|
},
|
|
|
|
success: insertDiskInfo
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Insert the directory entry into the profile table
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function insertDirectoryEntry(data) {
|
|
var tableId = 'zvmProfileTable';
|
|
var args = data.msg.split(';');
|
|
|
|
var profile = args[1].replace('profile=', '');
|
|
|
|
// Do not continue if there is nothing
|
|
if (!data.rsp.length)
|
|
return;
|
|
|
|
var entry = data.rsp[0].replace(new RegExp('\n', 'g'), '<br/>');
|
|
|
|
// Get the row containing the profile
|
|
var rowPos = findRow(profile, '#' + tableId, 1);
|
|
if (rowPos < 0)
|
|
return;
|
|
|
|
// Update the directory entry column
|
|
var dTable = $('#' + tableId).dataTable();
|
|
dTable.fnUpdate(entry, rowPos, 4, false);
|
|
|
|
// Adjust table styling
|
|
$('#' + tableId + ' td:nth-child(5)').css({
|
|
'text-align': 'left'
|
|
});
|
|
adjustColumnSize(tableId);
|
|
}
|
|
|
|
/**
|
|
* Insert the disk info into the profile table
|
|
*
|
|
* @param data Data from HTTP request
|
|
*/
|
|
function insertDiskInfo(data) {
|
|
var tableId = 'zvmProfileTable';
|
|
var args = data.msg.split(';');
|
|
|
|
var profile = args[1].replace('profile=', '');
|
|
|
|
// Do not continue if there is nothing
|
|
if (!data.rsp.length)
|
|
return;
|
|
|
|
// Get the row containing the profile
|
|
var rowPos = findRow(profile, '#' + tableId, 1);
|
|
if (rowPos < 0)
|
|
return;
|
|
|
|
// Update the disk info columns
|
|
var dTable = $('#' + tableId).dataTable();
|
|
|
|
var tmp = "";
|
|
var pool = "";
|
|
var eckdSize = 0;
|
|
var info = data.rsp[0].split('\n');
|
|
for (var i in info) {
|
|
if (info[i].indexOf('diskpool') > -1) {
|
|
tmp = info[i].split('=');
|
|
pool = jQuery.trim(tmp[1]);
|
|
|
|
dTable.fnUpdate(pool, rowPos, 2, false);
|
|
} if (info[i].indexOf('eckd_size') > -1) {
|
|
tmp = info[i].split('=');
|
|
eckdSize = jQuery.trim(tmp[1]);
|
|
|
|
dTable.fnUpdate(eckdSize, rowPos, 3, false);
|
|
}
|
|
}
|
|
|
|
// Adjust table styling
|
|
adjustColumnSize(tableId);
|
|
}
|
|
|
|
/**
|
|
* Open profile dialog
|
|
*/
|
|
function profileDialog() {
|
|
// Create form to add profile
|
|
var dialogId = 'zvmCreateProfile';
|
|
var profileForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Configure the default settings for a profile');
|
|
profileForm.append(info);
|
|
|
|
// Insert profiles into select
|
|
var profileSelect = $('<select name="profile" title="The image profile to set defaults for"></select>');
|
|
var profiles = $.cookie('profiles').split(',');
|
|
profiles.push('default'); // Add default profile
|
|
for (var i in profiles) {
|
|
if (profiles[i]) {
|
|
profileSelect.append($('<option>' + profiles[i] + '</option>'));
|
|
}
|
|
}
|
|
|
|
profileForm.append($('<div><label>Profile:</label></div>').append(profileSelect));
|
|
profileForm.append('<div><label>Disk pool:</label><input type="text" name="disk_pool" title="The disk pool where xCAT will obtain disk(s) from for node installations"/></div>');
|
|
profileForm.append('<div><label>Disk size (ECKD):</label><input type="text" name="disk_size_eckd" title="The default size of the disk, which can be given as G, M, or number of cylinders."/></div>');
|
|
profileForm.append('<div><label style="vertical-align: top;">Directory entry:</label><textarea name="directory_entry" title="The default directory entry for a node. The default user ID must be set to LXUSR."/></div>');
|
|
|
|
// Generate tooltips
|
|
profileForm.find('div input[title],textarea[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add processor
|
|
profileForm.dialog({
|
|
title:'Configure profile',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 600,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Find profile attributes
|
|
var profile = $(this).find('select[name=profile]').val();
|
|
var pool = $(this).find('input[name=disk_pool]').val();
|
|
var size = $(this).find('input[name=disk_size_eckd]').val();
|
|
var entry = $(this).find('textarea[name=directory_entry]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!profile || !pool || !size || !entry) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
// Change dialog buttons
|
|
$('#' + dialogId).dialog('option', 'buttons', {
|
|
'Close':function(){
|
|
$(this).dialog('close');
|
|
}
|
|
});
|
|
|
|
// Write file to /var/tmp
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'write',
|
|
tgt : '/var/tmp/' + profile + '.direct',
|
|
args : '',
|
|
cont : entry,
|
|
msg : dialogId + ';' + profile + ';' + pool + ';' + size
|
|
},
|
|
|
|
success : function(data) {
|
|
var args = data.msg.split(';');
|
|
|
|
// Create profile in xCAT
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'mkzprofile;' + args[1] + ';' + args[2] + ';' + args[3],
|
|
msg : args[0]
|
|
},
|
|
|
|
success: updatePanel
|
|
});
|
|
}
|
|
});
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to confirm profile delete
|
|
*
|
|
* @param profiles Profiles to delete
|
|
*/
|
|
function deleteProfileDialog(profiles) {
|
|
// Create form to delete disk to pool
|
|
var dialogId = 'zvmDeleteProfile';
|
|
var deleteForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Are you sure you want to delete ' + profiles.replace(new RegExp(',', 'g'), ', ') + '?');
|
|
deleteForm.append(info);
|
|
|
|
// Open dialog to delete user
|
|
deleteForm.dialog({
|
|
title:'Delete profile',
|
|
modal: true,
|
|
width: 400,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Change dialog buttons
|
|
$(this).dialog('option', 'buttons', {
|
|
'Close': function() {$(this).dialog("close");}
|
|
});
|
|
|
|
// Delete user
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'rmzprofile;' + profiles,
|
|
msg : dialogId
|
|
},
|
|
success : updatePanel
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Open dialog to edit profile
|
|
*
|
|
* @param profile Profile to edit
|
|
* @param pool Disk pool
|
|
* @param size Disk size
|
|
* @param entry Directory entry
|
|
*/
|
|
function editProfileDialog(profile, pool, size, entry) {
|
|
// Create form to add profile
|
|
var dialogId = 'zvmEditProfile_' + profile;
|
|
var profileForm = $('<div id="' + dialogId + '" class="form"></div>');
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Configure the default settings for a profile');
|
|
profileForm.append(info);
|
|
|
|
// Insert profiles into select
|
|
var profileSelect = $('<select name="profile" title="The image profile to set defaults for"></select>');
|
|
var profiles = $.cookie('profiles').split(',');
|
|
profiles.push('default'); // Add default profile
|
|
for (var i in profiles) {
|
|
if (profiles[i]) {
|
|
profileSelect.append($('<option value="' + profiles[i] + '">' + profiles[i] + '</option>'));
|
|
}
|
|
}
|
|
|
|
profileForm.append($('<div><label>Profile:</label></div>').append(profileSelect));
|
|
profileForm.append('<div><label>Disk pool:</label><input type="text" name="disk_pool" title="The disk pool where xCAT will obtain disk(s) from for node installations"/></div>');
|
|
profileForm.append('<div><label>Disk size (ECKD):</label><input type="text" name="disk_size_eckd" title="The default size of the disk, which can be given as G, M, or number of cylinders."/></div>');
|
|
profileForm.append('<div><label style="vertical-align: top;">Directory entry:</label><textarea name="directory_entry" title="The default directory entry for a node. The default user ID must be set to LXUSR."/></div>');
|
|
|
|
// Insert profile values
|
|
profileSelect.val(profile);
|
|
profileForm.find('input[name=disk_pool]').val(pool);
|
|
profileForm.find('input[name=disk_size_eckd]').val(size);
|
|
profileForm.find('textarea[name=directory_entry]').val(entry);
|
|
|
|
// Generate tooltips
|
|
profileForm.find('div input[title],textarea[title],select[title]').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "toggle",
|
|
opacity: 0.8,
|
|
delay: 0,
|
|
predelay: 800,
|
|
events: {
|
|
def: "mouseover,mouseout",
|
|
input: "mouseover,mouseout",
|
|
widget: "focus mouseover,blur mouseout",
|
|
tooltip: "mouseover,mouseout"
|
|
},
|
|
|
|
// Change z index to show tooltip in front
|
|
onBeforeShow: function() {
|
|
this.getTip().css('z-index', $.topZIndex());
|
|
}
|
|
});
|
|
|
|
// Open dialog to add processor
|
|
profileForm.dialog({
|
|
title:'Configure profile',
|
|
modal: true,
|
|
close: function(){
|
|
$(this).remove();
|
|
},
|
|
width: 600,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Find profile attributes
|
|
var profile = $(this).find('select[name=profile]').val();
|
|
var pool = $(this).find('input[name=disk_pool]').val();
|
|
var size = $(this).find('input[name=disk_size_eckd]').val();
|
|
var entry = $(this).find('textarea[name=directory_entry]').val();
|
|
|
|
// If inputs are not complete, show warning message
|
|
if (!profile || !pool || !size || !entry) {
|
|
var warn = createWarnBar('Please provide a value for each missing field.');
|
|
warn.prependTo($(this));
|
|
} else {
|
|
// Change dialog buttons
|
|
$('#' + dialogId).dialog('option', 'buttons', {
|
|
'Close':function(){
|
|
$(this).dialog('close');
|
|
}
|
|
});
|
|
|
|
// A newline at the end of directory entry is needed
|
|
entry = entry.replace(/^\s+|\s+$/g, '');
|
|
entry += '\n';
|
|
|
|
// Write file to /var/tmp
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'write',
|
|
tgt : '/var/tmp/' + profile + '.direct',
|
|
args : '',
|
|
cont : entry,
|
|
msg : dialogId + ';' + profile + ';' + pool + ';' + size
|
|
},
|
|
|
|
success : function(data) {
|
|
var args = data.msg.split(';');
|
|
|
|
// Create profile in xCAT
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'mkzprofile;' + args[1] + ';' + args[2] + ';' + args[3],
|
|
msg : args[0]
|
|
},
|
|
|
|
success: updatePanel
|
|
});
|
|
}
|
|
});
|
|
}
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Get a hash map containing the zHCP to z/VM system mapping
|
|
*
|
|
* @returns Hash map containing the zHCP to z/VM system mapping
|
|
*/
|
|
function getHcpZvmHash() {
|
|
// Get zVM host names
|
|
if (!$.cookie('zvms')) {
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
async: false,
|
|
data : {
|
|
cmd : 'webportal',
|
|
tgt : '',
|
|
args : 'lszvm',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data) {
|
|
setzVMCookies(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
var zvms = $.cookie('zvms').split(',');
|
|
var hcp2zvm = new Object();
|
|
var args, zvm, iHcp, tmp;
|
|
for (var i in zvms) {
|
|
args = zvms[i].split(':');
|
|
zvm = args[0].toLowerCase();
|
|
|
|
if (args[1].indexOf('.') != -1) {
|
|
tmp = args[1].split('.');
|
|
iHcp = tmp[0];
|
|
} else {
|
|
iHcp = args[1];
|
|
}
|
|
|
|
hcp2zvm[iHcp] = zvm;
|
|
}
|
|
|
|
return hcp2zvm;
|
|
} |