xcat-core/xCAT-UI/js/custom/blade.js
2011-08-24 19:28:24 +00:00

705 lines
19 KiB
JavaScript

/**
* Execute when the DOM is fully loaded
*/
$(document).ready(function() {
// Load utility scripts
});
/**
* Constructor
*
* @return Nothing
*/
var bladePlugin = function() {
};
/**
* Load node inventory
*
* @param data
* Data from HTTP request
* @return Nothing
*/
bladePlugin.prototype.loadInventory = function(data) {
var args = data.msg.split(',');
var tabId = args[0].replace('out=', '');
var node = args[1].replace('node=', '');
// Get node inventory
var inv = data.rsp;
// Remove loader
$('#' + tabId).find('img').remove();
// Create division to hold inventory
var invDivId = tabId + 'Inventory';
var invDiv = $('<div></div>');
// Create a fieldset
var fieldSet = $('<fieldset></fieldset>');
var legend = $('<legend>Hardware</legend>');
fieldSet.append(legend);
var oList = $('<ol></ol>');
fieldSet.append(oList);
invDiv.append(fieldSet);
// Loop through each line
var item;
for (var k = 0; k < inv.length; k++) {
// Remove node name in front
var str = inv[k].replace(node + ': ', '');
str = jQuery.trim(str);
// Append the string to a list
item = $('<li></li>');
item.append(str);
oList.append(item);
}
// Append to inventory form
$('#' + tabId).append(invDiv);
};
/**
* Load clone page
*
* @param node
* Source node to clone
* @return Nothing
*/
bladePlugin.prototype.loadClonePage = function(node) {
// Get nodes tab
var tab = getNodesTab();
var newTabId = node + 'CloneTab';
// If there is no existing clone tab
if (!$('#' + newTabId).length) {
// Create info bar
var infoBar = createInfoBar('Not supported');
// Create clone form
var cloneForm = $('<div class="form"></div>');
cloneForm.append(infoBar);
// Add clone tab
tab.add(newTabId, 'Clone', cloneForm, true);
}
tab.select(newTabId);
};
/**
* Load provision page
*
* @param tabId
* The provision tab ID
* @return Nothing
*/
bladePlugin.prototype.loadProvisionPage = function(tabId) {
// Get OS image names
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'tabdump',
tgt : '',
args : 'osimage',
msg : ''
},
success : setOSImageCookies
});
// Get groups
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'extnoderange',
tgt : '/.*',
args : 'subgroups',
msg : ''
},
success : setGroupsCookies
});
// Get provision tab instance
var inst = tabId.replace('bladeProvisionTab', '');
// Create provision form
var provForm = $('<div class="form"></div>');
// Create info bar
var infoBar = createInfoBar('Provision a blade. This will install an operating system onto the blade.');
provForm.append(infoBar);
// Append to provision tab
$('#' + tabId).append(provForm);
// Create provision existing node division
var provExisting = createBladeProvisionExisting(inst);
provForm.append(provExisting);
};
/**
* Load resources
*
* @return Nothing
*/
bladePlugin.prototype.loadResources = function() {
// Get resource tab ID
var tabId = 'bladeResourceTab';
// Remove loader
$('#' + tabId).find('img').remove();
// Create info bar
var infoBar = createInfoBar('Under construction');
// Create resource form
var resrcForm = $('<div class="form"></div>');
resrcForm.append(infoBar);
$('#' + tabId).append(resrcForm);
};
/**
* Add node range
*
* @return Nothing
*/
bladePlugin.prototype.addNode = function() {
var nodeTypeSelectDia = $('<div id="nodeTypeSelectDia" class="form"></div>');
var info = createInfoBar('Add a node range');
nodeTypeSelectDia.append(info);
nodeTypeSelectDia.append('<div><label for="mgt">Node type:</label><select id="nodeTypeSelect">' +
'<option value="mm">AMM</option><option value="blade">Blade</option></select></div>');
//append the mm div
var mmStr = '<div id="mmNode">' +
'<label>AMM name: </label><input id="ammName" type="text"></input><br/><br/>' +
'<label>AMM IP: </label><input id="ammIp" type="text"></input>' +
'</div>';
//append the blade div
var bladeStr = '<div id="bladeNode" style="display:none;">' +
'<label>Blade Name: </label><input id="bladeName" type="text"></input><br/><br/>' +
'<label>Blade Group: </label><input id="bladeGroup" type="text"></input><br/><br/>' +
'<label>Blade ID: </label><input id="bladeId" type="text"></input><br/><br/>' +
'<label>Blade Series: </label><input type="radio" name="series" value="js"/>JS<input type="radio" name="series" value="ls"/>LS<br/><br/>' +
'<label>Blade MPA: </label><select id="mpaSelect"></select>';
nodeTypeSelectDia.append(mmStr);
nodeTypeSelectDia.append(bladeStr);
nodeTypeSelectDia.find('#nodeTypeSelect').bind('change', function(){
$('#nodeTypeSelectDia .ui-state-error').remove();
$('#mmNode').toggle();
$('#bladeNode').toggle();
if ('mm' == $(this).val()){
return;
}
//get all mm nodes from the server side
$('#bladeNode select').empty();
$('#bladeNode').append(createLoader());
$.ajax({
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'lsdef',
tgt : '',
args : '-t;node;-w;mgt==blade;-w;id==0',
msg : ''
},
success : function(data){
var position = 0;
var tempStr = '';
var options = '';
//remove the loading image
$('#bladeNode img').remove();
//check return result
if (1 > data.rsp.length){
$('#nodeTypeSelectDia').prepend(createWarnBar('Please define MM node first!'));
return;
}
//add all mm nodes to select
for (var i in data.rsp){
tempStr = data.rsp[i];
position = tempStr.indexOf(' ');
tempStr = tempStr.substring(0, position);
options += '<option value="' + tempStr + '">' + tempStr + '</option>';
}
$('#bladeNode select').append(options);
}
});
});
nodeTypeSelectDia.dialog( {
modal : true,
width : 400,
title : 'Select Node Type',
open : function(event, ui) {
$(".ui-dialog-titlebar-close").hide();
},
buttons : {
'Ok' : function() {
//remove all error bar
$('#nodeTypeSelectDia .ui-state-error').remove();
if ($('#nodeTypeSelect').attr('value') == "mm") {
addMmNode();
}
else {
addBladeNode();
}
},
'Cancel' : function() {
$(this).remove();
}
}
});
};
function addMmNode(){
var name = $('#ammName').val();
var ip = $('#ammIp').val();
if ((!name) || (!ip)){
$('#nodeTypeSelectDia').prepend(createWarnBar("You are missing some inputs!"));
return;
}
//add the loader
$('#nodeTypeSelectDia').prepend(createLoader());
$('.ui-dialog-buttonpane .ui-button').attr('disabled', true);
var argsTmp = '-t;node;-o;' + name +
';id=0;nodetype=mm;groups=mm;mgt=blade;mpa=' + name + ';ip=' + ip;
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'chdef',
tgt : '',
args : argsTmp,
msg : ''
},
success : function(data) {
$('#nodeTypeSelectDia').find('img').remove();
var messages = data.rsp;
var notes = "";
for ( var i = 0; i < messages.length; i++) {
notes += messages[i];
}
var info = createInfoBar(notes);
$('#nodeTypeSelectDia').prepend(info);
$('#nodeTypeSelectDia').dialog("option", "buttons", {
"close" : function() {
$('#nodeTypeSelectDia').remove();
}
});
}
});
}
function addBladeNode(){
var name = $('#bladeName').val();
var group = $('#bladeGroup').val();
var id = $('#bladeId').val();
var series = $("#bladeNode :checked").val();
var mpa = $('#mpaSelect').val();
var argsTmp = '-t;node;-o;' + name + ';id=' + id +
';nodetype=osi;groups=' + group + ';mgt=blade;mpa=' + mpa + ';serialflow=hard';
if (series != 'js') {
argsTmp += ';serialspeed=19200;serialport=1';
}
if ((!name) || (!group) || (!id) || (!mpa)){
$('#nodeTypeSelectDia').prepend(createWarnBar("You miss some inputs."));
return;
}
//add loader and disable buttons
$('#nodeTypeSelectDia').prepend(createLoader());
$('.ui-dialog-buttonpane .ui-button').attr('disabled', true);
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'chdef',
tgt : '',
args : argsTmp,
msg : ''
},
success : function(data) {
$('#nodeTypeSelectDia').find('img').remove();
var messages = data.rsp;
var notes = "";
for ( var i = 0; i < messages.length; i++) {
notes += messages[i];
}
$('#nodeTypeSelectDia').prepend(createInfoBar(notes));
$('#nodeTypeSelectDia').dialog("option", "buttons", {
"close" : function() {
$('#nodeTypeSelectDia').remove();
}
});
}
});
}
/**
* Create provision existing node division
*
* @param inst
* Provision tab instance
* @return Provision existing node division
*/
function createBladeProvisionExisting(inst) {
// Create provision existing division
var provExisting = $('<div></div>');
// 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 = 'bladeNodesDatatableDIV' + 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 id="' + dTableDivId + '" style="display: inline-block; max-width: 800px;"><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=""></option>'
+ '<option value="boot">boot</option>'
+ '<option value="install">install</option>'
+ '<option value="iscsiboot">iscsiboot</option>'
+ '<option value="netboot">netboot</option>'
+ '<option value="statelite">statelite</option>'
);
method.append(methodLabel);
method.append(methodSelect);
provExisting.append(method);
// 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) {
// Remove any warning messages
$(this).parents('.ui-tabs-panel').find('.ui-state-error').remove();
var ready = true;
var errorMessage = '';
// Get provision tab ID
var thisTabId = 'bladeProvisionTab' + inst;
// Get nodes that were checked
var dTableId = 'bladeNodesDatatable' + inst;
var tgts = getNodesChecked(dTableId);
if (!tgts) {
errorMessage += 'You need to select a node. ';
ready = false;
}
// Check booth method
var boot = $('#' + thisTabId + ' select[name=bootMethod]');
if (!boot.val()) {
errorMessage += 'You need to select a boot method. ';
boot.css('border', 'solid #FF0000 1px');
ready = false;
} else {
boot.css('border', 'solid #BDBDBD 1px');
}
// Check operating system image
var os = $('#' + thisTabId + ' input[name=os]');
if (!os.val()) {
errorMessage += 'You need to select a operating system image. ';
os.css('border', 'solid #FF0000 1px');
ready = false;
} else {
os.css('border', 'solid #BDBDBD 1px');
}
// Check architecture
var arch = $('#' + thisTabId + ' input[name=arch]');
if (!arch.val()) {
errorMessage += 'You need to select an architecture. ';
arch.css('border', 'solid #FF0000 1px');
ready = false;
} else {
arch.css('border', 'solid #BDBDBD 1px');
}
// Check profile
var profile = $('#' + thisTabId + ' input[name=profile]');
if (!profile.val()) {
errorMessage += 'You need to select a profile. ';
profile.css('border', 'solid #FF0000 1px');
ready = false;
} else {
profile.css('border', 'solid #BDBDBD 1px');
}
// If all inputs are valid, ready to provision
if (ready) {
// Disable provision button
$(this).attr('disabled', 'true');
// Prepend status bar
var statBar = createStatusBar('bladeProvisionStatBar' + inst);
statBar.append(createLoader(''));
statBar.prependTo($('#' + thisTabId));
// Disable all inputs
var inputs = $('#' + thisTabId + ' input');
inputs.attr('disabled', 'disabled');
// Disable all selects
var selects = $('#' + thisTabId + ' select');
selects.attr('disabled', 'disabled');
/**
* (1) Set operating system
*/
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'nodeadd',
tgt : '',
args : tgts + ';noderes.netboot=xnba;nodetype.os=' + os.val() + ';nodetype.arch=' + arch.val() + ';nodetype.profile=' + profile.val() + ';nodetype.provmethod=' + boot.val(),
msg : 'cmd=nodeadd;out=' + inst
},
success : updateBladeProvisionExistingStatus
});
} else {
// Show warning message
var warn = createWarnBar(errorMessage);
warn.prependTo($(this).parent().parent());
}
});
provExisting.append(provisionBtn);
return provExisting;
}
/**
* Update the provision existing node status
*
* @param data
* Data returned from HTTP request
* @return Nothing
*/
function updateBladeProvisionExistingStatus(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 = 'bladeProvisionStatBar' + inst;
var tabId = 'bladeProvisionTab' + inst;
/**
* (2) Remote install
*/
if (cmd == 'nodeadd') {
// Write ajax response to status bar
var prg = writeRsp(rsp, '');
$('#' + statBarId).find('div').append(prg);
// Get parameters
var os = $('#' + tabId + ' input[name="os"]').val();
var profile = $('#' + tabId + ' input[name="profile"]').val();
var arch = $('#' + tabId + ' input[name="arch"]').val();
// Get nodes that were checked
var dTableId = 'bladeNodesDatatable' + inst;
var tgts = getNodesChecked(dTableId);
// Begin installation
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'rbootseq',
tgt : tgts,
args : 'net,hd',
msg : 'cmd=rbootseq;out=' + inst
},
success : updateBladeProvisionExistingStatus
});
}
/**
* (3) Prepare node for boot
*/
if (cmd == 'nodeadd') {
// Get provision method
var bootMethod = $('#' + tabId + ' select[name=bootMethod]').val();
// Get nodes that were checked
var dTableId = 'bladeNodesDatatable' + 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 : updateBladeProvisionExistingStatus
});
}
/**
* (4) Power on node
*/
if (cmd == 'nodeset') {
var prg = writeRsp(rsp, '');
$('#' + statBarId).find('div').append(prg);
// Get nodes that were checked
var dTableId = 'bladeNodesDatatable' + inst;
var tgts = getNodesChecked(dTableId);
// Prepare node for boot
$.ajax( {
url : 'lib/cmd.php',
dataType : 'json',
data : {
cmd : 'rpower',
tgt : tgts,
args : 'boot',
msg : 'cmd=rpower;out=' + inst
},
success : updateBladeProvisionExistingStatus
});
}
/**
* (5) Done
*/
else if (cmd == 'rpower') {
// Write ajax response to status bar
var prg = writeRsp(rsp, '');
$('#' + statBarId).find('div').append(prg);
$('#' + statBarId).find('img').remove();
// If installation was successful
if (prg.html().indexOf('Error') == -1) {
$('#' + statBarId).find('div').append('<pre>It will take several minutes before the nodes are up and ready. Use rcons to monitor the status of the install.</pre>');
}
}
}