170db879eb
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@8560 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
2494 lines
61 KiB
JavaScript
2494 lines
61 KiB
JavaScript
/**
|
|
* Global variables
|
|
*/
|
|
var nodesTabs; // Node tabs
|
|
var origAttrs = new Object(); // Original node attributes
|
|
var defAttrs; // Definable node attributes
|
|
|
|
/**
|
|
* Set the nodes tab
|
|
*
|
|
* @param obj
|
|
* Tab object
|
|
* @return Nothing
|
|
*/
|
|
function setNodesTab(obj) {
|
|
nodesTabs = obj;
|
|
}
|
|
|
|
/**
|
|
* Get the nodes tab
|
|
*
|
|
* @param Nothing
|
|
* @return Tab object
|
|
*/
|
|
function getNodesTab() {
|
|
return nodesTabs;
|
|
}
|
|
|
|
/**
|
|
* Load nodes page
|
|
*
|
|
* @return Nothing
|
|
*/
|
|
function loadNodesPage() {
|
|
// If groups are not already loaded
|
|
if (!$('#groups').length) {
|
|
// Create a groups division
|
|
var groups = $('<div id="groups"></div>');
|
|
var nodes = $('<div id="nodes"></div>');
|
|
$('#content').append(groups);
|
|
$('#content').append(nodes);
|
|
|
|
// Create loader
|
|
var loader = createLoader();
|
|
groups.append(loader);
|
|
|
|
// Create info bar
|
|
var info = createInfoBar('Select a group to view its nodes.');
|
|
$('#nodes').append(info);
|
|
|
|
// Get groups
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'extnoderange',
|
|
tgt : '/.*',
|
|
args : 'subgroups',
|
|
msg : ''
|
|
},
|
|
|
|
success : loadGroups
|
|
});
|
|
|
|
// Get graphical view info
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodels',
|
|
tgt : 'all',
|
|
args : 'nodetype.nodetype;ppc.parent;vpd.mtm;nodelist.status;nodehm.mgt',
|
|
msg : ''
|
|
},
|
|
|
|
success : extractGraphicalData
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load groups
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return
|
|
*/
|
|
function loadGroups(data) {
|
|
// Remove loader
|
|
$('#groups').find('img').remove();
|
|
|
|
// Save group in cookie
|
|
var groups = data.rsp;
|
|
setGroupsCookies(data);
|
|
|
|
// Create a list of groups
|
|
var ul = $('<ul></ul>');
|
|
var item = $('<li id="root"><h3>Groups</h3></li>');
|
|
var subUL = $('<ul></ul>');
|
|
ul.append(item);
|
|
item.append(subUL);
|
|
|
|
// Create a link for each group
|
|
for (var i = groups.length; i--;) {
|
|
var subItem = $('<li id="' + groups[i] + '"></li>');
|
|
var link = $('<a>' + groups[i] + '</a>');
|
|
subItem.append(link);
|
|
subUL.append(subItem);
|
|
}
|
|
|
|
// Turn groups list into a tree
|
|
$('#groups').append(ul);
|
|
$('#groups').jstree( {
|
|
core : { "initially_open" : [ "root" ] },
|
|
themes : {
|
|
"theme" : "default",
|
|
"dots" : false, // No dots
|
|
"icons" : false // No icons
|
|
}
|
|
});
|
|
|
|
// Load nodes onclick
|
|
$('#groups').bind('select_node.jstree', function(event, data) {
|
|
// If there are subgroups, remove them
|
|
data.rslt.obj.children('ul').remove();
|
|
var thisGroup = jQuery.trim(data.rslt.obj.text());
|
|
if (thisGroup) {
|
|
// Clear nodes division
|
|
$('#nodes').children().remove();
|
|
|
|
// Create loader
|
|
var loader = $('<center></center>').append(createLoader());
|
|
var loader2 = $('<center></center>').append(createLoader());
|
|
|
|
// Create a tab for this group
|
|
var tab = new Tab();
|
|
setNodesTab(tab);
|
|
tab.init();
|
|
$('#nodes').append(tab.object());
|
|
tab.add('nodesTab', 'Nodes', loader, false);
|
|
tab.add('graphTab', 'Graphical', loader2, false);
|
|
|
|
// Get nodes within selected group
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : thisGroup,
|
|
msg : thisGroup
|
|
},
|
|
|
|
success : loadNodes
|
|
});
|
|
|
|
// Get subgroups within selected group
|
|
// only when this is the parent group and not a subgroup
|
|
if (data.rslt.obj.attr('id').indexOf('Subgroup') < 0) {
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'extnoderange',
|
|
tgt : thisGroup,
|
|
args : 'subgroups',
|
|
msg : thisGroup
|
|
},
|
|
|
|
success : loadSubgroups
|
|
});
|
|
}
|
|
|
|
// Get physical layout
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : thisGroup + ';-s',
|
|
msg : ''
|
|
},
|
|
|
|
success : createPhysicalLayout
|
|
});
|
|
} // End of if (thisGroup)
|
|
});
|
|
|
|
// Create link to add nodes
|
|
var addNodeLink = $('<a title="Add a node or a node range to xCAT">Add node</a>');
|
|
addNodeLink.bind('click', function(event) {
|
|
var info = createInfoBar('Select the hardware management for the new node range');
|
|
var addNodeForm = $('<div class="form"></div>');
|
|
addNodeForm.append(info);
|
|
addNodeForm.append('<div><label for="mgt">Hardware management:</label>'
|
|
+ '<select id="mgt" name="mgt">'
|
|
+ '<option>ipmi</option>'
|
|
+ '<option>blade</option>'
|
|
+ '<option>hmc</option>'
|
|
+ '<option>ivm</option>'
|
|
+ '<option>fsp</option>'
|
|
+ '<option>zvm</option>'
|
|
+ '</select>'
|
|
+ '</div>' );
|
|
|
|
// Create advanced link to set advanced node properties
|
|
var advanced = $('<div></div>');
|
|
var advancedLnk = $('<a>Advanced</a>').css('cursor', 'pointer');
|
|
advancedLnk.bind('click', function(event) {
|
|
// Get definable node attributes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : '-t;node;-h',
|
|
msg : ''
|
|
},
|
|
|
|
/**
|
|
* Set definable node attributes and open dialog
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
success : function(data) {
|
|
setDefAttrs(data);
|
|
openSetPropsDialog();
|
|
}
|
|
});
|
|
|
|
// Close dialog
|
|
addNodeForm.dialog( "close" );
|
|
});
|
|
advanced.append(advancedLnk);
|
|
addNodeForm.append(advanced);
|
|
|
|
// Open dialog to add node
|
|
addNodeForm.dialog({
|
|
modal: true,
|
|
width: 400,
|
|
buttons: {
|
|
"Ok": function(){
|
|
// Get hardware management
|
|
var mgt = $(this).find('select[name=mgt]').val();
|
|
|
|
var plugin;
|
|
switch(mgt) {
|
|
case "blade":
|
|
plugin = new bladePlugin();
|
|
break;
|
|
case "fsp":
|
|
plugin = new fspPlugin();
|
|
break;
|
|
case "hmc":
|
|
plugin = new hmcPlugin();
|
|
break;
|
|
case "ipmi":
|
|
plugin = new ipmiPlugin();
|
|
break;
|
|
case "ivm":
|
|
plugin = new ivmPlugin();
|
|
break;
|
|
case "zvm":
|
|
plugin = new zvmPlugin();
|
|
break;
|
|
}
|
|
|
|
plugin.addNode();
|
|
$(this).dialog( "close" );
|
|
},
|
|
"Cancel": function(){
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// Generate tooltips
|
|
addNodeLink.tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.7,
|
|
predelay: 800
|
|
});
|
|
|
|
$('#groups').append(addNodeLink);
|
|
}
|
|
|
|
/**
|
|
* Load subgroups belonging to a given group
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function loadSubgroups(data) {
|
|
// Data returned
|
|
var rsp = data.rsp;
|
|
// Group name
|
|
var group = data.msg;
|
|
|
|
// Go through each subgroup
|
|
for (var i in rsp) {
|
|
// Do not put the same group in the subgroup
|
|
if (rsp[i] != group && $('#' + group).length) {
|
|
// Add subgroup inside group
|
|
$('#groups').jstree('create', $('#' + group), 'inside', {
|
|
'attr': {'id': rsp[i] + 'Subgroup'},
|
|
'data': rsp[i]},
|
|
'', true);
|
|
}
|
|
} // End of for
|
|
}
|
|
|
|
/**
|
|
* Load nodes belonging to a given group
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function loadNodes(data) {
|
|
// Data returned
|
|
var rsp = data.rsp;
|
|
// Group name
|
|
var group = data.msg;
|
|
// Node attributes hash
|
|
var attrs = new Object();
|
|
// Node attributes
|
|
var headers = new Object();
|
|
|
|
// Variable to send command and request node status
|
|
var getNodeStatus = true;
|
|
|
|
// Clear cookie containing list of nodes where their attributes need to be updated
|
|
$.cookie('nodes2update', '');
|
|
// Clear hash table containing node attributes
|
|
origAttrs = '';
|
|
|
|
var node;
|
|
var args;
|
|
for (var i in rsp) {
|
|
// Get the 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('=', 2);
|
|
var key = jQuery.trim(args[0]);
|
|
var val = jQuery.trim(rsp[i].substring(rsp[i].indexOf('=') + 1, rsp[i].length));
|
|
|
|
// Create a hash table
|
|
attrs[node][key] = val;
|
|
headers[key] = 1;
|
|
|
|
// If the node status is available
|
|
if (key == 'status') {
|
|
// Do not send command to request node status
|
|
getNodeStatus = false;
|
|
}
|
|
}
|
|
|
|
// Save attributes in hash table
|
|
origAttrs = attrs;
|
|
|
|
// Sort headers
|
|
var sorted = new Array();
|
|
for (var key in headers) {
|
|
// Do not put comments and status in twice
|
|
if (key != 'usercomment' && key != 'status' && key.indexOf('statustime') < 0) {
|
|
sorted.push(key);
|
|
}
|
|
}
|
|
sorted.sort();
|
|
|
|
// Add column for check box, node, ping, power, and comments
|
|
sorted.unshift('<input type="checkbox" onclick="selectAllCheckbox(event, $(this))">',
|
|
'node',
|
|
'<span><a>status</a></span><img src="images/loader.gif"></img>',
|
|
'<span><a>power</a></span><img src="images/loader.gif" style="display: none;"></img>',
|
|
'comments');
|
|
|
|
// Create a datatable
|
|
var dTable = new DataTable('nodesDatatable');
|
|
dTable.init(sorted);
|
|
|
|
// Go through each node
|
|
for (var node in attrs) {
|
|
// Create a row
|
|
var row = new Array();
|
|
|
|
// Create a check box, node link, and get node status
|
|
var checkBx = '<input type="checkbox" name="' + node + '"/>';
|
|
var nodeLink = $('<a class="node" id="' + node + '">' + node + '</a>').bind('click', loadNode);
|
|
var status = '';
|
|
if (attrs[node]['status']){
|
|
status = attrs[node]['status'].replace('sshd', 'ping');
|
|
}
|
|
|
|
|
|
// Push in checkbox, node link, status, and power
|
|
row.push(checkBx, nodeLink, status, '');
|
|
|
|
// Put in comments
|
|
var comment = attrs[node]['usercomment'];
|
|
var iconSrc;
|
|
// If no comments exists, show 'No comments' and set icon image source
|
|
if (!comment) {
|
|
comment = 'No comments';
|
|
iconSrc = 'images/ui-icon-no-comment.png';
|
|
} else {
|
|
iconSrc = 'images/ui-icon-comment.png';
|
|
}
|
|
|
|
// Create comments icon
|
|
var tipID = node + 'Tip';
|
|
var icon = $('<img id="' + tipID + '" src="' + iconSrc + '"></img>').css({
|
|
'width': '18px',
|
|
'height': '18px'
|
|
});
|
|
|
|
// Create tooltip
|
|
var tip = createCommentsToolTip(comment);
|
|
var col = $('<span></span>').append(icon);
|
|
col.append(tip);
|
|
row.push(col);
|
|
|
|
// Generate tooltips
|
|
icon.tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
relative: true,
|
|
delay: 500
|
|
});
|
|
|
|
// Go through each header
|
|
for (var i = 5; i < sorted.length; i++) {
|
|
// Add the node attributes to the row
|
|
var key = sorted[i];
|
|
|
|
// Do not put comments and status in twice
|
|
if (key != 'usercomment' && key != 'status' && key.indexOf('statustime') < 0) {
|
|
var val = attrs[node][key];
|
|
if (val) {
|
|
row.push(val);
|
|
} else {
|
|
row.push('');
|
|
}
|
|
}
|
|
}
|
|
|
|
// Add the row to the table
|
|
dTable.add(row);
|
|
}
|
|
|
|
// Clear the tab before inserting the table
|
|
$('#nodesTab').children().remove();
|
|
|
|
// Create info bar for nodes tab
|
|
var info = createInfoBar('Click on a cell to edit. Click outside the table to write to the cell. Hit the Escape key to ignore changes. Once you are satisfied with how the table looks, click on Save.');
|
|
$('#nodesTab').append(info);
|
|
|
|
// Create action bar
|
|
var actionBar = $('<div class="actionBar"></div>');
|
|
|
|
/**
|
|
* The following actions are available to perform against a given node:
|
|
* power, clone, delete, unlock, and advanced
|
|
*/
|
|
|
|
var powerLnk = $('<a>Power</a>');
|
|
|
|
// Power on
|
|
var powerOnLnk = $('<a>Power on</a>');
|
|
powerOnLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
powerNode(tgtNodes, 'on');
|
|
}
|
|
});
|
|
|
|
// Power off
|
|
var powerOffLnk = $('<a>Power off</a>');
|
|
powerOffLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
powerNode(tgtNodes, 'off');
|
|
}
|
|
});
|
|
|
|
// Clone
|
|
var cloneLnk = $('<a>Clone</a>');
|
|
cloneLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable').split(',');
|
|
for (var i in tgtNodes) {
|
|
var mgt = getNodeAttr(tgtNodes[i], 'mgt');
|
|
|
|
// Create an instance of the plugin
|
|
var plugin;
|
|
switch(mgt) {
|
|
case "blade":
|
|
plugin = new bladePlugin();
|
|
break;
|
|
case "fsp":
|
|
plugin = new fspPlugin();
|
|
break;
|
|
case "hmc":
|
|
plugin = new hmcPlugin();
|
|
break;
|
|
case "ipmi":
|
|
plugin = new ipmiPlugin();
|
|
break;
|
|
case "ivm":
|
|
plugin = new ivmPlugin();
|
|
break;
|
|
case "zvm":
|
|
plugin = new zvmPlugin();
|
|
break;
|
|
}
|
|
|
|
plugin.loadClonePage(tgtNodes[i]);
|
|
}
|
|
});
|
|
|
|
// Delete
|
|
var deleteLnk = $('<a>Delete</a>');
|
|
deleteLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadDeletePage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Unlock
|
|
var unlockLnk = $('<a>Unlock</a>');
|
|
unlockLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadUnlockPage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Run script
|
|
var scriptLnk = $('<a>Run script</a>');
|
|
scriptLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadScriptPage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Update
|
|
var updateLnk = $('<a>Update</a>');
|
|
updateLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadUpdatenodePage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Set boot state
|
|
var setBootStateLnk = $('<a>Set boot state</a>');
|
|
setBootStateLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadNodesetPage(tgtNodes);
|
|
}
|
|
|
|
});
|
|
|
|
// Boot to network
|
|
var boot2NetworkLnk = $('<a>Boot to network</a>');
|
|
boot2NetworkLnk.bind('click', function(event) {
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadNetbootPage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Remote console
|
|
var rcons = $('<a>Open console</a>');
|
|
rcons.bind('click', function(event){
|
|
var tgtNodes = getNodesChecked('nodesDatatable');
|
|
if (tgtNodes) {
|
|
loadRconsPage(tgtNodes);
|
|
}
|
|
});
|
|
|
|
// Edit properties
|
|
var editProps = $('<a>Edit properties</a>');
|
|
editProps.bind('click', function(event){
|
|
var tgtNodes = getNodesChecked('nodesDatatable').split(',');
|
|
for (var i in tgtNodes) {
|
|
loadEditPropsPage(tgtNodes[i]);
|
|
}
|
|
});
|
|
|
|
// Power actions
|
|
var powerActions = [ powerOnLnk, powerOffLnk ];
|
|
var powerActionMenu = createMenu(powerActions);
|
|
|
|
// Advanced actions
|
|
var advancedLnk = $('<a>Advanced</a>');
|
|
var advancedActions;
|
|
if ('compute' == group) {
|
|
advancedActions = [ boot2NetworkLnk, scriptLnk, setBootStateLnk, updateLnk, rcons, editProps ];
|
|
} else {
|
|
advancedActions = [ boot2NetworkLnk, scriptLnk, setBootStateLnk, updateLnk, editProps ];
|
|
}
|
|
var advancedActionMenu = createMenu(advancedActions);
|
|
|
|
/**
|
|
* Create an action menu
|
|
*/
|
|
var actionsDIV = $('<div></div>');
|
|
var actions = [ [ powerLnk, powerActionMenu ], cloneLnk, deleteLnk, unlockLnk, [ advancedLnk, advancedActionMenu ] ];
|
|
var actionMenu = createMenu(actions);
|
|
actionMenu.superfish();
|
|
actionsDIV.append(actionMenu);
|
|
actionBar.append(actionsDIV);
|
|
|
|
// Insert action bar and nodes datatable
|
|
$('#nodesTab').append(actionBar);
|
|
$('#nodesTab').append(dTable.object());
|
|
|
|
/**
|
|
* Create menu to save and undo table changes
|
|
*/
|
|
|
|
// Save changes
|
|
var saveLnk = $('<a>Save</a>');
|
|
saveLnk.bind('click', function(event){
|
|
updateNodeAttrs(group);
|
|
});
|
|
|
|
// Undo changes
|
|
var undoLnk = $('<a>Undo</a>');
|
|
undoLnk.bind('click', function(event){
|
|
restoreNodeAttrs();
|
|
});
|
|
|
|
// It will be hidden until a change is made
|
|
var tableActionsMenu = createMenu([saveLnk, undoLnk]).hide();
|
|
tableActionsMenu.css('margin-left', '100px');
|
|
actionsDIV.append(tableActionsMenu);
|
|
|
|
// Turn table into a datatable
|
|
var myDataTable = $('#nodesDatatable').dataTable({
|
|
'iDisplayLength': 50
|
|
});
|
|
|
|
/**
|
|
* Change how datatable behaves
|
|
*/
|
|
|
|
// Do not sort ping, power, and comment column
|
|
var pingCol = $('#nodesDatatable thead tr th').eq(2);
|
|
var powerCol = $('#nodesDatatable thead tr th').eq(3);
|
|
var commentCol = $('#nodesDatatable thead tr th').eq(4);
|
|
pingCol.unbind('click');
|
|
powerCol.unbind('click');
|
|
commentCol.unbind('click');
|
|
|
|
// Create enough space for loader to be displayed
|
|
$('#nodesDatatable tbody tr td:nth-child(3)').css('min-width', '60px');
|
|
$('#nodesDatatable tbody tr td:nth-child(4)').css('min-width', '60px');
|
|
|
|
// Center align power, ping, and comments
|
|
$('#nodesDatatable tbody tr td:nth-child(3)').css('text-align', 'center');
|
|
$('#nodesDatatable tbody tr td:nth-child(4)').css('text-align', 'center');
|
|
$('#nodesDatatable tbody tr td:nth-child(5)').css('text-align', 'center');
|
|
|
|
// Instead refresh the node status and power status
|
|
pingCol.find('span a').bind('click', function(event) {
|
|
refreshNodeStatus(group);
|
|
});
|
|
powerCol.find('span a').bind('click', function(event) {
|
|
refreshPowerStatus(group);
|
|
});
|
|
|
|
// Create tooltip for status
|
|
var pingTip = createStatusToolTip();
|
|
pingCol.find('span').append(pingTip);
|
|
pingCol.find('span a').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
relative: true,
|
|
predelay: 800
|
|
});
|
|
|
|
// Create tooltip for power
|
|
var powerTip = createPowerToolTip();
|
|
powerCol.find('span').append(powerTip);
|
|
powerCol.find('span a').tooltip({
|
|
position: "center right",
|
|
offset: [-2, 10],
|
|
effect: "fade",
|
|
opacity: 0.8,
|
|
relative: true,
|
|
predelay: 800
|
|
});
|
|
|
|
/**
|
|
* Enable editable columns
|
|
*/
|
|
|
|
// Do not make 1st, 2nd, 3rd, 4th, or 5th column editable
|
|
$('#nodesDatatable td:not(td:nth-child(1),td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5))').editable(
|
|
function(value, settings) {
|
|
// Change text color to red
|
|
$(this).css('color', 'red');
|
|
|
|
// Get column index
|
|
var colPos = this.cellIndex;
|
|
|
|
// Get row index
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
var rowPos = dTable.fnGetPosition(this.parentNode);
|
|
|
|
// Update datatable
|
|
dTable.fnUpdate(value, rowPos, colPos);
|
|
|
|
// Get node name
|
|
var node = $(this).parent().find('td a.node').text();
|
|
|
|
// Flag node to update
|
|
flagNode2Update(node);
|
|
|
|
// Show table menu actions
|
|
tableActionsMenu.show();
|
|
|
|
return (value);
|
|
}, {
|
|
onblur : 'submit', // Clicking outside editable area submits changes
|
|
type : 'textarea',
|
|
placeholder: ' ',
|
|
height : '30px' // The height of the text area
|
|
});
|
|
|
|
/**
|
|
* Get the node status and definable node attributes
|
|
*/
|
|
|
|
// If request to get node status is made
|
|
if (getNodeStatus) {
|
|
// Get node status
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodestat',
|
|
tgt : group,
|
|
args : '-u',
|
|
msg : ''
|
|
},
|
|
|
|
success : loadNodeStatus
|
|
});
|
|
} else {
|
|
// Hide status loader
|
|
var statCol = $('#nodesDatatable thead tr th').eq(2);
|
|
statCol.find('img').hide();
|
|
}
|
|
|
|
// Get definable node attributes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsdef',
|
|
tgt : '',
|
|
args : '-t;node;-h',
|
|
msg : ''
|
|
},
|
|
|
|
success : setDefAttrs
|
|
});
|
|
|
|
/**
|
|
* Additional ajax requests need to be made for zVM
|
|
*/
|
|
// Get index of HCP column
|
|
var i = $.inArray('hcp', sorted);
|
|
if (i) {
|
|
// Get hardware control point
|
|
var rows = dTable.object().find('tbody tr');
|
|
var hcps = new Object();
|
|
for (var j in rows) {
|
|
var val = rows.eq(j).find('td').eq(i).html();
|
|
hcps[val] = 1;
|
|
}
|
|
|
|
var args;
|
|
for (var h in hcps) {
|
|
// Get node without domain name
|
|
args = h.split('.');
|
|
|
|
// If there is no disk pool or network names cookie for this zHCP
|
|
if (!$.cookie(args[0] + 'diskpools') || !$.cookie(args[0] + 'networks')) {
|
|
// Check if SMAPI is online
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'lsvm',
|
|
tgt : args[0],
|
|
args : '',
|
|
msg : 'group=' + group + ';hcp=' + args[0]
|
|
},
|
|
|
|
// Load hardware control point (HCP) specific info
|
|
// Get disk pools and network names
|
|
success : loadHcpInfo
|
|
});
|
|
}
|
|
} // End of for
|
|
} // End of if
|
|
}
|
|
|
|
/**
|
|
* Load power status for each node
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function loadPowerStatus(data) {
|
|
// Get datatable
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
var power = data.rsp;
|
|
var rowPos, node, status, args;
|
|
|
|
for (var i in power) {
|
|
// power[0] = nodeName and power[1] = state
|
|
args = power[i].split(':');
|
|
node = jQuery.trim(args[0]);
|
|
status = jQuery.trim(args[1]);
|
|
// Get the row containing the node
|
|
rowPos = findRowIndexUsingCol(node, '#nodesDatatable', 1);
|
|
|
|
// Update the power status column
|
|
dTable.fnUpdate(status, rowPos, 3);
|
|
}
|
|
|
|
// Hide power loader
|
|
var powerCol = $('#nodesDatatable thead tr th').eq(3);
|
|
powerCol.find('img').hide();
|
|
}
|
|
|
|
/**
|
|
* Refresh power status for each node
|
|
*
|
|
* @param group
|
|
* Group name
|
|
* @return Nothing
|
|
*/
|
|
function refreshPowerStatus(group) {
|
|
// Show power loader
|
|
var powerCol = $('#nodesDatatable thead tr th').eq(3);
|
|
powerCol.find('img').show();
|
|
|
|
// Get the power status
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rpower',
|
|
tgt : group,
|
|
args : 'stat',
|
|
msg : ''
|
|
},
|
|
|
|
success : loadPowerStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Load node status for each node
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function loadNodeStatus(data) {
|
|
// Get data table
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
var rsp = data.rsp;
|
|
var args, rowPos, node, status;
|
|
|
|
// Get all nodes within the datatable
|
|
for (var i in rsp) {
|
|
args = rsp[i].split(':');
|
|
|
|
// args[0] = node and args[1] = status
|
|
node = jQuery.trim(args[0]);
|
|
status = jQuery.trim(args[1]).replace('sshd', 'ping');
|
|
// Get the row containing the node
|
|
rowPos = findRowIndexUsingCol(node, '#nodesDatatable', 1);
|
|
|
|
// Update the ping status column
|
|
dTable.fnUpdate(status, rowPos, 2);
|
|
}
|
|
|
|
// Hide status loader
|
|
var statCol = $('#nodesDatatable thead tr th').eq(2);
|
|
statCol.find('img').hide();
|
|
}
|
|
|
|
/**
|
|
* Refresh ping status for each node
|
|
*
|
|
* @param group
|
|
* Group name
|
|
* @return Nothing
|
|
*/
|
|
function refreshNodeStatus(group) {
|
|
// Show ping loader
|
|
var pingCol = $('#nodesDatatable thead tr th').eq(2);
|
|
pingCol.find('img').show();
|
|
|
|
// Get the node status
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'nodestat',
|
|
tgt : group,
|
|
args : '-u',
|
|
msg : ''
|
|
},
|
|
|
|
success : loadNodeStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Load inventory for given node
|
|
*
|
|
* @param e
|
|
* Windows event
|
|
* @return Nothing
|
|
*/
|
|
function loadNode(e) {
|
|
if (!e) {
|
|
e = window.event;
|
|
}
|
|
|
|
// Get node that was clicked
|
|
var node = (e.target) ? e.target.id : e.srcElement.id;
|
|
var mgt = getNodeAttr(node, 'mgt');
|
|
|
|
// Create an instance of the plugin
|
|
var plugin;
|
|
switch(mgt) {
|
|
case "blade":
|
|
plugin = new bladePlugin();
|
|
break;
|
|
case "fsp":
|
|
plugin = new fspPlugin();
|
|
break;
|
|
case "hmc":
|
|
plugin = new hmcPlugin();
|
|
break;
|
|
case "ipmi":
|
|
plugin = new ipmiPlugin();
|
|
break;
|
|
case "ivm":
|
|
plugin = new ivmPlugin();
|
|
break;
|
|
case "zvm":
|
|
plugin = new zvmPlugin();
|
|
break;
|
|
}
|
|
|
|
// Get tab area where a new tab will be inserted
|
|
var myTab = getNodesTab();
|
|
var inst = 0;
|
|
var newTabId = 'nodeTab' + inst;
|
|
while ($('#' + newTabId).length) {
|
|
// If one already exists, generate another one
|
|
inst = inst + 1;
|
|
newTabId = 'nodeTab' + inst;
|
|
}
|
|
// Reset node process
|
|
$.cookie(node + 'Processes', 0);
|
|
|
|
// Add new tab, only if one does not exist
|
|
var loader = createLoader(newTabId + 'TabLoader');
|
|
loader = $('<center></center>').append(loader);
|
|
myTab.add(newTabId, node, loader, true);
|
|
|
|
// Get node inventory
|
|
var msg = 'out=' + newTabId + ',node=' + node;
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rinv',
|
|
tgt : node,
|
|
args : 'all',
|
|
msg : msg
|
|
},
|
|
|
|
success : plugin.loadInventory
|
|
});
|
|
|
|
// Select new tab
|
|
myTab.select(newTabId);
|
|
}
|
|
|
|
/**
|
|
* Unlock a node by setting the SSH keys
|
|
*
|
|
* @param tgtNodes
|
|
* Nodes to unlock
|
|
* @return Nothing
|
|
*/
|
|
function loadUnlockPage(tgtNodes) {
|
|
// Get nodes tab
|
|
var tab = getNodesTab();
|
|
|
|
// Generate new tab ID
|
|
var instance = 0;
|
|
var newTabId = 'unlockTab' + instance;
|
|
while ($('#' + newTabId).length) {
|
|
// If one already exists, generate another one
|
|
instance = instance + 1;
|
|
newTabId = 'unlockTab' + instance;
|
|
}
|
|
|
|
var unlockForm = $('<div class="form"></div>');
|
|
|
|
// Create status bar, hide on load
|
|
var statBarId = 'unlockStatusBar' + instance;
|
|
var statusBar = createStatusBar(statBarId).hide();
|
|
unlockForm.append(statusBar);
|
|
|
|
// Create loader
|
|
var loader = createLoader('');
|
|
statusBar.append(loader);
|
|
|
|
// Create info bar
|
|
var infoBar = createInfoBar('Give the root password for this node range to setup its SSH keys.');
|
|
unlockForm.append(infoBar);
|
|
|
|
unlockForm.append('<div><label>Target node range:</label><input type="text" id="node" name="node" readonly="readonly" value="' + tgtNodes + '" title="The node or node range to unlock"/></div>');
|
|
unlockForm.append('<div><label>Password:</label><input type="password" id="password" name="password" title="The root password to unlock this node"/></div>');
|
|
|
|
// Generate tooltips
|
|
unlockForm.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"
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Ok
|
|
*/
|
|
var okBtn = createButton('Ok');
|
|
okBtn.bind('click', function(event) {
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
// If a password is given
|
|
var password = $('#' + newTabId + ' input[name=password]').css('border', 'solid #BDBDBD 1px');
|
|
if (password.val()) {
|
|
// Setup SSH keys
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'webrun',
|
|
tgt : '',
|
|
args : 'unlock;' + tgtNodes + ';' + password.val(),
|
|
msg : 'out=' + statBarId + ';cmd=unlock;tgt=' + tgtNodes
|
|
},
|
|
|
|
success : updateStatusBar
|
|
});
|
|
|
|
// Show status bar
|
|
statusBar.show();
|
|
|
|
// Disable all inputs and Ok button
|
|
$('#' + newTabId + ' input').attr('disabled', 'disabled');
|
|
$(this).attr('disabled', 'true');
|
|
} else {
|
|
// Show warning message
|
|
var warn = createWarnBar('You are missing some values!');
|
|
warn.prependTo($(this).parent().parent());
|
|
password.css('border', 'solid #FF0000 1px');
|
|
}
|
|
});
|
|
|
|
unlockForm.append(okBtn);
|
|
tab.add(newTabId, 'Unlock', unlockForm, true);
|
|
tab.select(newTabId);
|
|
}
|
|
|
|
/**
|
|
* Load script page
|
|
*
|
|
* @param tgtNodes
|
|
* Targets to run script against
|
|
* @return Nothing
|
|
*/
|
|
function loadScriptPage(tgtNodes) {
|
|
// Get nodes tab
|
|
var tab = getNodesTab();
|
|
|
|
// Generate new tab ID
|
|
var inst = 0;
|
|
var newTabId = 'scriptTab' + inst;
|
|
while ($('#' + newTabId).length) {
|
|
// If one already exists, generate another one
|
|
inst = inst + 1;
|
|
newTabId = 'scriptTab' + inst;
|
|
}
|
|
|
|
// Open new tab
|
|
// Create remote script form
|
|
var scriptForm = $('<div class="form"></div>');
|
|
|
|
// Create status bar
|
|
var barId = 'scriptStatusBar' + inst;
|
|
var statBar = createStatusBar(barId);
|
|
statBar.hide();
|
|
scriptForm.append(statBar);
|
|
|
|
// Create loader
|
|
var loader = createLoader('scriptLoader' + inst);
|
|
statBar.append(loader);
|
|
|
|
// Create info bar
|
|
var infoBar = createInfoBar('Load a script to run against this node range.');
|
|
scriptForm.append(infoBar);
|
|
|
|
// Target node or group
|
|
var tgt = $('<div><label for="target">Target node range:</label><input type="text" name="target" value="' + tgtNodes + '" title="The node or node range to run a given script against"/></div>');
|
|
scriptForm.append(tgt);
|
|
|
|
// Upload file
|
|
var upload = $('<form action="lib/upload.php" method="post" enctype="multipart/form-data"></form>');
|
|
var label = $('<label for="file">Remote file:</label>');
|
|
var file = $('<input type="file" name="file" id="file"/>');
|
|
var subBtn = createButton('Load');
|
|
upload.append(label);
|
|
upload.append(file);
|
|
upload.append(subBtn);
|
|
scriptForm.append(upload);
|
|
|
|
// Generate tooltips
|
|
scriptForm.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"
|
|
}
|
|
});
|
|
|
|
// Script
|
|
var script = $('<div><label>Script:</label><textarea/>');
|
|
scriptForm.append(script);
|
|
|
|
// Ajax form options
|
|
var options = {
|
|
// Output to text area
|
|
target : '#' + newTabId + ' textarea'
|
|
};
|
|
upload.ajaxForm(options);
|
|
|
|
/**
|
|
* Run
|
|
*/
|
|
var runBtn = createButton('Run');
|
|
runBtn.bind('click', function(event) {
|
|
// Remove any warning messages
|
|
$(this).parent().parent().find('.ui-state-error').remove();
|
|
|
|
// Get script to run
|
|
var textarea = $('#' + newTabId + ' textarea').css('border', 'solid #BDBDBD 1px');
|
|
|
|
// If no inputs are empty
|
|
if (textarea.val()) {
|
|
// Run script
|
|
runScript(inst);
|
|
} else {
|
|
// Show warning message
|
|
var warn = createWarnBar('You are missing some values');
|
|
warn.prependTo($(this).parent().parent());
|
|
textarea.css('border', 'solid #FF0000 1px');
|
|
}
|
|
});
|
|
scriptForm.append(runBtn);
|
|
|
|
// Append to discover tab
|
|
tab.add(newTabId, 'Script', scriptForm, true);
|
|
|
|
// Select new tab
|
|
tab.select(newTabId);
|
|
}
|
|
|
|
/**
|
|
* Sort a list
|
|
*
|
|
* @return Sorted list
|
|
*/
|
|
jQuery.fn.sort = function() {
|
|
return this.pushStack( [].sort.apply(this, arguments), []);
|
|
};
|
|
|
|
function sortAlpha(a, b) {
|
|
return a.innerHTML > b.innerHTML ? 1 : -1;
|
|
};
|
|
|
|
/**
|
|
* Power on a given node
|
|
*
|
|
* @param node
|
|
* Node to power on or off
|
|
* @param power2
|
|
* Power node to given state
|
|
* @return Nothing
|
|
*/
|
|
function powerNode(node, power2) {
|
|
node = node.replace('Power', '');
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rpower',
|
|
tgt : node,
|
|
args : power2,
|
|
msg : node
|
|
},
|
|
|
|
success : updatePowerStatus
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Load delete node page
|
|
*
|
|
* @param tgtNodes
|
|
* Nodes to delete
|
|
* @return Nothing
|
|
*/
|
|
function loadDeletePage(tgtNodes) {
|
|
// Get nodes tab
|
|
var myTab = getNodesTab();
|
|
|
|
// Generate new tab ID
|
|
var inst = 0;
|
|
newTabId = 'deleteTab' + inst;
|
|
while ($('#' + newTabId).length) {
|
|
// If one already exists, generate another one
|
|
inst = inst + 1;
|
|
newTabId = 'deleteTab' + inst;
|
|
}
|
|
|
|
// Create status bar, hide on load
|
|
var statBarId = 'deleteStatusBar' + inst;
|
|
var statBar = createStatusBar(statBarId).hide();
|
|
|
|
// Create loader
|
|
var loader = createLoader('');
|
|
statBar.append(loader);
|
|
statBar.hide();
|
|
|
|
// Create target nodes string
|
|
var tgtNodesStr = '';
|
|
var nodes = tgtNodes.split(',');
|
|
// Loop through each node
|
|
for (var i in nodes) {
|
|
// If it is the 1st and only node
|
|
if (i == 0 && i == nodes.length - 1) {
|
|
tgtNodesStr += nodes[i];
|
|
}
|
|
// If it is the 1st node of many nodes
|
|
else if (i == 0 && i != nodes.length - 1) {
|
|
// Append a comma to the string
|
|
tgtNodesStr += nodes[i] + ', ';
|
|
} else {
|
|
// If it is the last node
|
|
if (i == nodes.length - 1) {
|
|
// Append nothing to the string
|
|
tgtNodesStr += nodes[i];
|
|
} else {
|
|
// Append a comma to the string
|
|
tgtNodesStr += nodes[i] + ', ';
|
|
}
|
|
}
|
|
}
|
|
|
|
// Create delete form
|
|
var deleteForm = $('<div class="form"></div>');
|
|
deleteForm.append(statBar);
|
|
deleteForm.append(statBar);
|
|
|
|
// Word wrap
|
|
var instr = $('<p>Are you sure you want to delete ' + tgtNodesStr + '?</p>').css('word-wrap', 'break-word');
|
|
deleteForm.append(instr);
|
|
|
|
/**
|
|
* Delete
|
|
*/
|
|
var deleteBtn = createButton('Delete');
|
|
deleteBtn.bind('click', function(event) {
|
|
// Delete the virtual server
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'rmvm',
|
|
tgt : tgtNodes,
|
|
args : '',
|
|
msg : 'out=' + statBarId + ';cmd=rmvm;tgt=' + tgtNodes
|
|
},
|
|
|
|
success : updateStatusBar
|
|
});
|
|
|
|
// Show status bar loader
|
|
statBar.show();
|
|
|
|
// Disable delete button
|
|
$(this).attr('disabled', 'true');
|
|
});
|
|
|
|
/**
|
|
* Cancel
|
|
*/
|
|
var cancelBtn = createButton('Cancel');
|
|
cancelBtn.bind('click', function(){
|
|
myTab.remove($(this).parent().parent().attr('id'));
|
|
});
|
|
|
|
deleteForm.append(deleteBtn);
|
|
deleteForm.append(cancelBtn);
|
|
myTab.add(newTabId, 'Delete', deleteForm, true);
|
|
|
|
myTab.select(newTabId);
|
|
}
|
|
|
|
/**
|
|
* Update status bar of a given tab
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function updateStatusBar(data) {
|
|
// Get ajax response
|
|
var rsp = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var statBarId = args[0].replace('out=', '');
|
|
var cmd = args[1].replace('cmd=', '');
|
|
var tgts = args[2].replace('tgt=', '').split(',');
|
|
|
|
if (cmd == 'unlock' || cmd == 'updatenode') {
|
|
// Hide loader
|
|
$('#' + statBarId).find('img').hide();
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).append(prg);
|
|
} else if (cmd == 'rmvm') {
|
|
// Get data table
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
var failed = false;
|
|
|
|
// Hide loader
|
|
$('#' + statBarId).find('img').hide();
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '');
|
|
$('#' + statBarId).append(prg);
|
|
|
|
// If there was an error, do not continue
|
|
if (prg.html().indexOf('Error') > -1) {
|
|
failed = true;
|
|
}
|
|
|
|
// Update data table
|
|
var rowPos;
|
|
for (var i in tgts) {
|
|
if (!failed) {
|
|
// Get the row containing the node link and delete it
|
|
rowPos = findRowIndexUsingCol(tgts[i], '#nodesDatatable', 1);
|
|
dTable.fnDeleteRow(rowPos);
|
|
}
|
|
}
|
|
} else if (cmd == 'xdsh') {
|
|
// Hide loader
|
|
$('#' + statBarId).find('img').hide();
|
|
|
|
// Write ajax response to status bar
|
|
var prg = $('<p></p>');
|
|
for (var i in rsp) {
|
|
for (var j in tgts) {
|
|
rsp[i] = rsp[i].replace(new RegExp(tgts[j] + ':', 'g'), '<br>');
|
|
}
|
|
|
|
prg.append(rsp[i]);
|
|
prg.append('<br>');
|
|
}
|
|
$('#' + statBarId).append(prg);
|
|
|
|
// Enable fields
|
|
$('#' + statBarId).parent().find('input').removeAttr('disabled');
|
|
$('#' + statBarId).parent().find('textarea').removeAttr('disabled');
|
|
|
|
// Enable buttons
|
|
$('#' + statBarId).parent().find('button').removeAttr('disabled');
|
|
} else {
|
|
// Hide loader
|
|
$('#' + statBarId).find('img').hide();
|
|
|
|
// Write ajax response to status bar
|
|
var prg = writeRsp(rsp, '[A-Za-z0-9._-]+:');
|
|
$('#' + statBarId).append(prg);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update power status of a node in the datatable
|
|
*
|
|
* @param data
|
|
* Data from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function updatePowerStatus(data) {
|
|
// Get datatable
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
|
|
// Get xCAT response
|
|
var rsp = data.rsp;
|
|
// Loop through each line
|
|
var node, status, rowPos, strPos;
|
|
for (var i in rsp) {
|
|
// Get the node
|
|
node = rsp[i].split(":")[0];
|
|
|
|
// If there is no error
|
|
if (rsp[i].indexOf("Error") < 0 || rsp[i].indexOf("Failed") < 0) {
|
|
// Get the row containing the node link
|
|
rowPos = findRowIndexUsingCol(node, '#nodesDatatable', 1);
|
|
|
|
// If it was power on, then the data return would contain "Starting"
|
|
strPos = rsp[i].indexOf("Starting");
|
|
if (strPos > -1) {
|
|
status = 'on';
|
|
} else {
|
|
status = 'off';
|
|
}
|
|
|
|
// Update the power status column
|
|
dTable.fnUpdate(status, rowPos, 3);
|
|
} else {
|
|
// Power on/off failed
|
|
alert(rsp[i]);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Run a script
|
|
*
|
|
* @param inst
|
|
* Remote script tab instance
|
|
* @return Nothing
|
|
*/
|
|
function runScript(inst) {
|
|
// Get tab ID
|
|
var tabId = 'scriptTab' + inst;
|
|
// Get node name
|
|
var tgts = $('#' + tabId + ' input[name=target]').val();
|
|
// Get script
|
|
var script = $('#' + tabId + ' textarea').val();
|
|
|
|
var statBarId = 'scriptStatusBar' + inst;
|
|
$('#' + statBarId).show(); // Show status bar
|
|
$('#' + statBarId + ' img').show(); // Show loader
|
|
$('#' + statBarId + ' p').remove(); // Clear status bar
|
|
|
|
// Disable all fields
|
|
$('#' + tabId + ' input').attr('disabled', 'true');
|
|
$('#' + tabId + ' textarea').attr('disabled', 'true');
|
|
|
|
// Disable buttons
|
|
$('#' + tabId + ' button').attr('disabled', 'true');
|
|
|
|
// Run script
|
|
$.ajax( {
|
|
url : 'lib/zCmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'xdsh',
|
|
tgt : tgts,
|
|
args : '-e',
|
|
att : script,
|
|
msg : 'out=scriptStatusBar' + inst + ';cmd=xdsh;tgt=' + tgts
|
|
},
|
|
|
|
success : updateStatusBar
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Get an attribute of a given node
|
|
*
|
|
* @param node
|
|
* The node
|
|
* @param attrName
|
|
* The attribute
|
|
* @return The attribute of the node
|
|
*/
|
|
function getNodeAttr(node, attrName) {
|
|
// Get the row
|
|
var row = $('[id=' + node + ']').parent().parent();
|
|
|
|
// Search for the column containing the attribute
|
|
var attrCol;
|
|
var cols = row.parent().parent().find('th:contains("' + attrName + '")');
|
|
// Loop through each column
|
|
for (var i in cols) {
|
|
// Find column that matches the attribute
|
|
if (cols.eq(i).html() == attrName) {
|
|
attrCol = cols.eq(i);
|
|
break;
|
|
}
|
|
}
|
|
|
|
// If the column containing the attribute is found
|
|
if (attrCol) {
|
|
// Get the attribute column index
|
|
var attrIndex = attrCol.index();
|
|
|
|
// Get the attribute for the given node
|
|
var attr = row.find('td:eq(' + attrIndex + ')');
|
|
return attr.text();
|
|
} else {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for the OS images
|
|
*
|
|
* @param data
|
|
* Data from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function setOSImageCookies(data) {
|
|
// Get response
|
|
var rsp = data.rsp;
|
|
|
|
var imageNames = new Array;
|
|
var profilesHash = new Object();
|
|
var osVersHash = new Object();
|
|
var osArchsHash = new Object();
|
|
|
|
// Go through each index
|
|
for (var i = 1; i < rsp.length; i++) {
|
|
// Get the image name
|
|
var cols = rsp[i].split(',');
|
|
var osImage = cols[0].replace(new RegExp('"', 'g'), '');
|
|
var profile = cols[1].replace(new RegExp('"', 'g'), '');
|
|
var osVer = cols[5].replace(new RegExp('"', 'g'), '');
|
|
var osArch = cols[7].replace(new RegExp('"', 'g'), '');
|
|
|
|
imageNames.push(osImage);
|
|
profilesHash[profile] = 1;
|
|
osVersHash[osVer] = 1;
|
|
osArchsHash[osArch] = 1;
|
|
}
|
|
|
|
// Save image names in a cookie
|
|
$.cookie('imagenames', imageNames);
|
|
|
|
// Save profiles in a cookie
|
|
var tmp = new Array;
|
|
for (var key in profilesHash) {
|
|
tmp.push(key);
|
|
}
|
|
$.cookie('profiles', tmp);
|
|
|
|
// Save OS versions in a cookie
|
|
tmp = [];
|
|
for (var key in osVersHash) {
|
|
tmp.push(key);
|
|
}
|
|
$.cookie('osvers', tmp);
|
|
|
|
// Save OS architectures in a cookie
|
|
tmp = [];
|
|
for (var key in osArchsHash) {
|
|
tmp.push(key);
|
|
}
|
|
$.cookie('osarchs', tmp);
|
|
}
|
|
|
|
/**
|
|
* Set a cookie for the groups
|
|
*
|
|
* @param data
|
|
* Data from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function setGroupsCookies(data) {
|
|
var rsp = data.rsp;
|
|
$.cookie('groups', rsp);
|
|
}
|
|
|
|
/**
|
|
* Get nodes that are checked in a given datatable
|
|
*
|
|
* @param datatableId
|
|
* The datatable ID
|
|
* @return Nodes that were checked
|
|
*/
|
|
function getNodesChecked(datatableId) {
|
|
var tgts = '';
|
|
|
|
// Get nodes that were checked
|
|
var nodes = $('#' + datatableId + ' input[type=checkbox]:checked');
|
|
for (var i in nodes) {
|
|
var tgtNode = nodes.eq(i).attr('name');
|
|
|
|
if (tgtNode){
|
|
tgts += tgtNode;
|
|
|
|
// Add a comma at the end
|
|
if (i < nodes.length - 1) {
|
|
tgts += ',';
|
|
}
|
|
}
|
|
}
|
|
|
|
return tgts;
|
|
}
|
|
|
|
/**
|
|
* Find the row index using a column search value
|
|
*
|
|
* @param searchStr
|
|
* String to search for
|
|
* @param table
|
|
* Table to check
|
|
* @param col
|
|
* Column to find string under
|
|
* @return The row index containing the search string
|
|
*/
|
|
function findRowIndexUsingCol(searchStr, table, col){
|
|
var dTable, rows, cols;
|
|
|
|
// Get datatable
|
|
dTable = $(table).dataTable();
|
|
rows = dTable.fnGetData();
|
|
|
|
// Loop through each row
|
|
for (var i = 0; i < rows.length; i++) {
|
|
// Get columns in row
|
|
cols = dTable.fnGetData(i);
|
|
// If column contains string
|
|
if ( cols[col].indexOf(searchStr) > -1 ) {
|
|
// Return index
|
|
return i;
|
|
}
|
|
}
|
|
|
|
return -1;
|
|
}
|
|
|
|
/**
|
|
* Select all checkboxes in a given datatable
|
|
*
|
|
* @param event
|
|
* Event on element
|
|
* @param obj
|
|
* Object triggering event
|
|
* @return Nothing
|
|
*/
|
|
function selectAllCheckbox(event, obj) {
|
|
// Get datatable ID
|
|
// This will ascend from <input> <td> <tr> <thead> <table>
|
|
var datatableId = obj.parent().parent().parent().parent().attr('id');
|
|
var status = obj.attr('checked');
|
|
$('#' + datatableId + ' :checkbox').attr('checked', status);
|
|
event.stopPropagation();
|
|
}
|
|
|
|
/**
|
|
* Load rcons page
|
|
*
|
|
* @param tgtNodes
|
|
* Targets to run rcons against
|
|
* @return Nothing
|
|
*/
|
|
function loadRconsPage(tgtNodes){
|
|
var hostName = window.location.host;
|
|
var urlPath = window.location.pathname;
|
|
var redirectUrl = 'https://';
|
|
var pos = 0;
|
|
|
|
// We only support one node
|
|
if (-1 != tgtNodes.indexOf(',')){
|
|
alert("You can only open one console at a time!");
|
|
return;
|
|
}
|
|
|
|
redirectUrl += hostName;
|
|
pos = urlPath.lastIndexOf('/');
|
|
redirectUrl += urlPath.substring(0, pos + 1);
|
|
redirectUrl += 'rconsShow.php';
|
|
|
|
// Open the rcons page
|
|
window.open(redirectUrl + "?rconsnd=" + tgtNodes, '', "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=670,height=436");
|
|
}
|
|
|
|
/**
|
|
* Flag the node in the group table to update
|
|
*
|
|
* @param node
|
|
* The node name
|
|
* @return Nothing
|
|
*/
|
|
function flagNode2Update(node) {
|
|
// Get list containing current nodes to update
|
|
var nodes = $.cookie('nodes2update');
|
|
|
|
// If the node is not in the list
|
|
if (nodes.indexOf(node) == -1) {
|
|
// Add the new node to list
|
|
nodes += node + ';';
|
|
$.cookie('nodes2update', nodes);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Update the node attributes
|
|
*
|
|
* @param group
|
|
* The node group name
|
|
* @return Nothing
|
|
*/
|
|
function updateNodeAttrs(group) {
|
|
// Get the nodes datatable
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
// Get all nodes within the datatable
|
|
var rows = dTable.fnGetNodes();
|
|
|
|
// Get table headers
|
|
var headers = $('#nodesDatatable thead tr th');
|
|
|
|
// Get list of nodes to update
|
|
var nodesList = $.cookie('nodes2update');
|
|
var nodes = nodesList.split(';');
|
|
|
|
// Create the arguments
|
|
var args;
|
|
var rowPos, colPos, value;
|
|
var attrName;
|
|
// Go through each node where an attribute was changed
|
|
for (var i in nodes) {
|
|
if (nodes[i]) {
|
|
args = '';
|
|
|
|
// Get the row containing the node link
|
|
rowPos = findRowIndexUsingCol(nodes[i], '#nodesDatatable', 1);
|
|
$(rows[rowPos]).find('td').each(function (){
|
|
if ($(this).css('color') == 'red') {
|
|
// Change color back to normal
|
|
$(this).css('color', '');
|
|
|
|
// Get column position
|
|
colPos = $(this).parent().children().index($(this));
|
|
// Get column value
|
|
value = $(this).text();
|
|
|
|
// Get attribute name
|
|
attrName = jQuery.trim(headers.eq(colPos).text());
|
|
|
|
// Build argument string
|
|
if (args) {
|
|
// Handle subsequent arguments
|
|
args += ';' + attrName + '=' + value;
|
|
} else {
|
|
// Handle the 1st argument
|
|
args += attrName + '=' + value;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Send command to change node attributes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chdef',
|
|
tgt : '',
|
|
args : '-t;node;-o;' + nodes[i] + ';' + args,
|
|
msg : 'out=nodesTab;tgt=' + nodes[i]
|
|
},
|
|
|
|
success: showChdefOutput
|
|
});
|
|
} // End of if
|
|
} // End of for
|
|
|
|
// Clear cookie containing list of nodes where
|
|
// their attributes need to be updated
|
|
$.cookie('nodes2update', '');
|
|
}
|
|
|
|
/**
|
|
* Restore node attributes to their original content
|
|
*
|
|
* @return Nothing
|
|
*/
|
|
function restoreNodeAttrs() {
|
|
// Get list of nodes to update
|
|
var nodesList = $.cookie('nodes2update');
|
|
var nodes = nodesList.split(';');
|
|
|
|
// Get the nodes datatable
|
|
var dTable = $('#nodesDatatable').dataTable();
|
|
// Get table headers
|
|
var headers = $('#nodesDatatable thead tr th');
|
|
// Get all nodes within the datatable
|
|
var rows = dTable.fnGetNodes();
|
|
|
|
// Go through each node where an attribute was changed
|
|
var rowPos, colPos;
|
|
var attrName, origVal;
|
|
for (var i in nodes) {
|
|
if (nodes[i]) {
|
|
// Get the row containing the node link
|
|
rowPos = findRowIndexUsingCol(nodes[i], '#nodesDatatable', 1);
|
|
$(rows[rowPos]).find('td').each(function (){
|
|
if ($(this).css('color') == 'red') {
|
|
// Change color back to normal
|
|
$(this).css('color', '');
|
|
|
|
// Get column position
|
|
colPos = $(this).parent().children().index($(this));
|
|
// Get attribute name
|
|
attrName = jQuery.trim(headers.eq(colPos).text());
|
|
// Get original content
|
|
origVal = origAttrs[nodes[i]][attrName];
|
|
|
|
// Update column
|
|
dTable.fnUpdate(origVal, rowPos, colPos);
|
|
}
|
|
});
|
|
} // End of if
|
|
} // End of for
|
|
|
|
// Clear cookie containing list of nodes where their attributes need to be updated
|
|
$.cookie('nodes2update', '');
|
|
}
|
|
|
|
/**
|
|
* Create a tool tip for comment
|
|
*
|
|
* @param comment
|
|
* The comments to be placed in the tool tip
|
|
* @return Tool tip
|
|
*/
|
|
function createCommentsToolTip(comment) {
|
|
// Create tooltip container
|
|
var toolTip = $('<div class="tooltip"></div>');
|
|
// Create textarea to hold comment
|
|
var txtArea = $('<textarea>' + comment + '</textarea>').css({
|
|
'font-size': '10px',
|
|
'height': '50px',
|
|
'width': '200px',
|
|
'background-color': '#000',
|
|
'color': '#fff',
|
|
'border': '0px',
|
|
'display': 'block'
|
|
});
|
|
|
|
// Create links to save and cancel changes
|
|
var lnkStyle = {
|
|
'color': '#58ACFA',
|
|
'font-size': '10px',
|
|
'display': 'inline-block',
|
|
'padding': '5px',
|
|
'float': 'right'
|
|
};
|
|
var saveLnk = $('<a>Save</a>').css(lnkStyle).hide();
|
|
var cancelLnk = $('<a>Cancel</a>').css(lnkStyle).hide();
|
|
var infoSpan = $('<span>Click to edit</span>').css(lnkStyle);
|
|
|
|
// Save changes onclick
|
|
saveLnk.bind('click', function(){
|
|
// Get node and comment
|
|
var node = $(this).parent().parent().find('img').attr('id').replace('Tip', '');
|
|
var comments = $(this).parent().find('textarea').val();
|
|
|
|
// Save comment
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chdef',
|
|
tgt : '',
|
|
args : '-t;node;-o;' + node + ';usercomment=' + comments,
|
|
msg : 'out=nodesTab;tgt=' + node
|
|
},
|
|
|
|
success: showChdefOutput
|
|
});
|
|
|
|
// Hide cancel and save links
|
|
$(this).hide();
|
|
cancelLnk.hide();
|
|
});
|
|
|
|
// Cancel changes onclick
|
|
cancelLnk.bind('click', function(){
|
|
// Get original comment and put it back
|
|
var orignComments = $(this).parent().find('textarea').text();
|
|
$(this).parent().find('textarea').val(orignComments);
|
|
|
|
// Hide cancel and save links
|
|
$(this).hide();
|
|
saveLnk.hide();
|
|
infoSpan.show();
|
|
});
|
|
|
|
// Show save link when comment is edited
|
|
txtArea.bind('click', function(){
|
|
saveLnk.show();
|
|
cancelLnk.show();
|
|
infoSpan.hide();
|
|
});
|
|
|
|
toolTip.append(txtArea);
|
|
toolTip.append(cancelLnk);
|
|
toolTip.append(saveLnk);
|
|
toolTip.append(infoSpan);
|
|
|
|
return toolTip;
|
|
}
|
|
|
|
/**
|
|
* Create a tool tip for node status
|
|
*
|
|
* @return Tool tip
|
|
*/
|
|
function createStatusToolTip() {
|
|
// Create tooltip container
|
|
var toolTip = $('<div class="tooltip"></div>').css({
|
|
'width': '150px'
|
|
});
|
|
|
|
// Create info text
|
|
var info = $('<p></p>');
|
|
info.append('Click here to refresh the node status. To configure the xCAT monitor, ');
|
|
|
|
// Create link to turn on xCAT monitoring
|
|
var monitorLnk = $('<a>click here</a>').css({
|
|
'color': '#58ACFA',
|
|
'font-size': '10px'
|
|
});
|
|
|
|
// Open dialog to configure xCAT monitor
|
|
monitorLnk.bind('click', function(){
|
|
// Check if xCAT monitor is enabled
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'monls',
|
|
tgt : '',
|
|
args : 'xcatmon',
|
|
msg : ''
|
|
},
|
|
|
|
success : openConfXcatMon
|
|
});
|
|
});
|
|
|
|
info.append(monitorLnk);
|
|
toolTip.append(info);
|
|
|
|
return toolTip;
|
|
}
|
|
|
|
/**
|
|
* Create a tool tip for power status
|
|
*
|
|
* @return Tool tip
|
|
*/
|
|
function createPowerToolTip() {
|
|
// Create tooltip container
|
|
var toolTip = $('<div class="tooltip">Click here to refresh the power status</div>').css({
|
|
'width': '150px'
|
|
});
|
|
return toolTip;
|
|
}
|
|
|
|
/**
|
|
* Open dialog to configure xCAT monitor
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function openConfXcatMon(data) {
|
|
// Create info bar
|
|
var info = createInfoBar('Configure the xCAT monitor. Select to enable or disable the monitor below.');
|
|
var dialog = $('<div></div>');
|
|
dialog.append(info);
|
|
|
|
// Create status area
|
|
var statusArea = $('<div></div>').css('padding-top', '10px');
|
|
var label = $('<label>Status:</label>');
|
|
statusArea.append(label);
|
|
|
|
// Get xCAT monitor status
|
|
var status = data.rsp[0];
|
|
var buttons;
|
|
// If xCAT monitor is disabled
|
|
if (status.indexOf('not-monitored') > -1) {
|
|
status = $('<span>Disabled</span>').css('padding', '0px 5px');
|
|
statusArea.append(status);
|
|
|
|
// Create enable and cancel buttons
|
|
buttons = {
|
|
"Enable": function(){
|
|
// Enable xCAT monitor
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'monstart',
|
|
tgt : '',
|
|
args : 'xcatmon',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
openDialog('info', data.rsp[0]);
|
|
}
|
|
});
|
|
$(this).dialog("close");
|
|
},
|
|
"Cancel": function(){
|
|
$(this).dialog("close");
|
|
}
|
|
};
|
|
} else {
|
|
status = $('<span>Enabled</span>').css('padding', '0px 5px');
|
|
statusArea.append(status);
|
|
|
|
// Create disable and cancel buttons
|
|
buttons = {
|
|
"Disable": function(){
|
|
// Disable xCAT monitor
|
|
$.ajax({
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'monstop',
|
|
tgt : '',
|
|
args : 'xcatmon',
|
|
msg : ''
|
|
},
|
|
|
|
success : function(data){
|
|
openDialog('info', data.rsp[0]);
|
|
}
|
|
});
|
|
$(this).dialog("close");
|
|
},
|
|
"Cancel": function(){
|
|
$(this).dialog("close");
|
|
}
|
|
};
|
|
}
|
|
|
|
dialog.append(statusArea);
|
|
|
|
// Open dialog
|
|
dialog.dialog({
|
|
modal: true,
|
|
width: 500,
|
|
buttons: buttons
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Show chdef output
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function showChdefOutput(data) {
|
|
// Get output
|
|
var out = data.rsp;
|
|
var args = data.msg.split(';');
|
|
var tabID = args[0].replace('out=', '');
|
|
var tgt = args[1].replace('tgt=', '');
|
|
|
|
// Find info bar on nodes tab, if any
|
|
var info = $('#' + tabID).find('.ui-state-highlight');
|
|
if (!info.length) {
|
|
// Create info bar if one does not exist
|
|
info = createInfoBar('');
|
|
$('#' + tabID).append(info);
|
|
}
|
|
|
|
// Go through output and append to paragraph
|
|
var prg = $('<p></p>');
|
|
for (var i in out) {
|
|
prg.append(tgt + ': ' + out[i] + '<br>');
|
|
}
|
|
|
|
info.append(prg);
|
|
}
|
|
|
|
/**
|
|
* Set definable node attributes
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
function setDefAttrs(data) {
|
|
// Clear hash table containing definable node attributes
|
|
defAttrs = new Array();
|
|
|
|
// Get definable attributes
|
|
var attrs = data.rsp[2].split(/\n/);
|
|
|
|
// Go through each line
|
|
var attr, key, descr;
|
|
for (var i in attrs) {
|
|
attr = attrs[i];
|
|
|
|
// If the line is not empty
|
|
if (attr) {
|
|
// If the line has the attribute name
|
|
if (attr.indexOf(':') && attr.indexOf(' ')) {
|
|
// Get attribute name and description
|
|
key = jQuery.trim(attr.substring(0, attr.indexOf(':')));
|
|
descr = jQuery.trim(attr.substring(attr.indexOf(':') + 1));
|
|
|
|
// Remove arrow brackets
|
|
descr = descr.replace(new RegExp('<|>', 'g'), '');
|
|
|
|
// Set hash table where key = attribute name and value = description
|
|
defAttrs[key] = descr;
|
|
} else {
|
|
// Remove arrow brackets
|
|
attr = attr.replace(new RegExp('<|>', 'g'), '');
|
|
|
|
// Append description to hash table
|
|
defAttrs[key] = defAttrs[key] + '\n' + attr;
|
|
}
|
|
} // End of if
|
|
} // End of for
|
|
}
|
|
|
|
/**
|
|
* Load set node properties page
|
|
*
|
|
* @param tgtNode
|
|
* Target node to set properties
|
|
* @return Nothing
|
|
*/
|
|
function loadEditPropsPage(tgtNode) {
|
|
// Get nodes tab
|
|
var tab = getNodesTab();
|
|
|
|
// Generate new tab ID
|
|
var inst = 0;
|
|
var newTabId = 'editPropsTab' + inst;
|
|
while ($('#' + newTabId).length) {
|
|
// If one already exists, generate another one
|
|
inst = inst + 1;
|
|
newTabId = 'editPropsTab' + inst;
|
|
}
|
|
|
|
// Open new tab
|
|
// Create set properties form
|
|
var editPropsForm = $('<div class="form"></div>');
|
|
|
|
// Create info bar
|
|
var infoBar = createInfoBar('Choose the properties you wish to change on the node. When you are finished, click Save.');
|
|
editPropsForm.append(infoBar);
|
|
|
|
// Create an input for each definable attribute
|
|
var div, label, input, descr, value;
|
|
// Set node attribute
|
|
origAttrs[tgtNode]['node'] = tgtNode;
|
|
for (var key in defAttrs) {
|
|
// If an attribute value exists
|
|
if (origAttrs[tgtNode][key]) {
|
|
// Set the value
|
|
value = origAttrs[tgtNode][key];
|
|
} else {
|
|
value = '';
|
|
}
|
|
|
|
// Create label and input for attribute
|
|
div = $('<div></div>').css('display', 'inline');
|
|
label = $('<label>' + key + ':</label>').css('vertical-align', 'middle');
|
|
input = $('<input type="text" value="' + value + '" title="' + defAttrs[key] + '"/>').css('margin-top', '5px');
|
|
|
|
// Change border to blue onchange
|
|
input.bind('change', function(event) {
|
|
$(this).css('border-color', 'blue');
|
|
});
|
|
|
|
div.append(label);
|
|
div.append(input);
|
|
editPropsForm.append(div);
|
|
}
|
|
|
|
// Change style for last division
|
|
div.css({
|
|
'display': 'block',
|
|
'margin': '0px 0px 10px 0px'
|
|
});
|
|
|
|
// Generate tooltips
|
|
editPropsForm.find('div input[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"
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Save
|
|
*/
|
|
var saveBtn = createButton('Save');
|
|
saveBtn.bind('click', function(event) {
|
|
// Get all inputs
|
|
var inputs = $('#' + newTabId + ' input');
|
|
|
|
// Go through each input
|
|
var args = '';
|
|
var attrName, attrVal;
|
|
inputs.each(function(){
|
|
// If the border color is blue
|
|
if ($(this).css('border-left-color') == 'rgb(0, 0, 255)') {
|
|
// Change border color back to normal
|
|
$(this).css('border-color', '');
|
|
|
|
// Get attribute name and value
|
|
attrName = $(this).parent().find('label').text().replace(':', '');
|
|
attrVal = $(this).val();
|
|
|
|
// Build argument string
|
|
if (args) {
|
|
// Handle subsequent arguments
|
|
args += ';' + attrName + '=' + attrVal;
|
|
} else {
|
|
// Handle the 1st argument
|
|
args += attrName + '=' + attrVal;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Send command to change node attributes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chdef',
|
|
tgt : '',
|
|
args : '-t;node;-o;' + tgtNode + ';' + args,
|
|
msg : 'out=' + newTabId + ';tgt=' + tgtNode
|
|
},
|
|
|
|
success: showChdefOutput
|
|
});
|
|
});
|
|
editPropsForm.append(saveBtn);
|
|
|
|
/**
|
|
* Cancel
|
|
*/
|
|
var cancelBtn = createButton('Cancel');
|
|
cancelBtn.bind('click', function(event) {
|
|
// Close the tab
|
|
tab.remove($(this).parent().parent().attr('id'));
|
|
});
|
|
editPropsForm.append(cancelBtn);
|
|
|
|
// Append to discover tab
|
|
tab.add(newTabId, 'Edit', editPropsForm, true);
|
|
|
|
// Select new tab
|
|
tab.select(newTabId);
|
|
}
|
|
|
|
/**
|
|
* Open set node properties dialog
|
|
*
|
|
* @return Nothing
|
|
*/
|
|
function openSetPropsDialog() {
|
|
// Open new tab
|
|
// Create set properties form
|
|
var setPropsForm = $('<div class="form"></div>');
|
|
|
|
// Create info bar
|
|
var infoBar = createInfoBar('Choose the properties you wish to change on the node. When you are finished, click Save.');
|
|
setPropsForm.append(infoBar);
|
|
|
|
// Create an input for each definable attribute
|
|
var div, label, input, descr, value;
|
|
for (var key in defAttrs) {
|
|
value = '';
|
|
|
|
// Create label and input for attribute
|
|
div = $('<div></div>').css('display', 'inline');
|
|
label = $('<label>' + key + ':</label>').css('vertical-align', 'middle');
|
|
input = $('<input type="text" value="' + value + '" title="' + defAttrs[key] + '"/>').css('margin-top', '5px');
|
|
|
|
// Change border to blue onchange
|
|
input.bind('change', function(event) {
|
|
$(this).css('border-color', 'blue');
|
|
});
|
|
|
|
div.append(label);
|
|
div.append(input);
|
|
setPropsForm.append(div);
|
|
}
|
|
|
|
// Change style for last division
|
|
div.css({
|
|
'display': 'block',
|
|
'margin': '0px 0px 10px 0px'
|
|
});
|
|
|
|
// Generate tooltips
|
|
setPropsForm.find('div input[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());
|
|
}
|
|
});
|
|
|
|
// Enable vertical scroll
|
|
setPropsForm.css('overflow', 'auto');
|
|
|
|
// Open form as a dialog
|
|
setPropsForm.dialog({
|
|
modal: true,
|
|
height: 400,
|
|
width: 650,
|
|
buttons: {
|
|
"Save": function() {
|
|
// Remove any warning messages
|
|
$(this).find('.ui-state-error').remove();
|
|
|
|
// Get all inputs
|
|
var inputs = $(this).find('input');
|
|
|
|
// Go through each input
|
|
var args = '';
|
|
var tgtNode, attrName, attrVal;
|
|
inputs.each(function(){
|
|
// If the border color is blue
|
|
if ($(this).css('border-left-color') == 'rgb(0, 0, 255)') {
|
|
// Change border color back to normal
|
|
$(this).css('border-color', '');
|
|
|
|
// Get attribute name and value
|
|
attrName = $(this).parent().find('label').text().replace(':', '');
|
|
attrVal = $(this).val();
|
|
|
|
// Get node name
|
|
if (attrName == 'node') {
|
|
tgtNode = attrVal;
|
|
} else {
|
|
// Build argument string
|
|
if (args) {
|
|
// Handle subsequent arguments
|
|
args += ';' + attrName + '=' + attrVal;
|
|
} else {
|
|
// Handle the 1st argument
|
|
args += attrName + '=' + attrVal;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Send command to change node attributes
|
|
$.ajax( {
|
|
url : 'lib/cmd.php',
|
|
dataType : 'json',
|
|
data : {
|
|
cmd : 'chdef',
|
|
tgt : '',
|
|
args : '-t;node;-o;' + tgtNode + ';' + args,
|
|
msg : 'node=' + tgtNode
|
|
},
|
|
|
|
/**
|
|
* Show results
|
|
*
|
|
* @param data
|
|
* Data returned from HTTP request
|
|
* @return Nothing
|
|
*/
|
|
success: function(data) {
|
|
// Get output
|
|
var out = data.rsp;
|
|
var node = data.msg.replace('node=', '');
|
|
|
|
// Go through output and append to paragraph
|
|
var msg = '';
|
|
for (var i in out) {
|
|
if (!msg) {
|
|
msg = node + ': ' + out[i];
|
|
} else {
|
|
msg += '<br>' + node + ': ' + out[i];
|
|
}
|
|
}
|
|
|
|
openDialog('info', msg);
|
|
}
|
|
});
|
|
|
|
// Close dialog
|
|
$(this).dialog( "close" );
|
|
},
|
|
"Cancel": function(){
|
|
$(this).dialog( "close" );
|
|
}
|
|
}
|
|
});
|
|
} |