xcat-core/xCAT-UI/js/custom/customUtils.js
2011-12-01 04:10:40 +00:00

767 lines
23 KiB
JavaScript

var provisionClock;
/**
* Create nodes datatable for a given group
*
* @param group
* Group name
* @param outId
* Division ID to append datatable
* @return Nodes datatable
*/
function createNodesDatatable(group, outId) {
// Get group nodes
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'lsdef',
tgt : '',
args : group,
msg : outId
},
/**
* Create nodes datatable
*
* @param data
* Data returned from HTTP request
* @return Nothing
*/
success : function(data) {
// Data returned
var rsp = data.rsp;
// Get output ID
var outId = data.msg;
// Get datatable ID
var dTableId = outId.replace('DIV', '');
// Node attributes hash
var attrs = new Object();
// Node attributes
var headers = new Object();
// Clear nodes datatable division
$('#' + outId).empty();
// Create nodes datatable
var node, args;
for ( var i in rsp) {
// Get node
var pos = rsp[i].indexOf('Object name:');
if (pos > -1) {
var temp = rsp[i].split(': ');
node = jQuery.trim(temp[1]);
// Create a hash for the node attributes
attrs[node] = new Object();
i++;
}
// Get key and value
args = rsp[i].split('=');
var key = jQuery.trim(args[0]);
var val = jQuery.trim(args[1]);
// Create hash table
attrs[node][key] = val;
headers[key] = 1;
}
// Sort headers
var sorted = new Array();
for ( var key in headers) {
sorted.push(key);
}
sorted.sort();
// Add column for check box and node
sorted.unshift('<input type="checkbox" onclick="selectAllCheckbox(event, $(this))">', 'node');
// Create nodes datatable
var dTable = new DataTable(dTableId);
dTable.init(sorted);
// Go through each node
for ( var node in attrs) {
// Create a row
var row = new Array();
// Create a check box
var checkBx = '<input type="checkbox" name="' + node + '"/>';
row.push(checkBx, node);
// Go through each header
for ( var i = 2; i < sorted.length; i++) {
// Add node attributes to the row
var key = sorted[i];
var val = attrs[node][key];
if (val) {
row.push(val);
} else {
row.push('');
}
}
// Add row to table
dTable.add(row);
}
$('#' + outId).append(dTable.object());
$('#' + dTableId).dataTable();
} // End of function(data)
});
}
/**
* Create provision existing node division
*
* @param plugin
* Plugin name to create division for
* @param inst
* Provision tab instance
* @return Provision existing node division
*/
function createProvisionExisting(plugin, inst) {
// Create provision existing division and hide it
var provExisting = $('<div></div>').hide();
// Create group input
var group = $('<div></div>');
var groupLabel = $('<label for="provType">Group:</label>');
group.append(groupLabel);
// Turn on auto complete for group
var dTableDivId = plugin + 'NodesDatatableDIV' + inst; // Division ID where nodes datatable will be appended
var groupNames = $.cookie('groups');
if (groupNames) {
// Split group names into an array
var tmp = groupNames.split(',');
// Create drop down for groups
var groupSelect = $('<select></select>');
groupSelect.append('<option></option>');
for ( var i in tmp) {
// Add group into drop down
var opt = $('<option value="' + tmp[i] + '">' + tmp[i] + '</option>');
groupSelect.append(opt);
}
group.append(groupSelect);
// Create node datatable
groupSelect.change(function() {
// Get group selected
var thisGroup = $(this).val();
// If a valid group is selected
if (thisGroup) {
createNodesDatatable(thisGroup, dTableDivId);
} // End of if (thisGroup)
});
} else {
// If no groups are cookied
var groupInput = $('<input type="text" name="group"/>');
group.append(groupInput);
}
provExisting.append(group);
// Create node input
var node = $('<div></div>');
var nodeLabel = $('<label for="nodeName">Nodes:</label>');
var nodeDatatable = $('<div class="indent" id="' + dTableDivId + '"><p>Select a group to view its nodes</p></div>');
node.append(nodeLabel);
node.append(nodeDatatable);
provExisting.append(node);
// Create boot method drop down
var method = $('<div></div>');
var methodLabel = $('<label for="method">Boot method:</label>');
var methodSelect = $('<select id="bootMethod" name="bootMethod"></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>'
);
method.append(methodLabel);
method.append(methodSelect);
provExisting.append(method);
// Create boot type drop down
var type = $('<div></div>');
var typeLabel = $('<label for="type">Boot type:</label>');
var typeSelect = $('<select id="bootType" name="bootType"></select>');
typeSelect.append('<option value="pxe">pxe</option>'
+ '<option value="iscsiboot">yaboot</option>'
+ '<option value="zvm">zvm</option>'
);
type.append(typeLabel);
type.append(typeSelect);
provExisting.append(type);
// Create operating system input
var os = $('<div></div>');
var osLabel = $('<label for="os">Operating system:</label>');
var osInput = $('<input type="text" name="os"/>');
osInput.one('focus', function() {
var tmp = $.cookie('osvers');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
os.append(osLabel);
os.append(osInput);
provExisting.append(os);
// Create architecture input
var arch = $('<div></div>');
var archLabel = $('<label for="arch">Architecture:</label>');
var archInput = $('<input type="text" name="arch"/>');
archInput.one('focus', function() {
var tmp = $.cookie('osarchs');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
arch.append(archLabel);
arch.append(archInput);
provExisting.append(arch);
// Create profile input
var profile = $('<div></div>');
var profileLabel = $('<label for="profile">Profile:</label>');
var profileInput = $('<input type="text" name="profile"/>');
profileInput.one('focus', function() {
var tmp = $.cookie('profiles');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
profile.append(profileLabel);
profile.append(profileInput);
provExisting.append(profile);
/**
* Provision existing
*/
var provisionBtn = createButton('Provision');
provisionBtn.bind('click', function(event) {
// TODO Insert provision code here
openDialog('info', 'Under construction');
});
provExisting.append(provisionBtn);
return provExisting;
}
/**
* Create provision new node division
*
* @param inst
* Provision tab instance
* @return Provision new node division
*/
function createProvisionNew(plugin, inst) {
// Create provision new node division
var provNew = $('<div></div>');
// Create node input
var nodeName = $('<div><label for="nodeName">Node:</label><input type="text" name="nodeName"/></div>');
provNew.append(nodeName);
// Create group input
var group = $('<div></div>');
var groupLabel = $('<label for="group">Group:</label>');
var groupInput = $('<input type="text" name="group"/>');
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);
provNew.append(group);
// Create boot method drop down
var method = $('<div></div>');
var methodLabel = $('<label for="method">Boot method:</label>');
var methodSelect = $('<select id="bootMethod" name="bootMethod"></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>'
);
method.append(methodLabel);
method.append(methodSelect);
provNew.append(method);
// Create boot type drop down
var type = $('<div></div>');
var typeLabel = $('<label for="type">Boot type:</label>');
var typeSelect = $('<select id="bootType" name="bootType"></select>');
typeSelect.append('<option value="install">pxe</option>'
+ '<option value="iscsiboot">yaboot</option>'
+ '<option value="zvm">zvm</option>'
);
type.append(typeLabel);
type.append(typeSelect);
provNew.append(type);
// Create operating system input
var os = $('<div></div>');
var osLabel = $('<label for="os">Operating system:</label>');
var osInput = $('<input type="text" name="os"/>');
osInput.one('focus', function() {
var tmp = $.cookie('osvers');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
os.append(osLabel);
os.append(osInput);
provNew.append(os);
// Create architecture input
var arch = $('<div></div>');
var archLabel = $('<label for="arch">Architecture:</label>');
var archInput = $('<input type="text" name="arch"/>');
archInput.one('focus', function() {
var tmp = $.cookie('osarchs');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
arch.append(archLabel);
arch.append(archInput);
provNew.append(arch);
// Create profile input
var profile = $('<div></div>');
var profileLabel = $('<label for="profile">Profile:</label>');
var profileInput = $('<input type="text" name="profile"/>');
profileInput.one('focus', function() {
var tmp = $.cookie('profiles');
if (tmp) {
// Turn on auto complete
$(this).autocomplete({
source: tmp.split(',')
});
}
});
profile.append(profileLabel);
profile.append(profileInput);
provNew.append(profile);
/**
* Provision new node
*/
var provisionBtn = createButton('Provision');
provisionBtn.bind('click', function(event) {
// TODO Insert provision code here
openDialog('info', 'Under construction');
});
provNew.append(provisionBtn);
return provNew;
}
/**
* Create provision node division
*
* @param plugin
* Plugin name to create division for
* @param container
* Container to hold provisioning form
* @return Nothing
*/
function createProvision(plugin, container){
// Group, nodes, arch
if ('quick' == plugin) {
container.append(createProvWithUrl());
} else {
container.append(createProvNoUrl(plugin));
container.find('#' + plugin + 'group').bind('change', function() {
var pluginName = $(this).attr('id').replace('group', '');
$('#' + pluginName + 'SelectNodesTable').html('<img src="images/loader.gif"></img>');
createNodesArea($(this).val(), pluginName + 'SelectNodesTable');
});
}
// Advanced options
container.append('<div id="advoption"></div>');
// Add provision button
var provisionBtn = createButton('Provision');
provisionBtn.bind('click', function(){
var plugin = $(this).parent().parent().attr('id').replace('ProvisionTab', '');
quickProvision(plugin);
});
provisionBtn.hide();
container.append(provisionBtn);
// Bind image select to change event
container.find('#' + plugin + 'image').bind('change', function(){
var temp = $(this).attr('id');
temp = temp.replace('image', '');
$('#' + temp + 'ProvisionTab #advoption').html('<img src="images/loader.gif"></img>');
provAdvOption($(this).val(), temp);
});
$.ajax({
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'lsdef',
tgt : '',
args : '-t;osimage',
msg : plugin
},
success : function(data){
var containerId = data.msg + 'ProvisionTab';
var i = 0;
var imageName = 0;
var position = 0;
var imageSelect = $('#' + containerId + ' #' + data.msg + 'image');
$('#' + containerId + ' img').remove();
if (!data.rsp.length) {
$('#' + containerId).prepend(createWarnBar('Please run copycds and genimage in provision page before continuing!'));
return;
}
for (i in data.rsp) {
imageName = data.rsp[i];
position = imageName.indexOf(' ');
imageName = imageName.substr(0, position);
imageSelect.append($('<option value="' + imageName + '">' + imageName + '</option>'));
}
// Trigger select change event
imageSelect.trigger('change');
// Show provision button
$('#' + containerId + ' button').show();
}
});
}
/**
* Create provision node division using URL
*
* @returns Provisiong node division
*/
function createProvWithUrl(){
var queryStr = window.location.search;
var argArray = queryStr.substr(1).split('&');
var tempHash = new Object();
var i = 0;
var tempArray;
var provHtml = '';
var master = '';
var tftpserver = '';
var nfsserver = '';
for (i = 0; i < argArray.length; i++) {
tempArray = argArray[i].split('=');
tempHash[tempArray[0]] = tempArray[1];
}
provHtml += '<div><label>Nodes:</label><input type="text" disabled="disabled" value="' + tempHash['nodes'] + '"></div>';
provHtml += '<div><label>Architecture:</label><input type="text" disabled="disabled" value="' + tempHash['arch'] + '"></div>';
provHtml += '<div><label>Image:</label><select id="quickimage"></select><img src="images/loader.gif"></img></div>' +
'<div><label>Install NIC:</label><input value="mac"/></div>' +
'<div><label>Primary NIC:</label><input value="mac"/></div>' ;
if (tempHash['master']) {
master = tempHash['master'];
}
if (tempHash['nfsserver']) {
nfsserver = tempHash['nfsserver'];
}
if (tempHash['tftpserver']) {
tftpserver = tempHash['tftpserver'];
}
provHtml += '<div><label>xCAT master:</label><input type="text" value="' + master + '"></div>';
provHtml += '<div><label>TFTP server:</label><input type="text" value="' + tftpserver + '"></div>';
provHtml += '<div><label>NFS server:</label><input type="text" value="' + nfsserver + '"></div>';
return provHtml;
}
/**
* Create provision node division without using URL
*
* @param plugin
* Plugin name to create division for
* @returns {String}
*/
function createProvNoUrl(plugin){
// Select group
var groupHtml = '<div><label>Group:</label>';
var groupNames = $.cookie('groups');
if (groupNames) {
groupHtml += '<select id="' + plugin + 'group"><option></option>';
var temp = groupNames.split(',');
for (var i in temp) {
groupHtml += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
groupHtml += '</select>';
}
groupHtml += '</div>';
// Select nodes
var nodesHtml = '<div><label>Nodes:</label><div id="' + plugin + 'SelectNodesTable" style="display: inline-block; width:700px; overflow-y:auto;">Select a group to view its nodes</div></div>';
// Select architecture
var archHtml = '<div><label>Architecture:</label>';
var archName = $.cookie('osarchs');
if (archName) {
archHtml += '<select id="arch">';
var temp = archName.split(',');
for (var i in temp) {
archHtml += '<option value="' + temp[i] + '">' + temp[i] + '</option>';
}
archHtml += '</select>';
} else {
archHtml += '<input type="text" id="arch">';
}
archHtml += '</div>';
// Add static input part
var staticHtml = '<div><label>Image:</label><select id="' + plugin + 'image"></select><img src="images/loader.gif"></img></div>' +
'<div><label>Install NIC:</label><input value="mac"/></div>' +
'<div><label>Primary NIC:</label><input value="mac"/></div>' +
'<div><label>xCAT Master:</label><input/></div>' +
'<div><label>TFTP Server:</label><input/></div>' +
'<div><label>NFS Server:</label><input/></div>';
return groupHtml + nodesHtml + archHtml + staticHtml;
}
/**
* Get needed fields for provsioning and send command to server
*
* @param plugin
* Plugin name of platform to provision
* @return Nothing
*/
function quickProvision(plugin){
var errorMessage = '';
var argsArray = new Array();
var nodesName = '';
var provisionArg = '';
var provisionFrame;
var imageName = '';
var url = '';
var softwareArg = '';
var containerId = plugin + 'ProvisionTab';
$('#' + containerId + ' .ui-state-error').remove();
$('#' + containerId + ' input[type!="checkbox"]').each(function() {
if (!$(this).val()) {
errorMessage = 'Please provide a value for each missing field!';
return false;
} else {
argsArray.push($(this).val());
}
});
if (errorMessage) {
$('#' + containerId).prepend('<p class="ui-state-error">' + errorMessage + '</p>');
return;
}
// If jumped from nodes page, get node names
if ('quick' == plugin) {
nodesName = argsArray.shift();
}
// Select platform, get node names from table checkbox
else {
// Should unshift the arch type
argsArray.unshift($('#' + containerId + ' #arch').val());
nodesName = getCheckedByObj($('#' + containerId + ' #' + plugin + 'SelectNodesTable'));
}
if (!nodesName) {
$('#' + containerId).prepend('<p class="ui-state-error">Please select a node</p>');
return;
}
softwareArg = getCheckedByObj($('#' + containerId + ' #advoption'));
imageName = $('#' + containerId + ' #' + plugin + 'image').val();
provisionArg = argsArray.join(',');
url = 'lib/cmd.php?cmd=webrun&tgt=&args=provision;' + nodesName + ';' + imageName + ';' +
provisionArg + ';' + softwareArg + '&msg=&opts=flush';
// Show output
var deployDia = $('<div id="deployDia"></div>');
deployDia.append(createLoader()).append('<br/>');
deployDia.append('<iframe id="provisionFrame" width="95%" height="90%" src="' + url + '"></iframe>');
deployDia.dialog({
modal: true,
width: 600,
height: 480,
title:'Provision return',
close: function(){$(this).remove();},
buttons: {
Close : function(){$(this).dialog('close');}
}
});
provisionStopCheck();
}
/**
* Create provisioning advance option
*
* @param imagename
* Image name
* @param plugin
* Plugin name of platform to provision
* @return Nothing
*/
function provAdvOption(imagename, plugin) {
$.ajax({
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'lsdef',
tgt : '',
args : '-t;osimage;' + imagename + ';-i;osname,provmethod',
msg : plugin
},
success : function(data) {
var containerId = data.msg + 'ProvisionTab';
var i = 0;
var osName = '';
var provMethod = '';
var tempStr = '';
var position = 0;
for (i = 0; i < data.rsp.length; i++) {
tempStr = data.rsp[i];
if (tempStr.indexOf('osname') != -1) {
position = tempStr.indexOf('=');
osName = tempStr.substr(position + 1);
}
if (tempStr.indexOf('provmethod') != -1) {
position = tempStr.indexOf('=');
provMethod = tempStr.substr(position + 1);
}
}
$('#' + containerId + ' #advoption').empty();
if ('aix' == osName.toLowerCase()) {
return;
}
if ('install' == provMethod){
$('#' + containerId + ' #advoption').html('<input type="checkbox" checked="checked" name="ganglia">Install Ganglia.');
}
}
});
}
/**
* Refresh nodes area base on group selected
*
* @param groupName
* Group name
* @param areaId
* Area ID to refresh
* @return Nothing
*/
function createNodesArea(groupName, areaId) {
// Get group nodes
$.ajax({
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'nodels',
tgt : groupName,
args : '',
msg : areaId
},
success : function(data) {
var areaObj = $('#' + data.msg);
var nodes = data.rsp;
var index;
var nodesHtml = '<table><thead><tr><th><input type="checkbox" onclick="selectAllCheckbox(event, $(this))"></th>';
nodesHtml += '<th>Node</th></tr></thead><tbody>';
for (index in nodes) {
var node = nodes[index][0];
if (!node) {
continue;
}
nodesHtml += '<tr><td><input type="checkbox" name="' + node + '"/></td><td>' + node + '</td></tr>';
}
nodesHtml += '</tbody></table>';
areaObj.empty().append(nodesHtml);
if (index > 10) {
areaObj.css('height', '300px');
} else {
areaObj.css('height', 'auto');
}
} // End of function(data)
});
}
function provisionStopCheck(){
var content = $('#provisionFrame').contents().find('body').text();
if (content.indexOf('provision stop') != -1) {
$('#deployDia img').remove();
clearTimeout(provisionClock);
} else {
provisionClock = setTimeout('provisionStopCheck()', 5000);
}
}
/**
* Get select element names
*
* @param obj
* Object to get selected element names
* @return Nodes name seperate by a comma
*/
function getCheckedByObj(obj) {
var str = '';
// Get nodes that were checked
obj.find('input:checked').each(function() {
if ($(this).attr('name')) {
str += $(this).attr('name') + ',';
}
});
if (str) {
str = str.substr(0, str.length - 1);
}
return str;
}