/** * Global variables */ var nodesTab; // Nodes tabs var origAttrs = new Object(); // Original node attributes var nodeAttrs; // Node attributes var nodesList; // Node list var nodesTableId = 'nodesDatatable'; // Nodes datatable ID var nodesTabInfoBar; var builtInXCAT = 1; // 1 means xCAT shipped with zVM /** * Set node tab * * @param tab * Tab object * @return Nothing */ function setNodesTab(tab) { nodesTab = tab; } /** * Get node tab * * @return Tab object */ function getNodesTab() { return nodesTab; } /** * Set node tab info bar. Used by zvmUtils.js * * @param tab * infobar object * @return Nothing */ function setNodesTabInfoBar(tabinfo) { nodesTabInfoBar = tabinfo; } /** * Get node tab info bar * * @return Tab info bar object */ function getNodesTabInfoBar() { return nodesTabInfoBar; } /** * Get node list * * @return Node list */ function getNodesList() { return nodesList; } /** * Get nodes table ID * * @return Nodes table ID */ function getNodesTableId() { return nodesTableId; } /** * Load nodes page */ 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 and info bar groups.append(createLoader()); // Get groups $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'extnoderange', tgt : '/.*', args : 'subgroups', msg : '' }, // Load groups success : function(data){ loadGroups(data); var cookieGroup = $.cookie('selectgrouponnodes'); if (cookieGroup) { $('#groups .groupdiv div').each(function(){ if ($(this).text() == cookieGroup){ $(this).trigger('click'); return false; } }); } else { // Trigger the first group click event $('#groups .groupdiv div').eq(0).trigger('click'); } } }); } } /** * Show cluster summary in pie charts * * @param groupName Group name */ function loadPieSummary(groupName){ var summaryTable = '<table style="border: 0px none;">' + '<tr>' + '<td><div id="statuspie" class="summarypie"></div></td>' + '<td><div id="ospie" class="summarypie"></div></td>' + '<td><div id="archpie" class="summarypie"></div></td>' + '</tr>' + '<tr>' + '<td><div id="provmethodpie" class="summarypie"></td>' + '<td><div id="nodetypepie" class="summarypie"></div></td>' + '</tr></table>'; $('#summaryTab').append(summaryTable); $('#summaryTab .summarypie').append(createLoader()); $.ajax({ url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'summary;' + groupName, msg : '' }, success:function(data) { for (var i in data.rsp) { drawPieSummary(i, data.rsp[i]); } } }); } /** * Get nodes information and draw pie chart * * @param index Node index * @param valuePair Node information key value pairing */ function drawPieSummary(index, valuePair){ var position = 0; var key = ''; var val = ''; var chartTitle = ''; var dataArray = []; var tempArray = []; var container = $('#summaryTab .summarypie').eq(index); position = valuePair.indexOf('='); chartTitle = valuePair.substr(0, position); tempArray = valuePair.substr(position + 1).split(';'); for (var i in tempArray) { position = tempArray[i].indexOf(':'); key = tempArray[i].substr(0, position); val = Number(tempArray[i].substr(position + 1)); dataArray.push([key,val]); } container.empty(); var plot = $.jqplot(container.attr('id'), [dataArray], { title: chartTitle, seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { padding: 5, fill: true, shadow: true, shadowOffset: 2, shadowDepth: 5, shadowAlpha: 0.07, dataLabels : 'value', showDataLabels: true } }, legend: { show:true, location: 'e' } }); } /** * Load groups * * @param data Data returned from HTTP request */ function loadGroups(data) { // Remove loader $('#groups').find('img').remove(); // Save group in cookie var groups = data.rsp; setGroupsCookies(data); // Create a list of groups $('#groups').append('<div class="grouplabel">Groups</div>'); var grouplist= $('<div class="groupdiv"></div>'); // Create a link for each group for (var i = 0; i < groups.length; i++) { grouplist.append('<div>' + groups[i] + '</div>'); } $('#groups').append(grouplist); // Bind the click event $('#groups .groupdiv div').bind('click', function(){ var thisGroup = $(this).text(); $('#groups .groupdiv div').removeClass('selectgroup'); $(this).addClass('selectgroup'); // Save selected group into cookie $.cookie('selectgrouponnodes', thisGroup, { expires: 7 }); drawNodesArea(thisGroup,'',thisGroup); }); // Make a link to add nodes $('#groups').append('<div class="actionDiv" id="adddiv"></div>'); $('#groups #adddiv').append(mkAddNodeLink()); } /** * Empty the nodes area and add three tabs for nodes result * * @param targetgroup The name range for nodels command * @param cmdargs Filter arguments for nodels command * @param message The useful information from the HTTP request */ function drawNodesArea(targetgroup, cmdargs, message){ // Clear nodes division $('#nodes').empty(); // Create a tab for this group var tab = new Tab('nodesPageTabs'); setNodesTab(tab); tab.init(); $('#nodes').append(tab.object()); tab.add('summaryTab', 'Summary', '', false); tab.add('nodesTab', 'Nodes', '', false); if (builtInXCAT == 0) { tab.add('graphTab', 'Graphic', '', false); } // Load nodes table when tab is selected $('#nodesPageTabs').bind('tabsselect', function(event, ui) { // Load summary when tab is selected if (!$('#summaryTab').children().length && ui.index == 0) { loadPieSummary(targetgroup); } // Load nodes table when tab is selected else if (!$('#nodesTab').children().length && ui.index == 1) { // Create loader $('#nodesTab').append($('<center></center>').append(createLoader())); // To improve performance, get all nodes within selected group // Get node definitions only for first 50 nodes $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodels', tgt : targetgroup, args : cmdargs, msg : message }, /** * Get node definitions for first 50 nodes * * @param data Data returned from HTTP request */ success : function(data) { var rsp = data.rsp; var group = data.msg; // Save nodes in a list so it can be accessed later nodesList = new Array(); for (var i in rsp) { if (rsp[i][0]) { nodesList.push(rsp[i][0]); } } // Sort nodes list nodesList.sort(); // Get first 50 nodes var nodes = ''; for (var i = 0; i < nodesList.length; i++) { if (i > 49) { break; } nodes += nodesList[i] + ','; } // Remove last comma nodes = nodes.substring(0, nodes.length-1); // Get nodes definitions $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'lsdef', tgt : '', args : nodes, msg : targetgroup }, success : loadNodes }); } }); } // Load graphical layout when tab is selected else if ((builtInXCAT == 0) && (!$('#graphTab').children().length && ui.index == 2)) { // For the graphical tab, check the graphical data first createPhysicalLayout(nodesList); } }); // Get last view (if any) // This can be summary, nodes, or graphic if ($.cookie('tabindex_history')) { var order = $.cookie('tabindex_history').split(','); order[0] = parseInt(order[0]); order[1] = parseInt(order[1]); if (order[0] == 0 || order[1] == 0) { // For some reason, you cannot trigger a select of index 0 loadPieSummary(targetgroup); } else if (order[0] == 1 || order[0] == 2) { $('#nodesPageTabs').tabs('select', order[0]); } else if (order[1] == 1 || order[1] == 2) { $('#nodesPageTabs').tabs('select', order[1]); } else { loadPieSummary(targetgroup); } } else { loadPieSummary(targetgroup); } } /** * Make a link to add nodes * * @returns Link to add nodes */ function mkAddNodeLink() { // Create link to add nodes var addNodeLink = $('<a title="Add a node or a node range to xCAT">+ Add node</a>'); addNodeLink.click(function() { // Create info bar var info = createInfoBar('Select the hardware management for the new node range'); // Create form to add node var addNodeForm = $('<div class="form"></div>'); addNodeForm.append(info); if (builtInXCAT == 0) { addNodeForm.append('<div><label>Hardware management:</label>' + '<select name="mgt">' + '<option value="esx">ESX</option>' + '<option value="kvm">KVM</option>' + '<option value="zvm">z\/VM</option>' + '<option value="ipmi">iDataPlex</option>' + '<option value="blade">BladeCenter</option>' + '<option value="hmc">System p</option>' // Documentation refers to 'IBM System p' (where p is NOT capitalized) + '</select>' + '</div>'); } else { addNodeForm.append('<div><label>Hardware management:</label>' + '<select name="mgt">' + '<option value="zvm">z\/VM</option>' + '</select>' + '</div>'); } // Create advanced link to set advanced node properties var advanced = $('<div></div>'); var advancedLnk = $('<a>Advanced</a>').css({ 'cursor': 'pointer', 'color': '#0000FF' }); advancedLnk.click(function() { // Get node attributes $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'lsdef', tgt : '', args : '-t;node;-h', msg : '' }, /** * Set node attributes and open dialog * * @param data Data returned from HTTP request */ success : function(data) { // Save node attributes setNodeAttrs(data); // Open a dialog to set node attributes openSetAttrsDialog(); } }); // Close dialog addNodeForm.dialog('destroy').remove(); }); advanced.append(advancedLnk); addNodeForm.append(advanced); // Open dialog to add node addNodeForm.dialog({ modal: true, width: 400, title:'Add node', close: function() {$(this).remove();}, buttons: { 'Ok': function() { // Get hardware management var mgt = $(this).find('select[name=mgt]').val(); var plugin; switch(mgt) { case "kvm": plugin = new kvmPlugin(); break; case "esx": plugin = new esxPlugin(); break; case "blade": plugin = new bladePlugin(); break; case "hmc": plugin = new hmcPlugin(); break; case "ipmi": plugin = new ipmiPlugin(); break; case "zvm": plugin = new zvmPlugin(); break; } $(this).dialog('destroy').remove(); plugin.addNode(); }, 'Cancel': function(){ $(this).dialog('destroy').remove(); } } }); }); // Generate tooltips addNodeLink.tooltip({ position: 'center right', offset: [-2, 10], effect: 'fade', opacity: 0.7, predelay: 800 }); return addNodeLink; } /** * Load nodes belonging to a given group * * @param data Data returned from HTTP request */ function loadNodes(data) { // Clear the tab before inserting the table $('#nodesTab').children().remove(); // Data returned var rsp = data.rsp; // Group name var group = data.msg; // Hash of Node attributes var attrs = new Object(); // Node attributes var headers = new Object(); // Variable to send command and request node status var getNodeStatus = true; // Clear hash table containing node attributes origAttrs = ''; var node, args; for (var i in rsp) { // Get node name if (rsp[i].indexOf('Object name:') > -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)); // Create a hash table attrs[node][key] = val; headers[key] = 1; // If node status is available if (key == 'status') { // Do not request node status getNodeStatus = false; } } // Add nodes that are not in data returned for (var i in nodesList) { if (!attrs[nodesList[i]]) { // Create attributes list and save node name attrs[nodesList[i]] = new Object(); attrs[nodesList[i]]['node'] = nodesList[i]; } } // 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('status') < 0) { sorted.push(key); } } sorted.sort(); // Add column for check box, node, ping, power, monitor, 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>', '<span><a>monitor</a></span><img src="images/loader.gif" style="display: none;"></img>', 'comments'); // Create a datatable var nodesTable = new DataTable(nodesTableId); nodesTable.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); // If there is no status attribute for the node, do not try to access hash table // else the code will break var status = ''; if (attrs[node]['status']) { status = attrs[node]['status'].replace('sshd', 'ping'); } // Push in checkbox, node, status, monitor, and power row.push(checkBx, nodeLink, status, '', ''); // If the node attributes are known (i.e the group is known) if (attrs[node]['groups']) { // Put in comments var comments = attrs[node]['usercomment']; // If no comments exists, show 'No comments' and set icon image source var iconSrc; if (!comments) { comments = 'No comments'; iconSrc = 'images/nodes/ui-icon-no-comment.png'; } else { iconSrc = 'images/nodes/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(comments); 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 }); } else { // Do not put in comments if attributes are not known row.push(''); } // Go through each header for (var i = 6; 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('status') < 0) { var val = attrs[node][key]; if (val) { row.push(val); } else { row.push(''); } } } // Add the row to the table nodesTable.add(row); } // Clear the tab before inserting the table $('#nodesTab').children().remove(); // Create info bar for nodes tab var info = createInfoBar('Double-click on a cell to edit a node\'s properties. Click outside the table to save changes. Hit the Escape key to ignore changes.'); $('#nodesTab').append(info); info.id = 'NodesInfoBar'; setNodesTabInfoBar(info); // Create action bar var actionBar = $('<div class="actionBar"></div>').css("width", "400px"); /** * Create menu for actions to perform against a given node */ // Power on var powerOnLnk = $('<a>Power on</a>'); powerOnLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { powerNode(tgtNodes, 'on'); } }); // Power off var powerOffLnk = $('<a>Power off</a>'); powerOffLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { var msg = 'Do you want to power off: ' + tgtNodes + '?'; // Open dialog to confirm var confirmDialog = $('<div><p>' + msg + '</p></div>'); confirmDialog.dialog({ title:'Confirm', modal: true, close: function(){ $(this).remove(); }, width: 400, buttons: { "Ok": function() { powerNode(tgtNodes, 'off'); $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); } }); // Power softoff var powerSoftoffLnk = $('<a>Shutdown</a>'); powerSoftoffLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { var msg = 'Do you want to shutdown: ' + tgtNodes + '?'; // Open dialog to confirm var confirmDialog = $('<div><p>' + msg + '</p></div>'); confirmDialog.dialog({ title:'Confirm', modal: true, close: function(){ $(this).remove(); }, width: 400, buttons: { "Ok": function() { powerNode(tgtNodes, 'softoff'); $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); } }); if (builtInXCAT == 0) { // Turn monitoring on var monitorOnLnk = $('<a>Monitor on</a>'); monitorOnLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { monitorNode(tgtNodes, 'on'); } }); // Turn monitoring off var monitorOffLnk = $('<a>Monitor off</a>'); monitorOffLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { monitorNode(tgtNodes, 'off'); } }); } // Clone var cloneLnk = $('<a>Clone</a>'); cloneLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId).split(','); for (var i in tgtNodes) { var mgt = getNodeAttr(tgtNodes[i], 'mgt'); // Create an instance of the plugin var plugin; switch(mgt) { case "kvm": plugin = new kvmPlugin(); break; case "esx": plugin = new esxPlugin(); break; case "zvm": plugin = new zvmPlugin(); break; } if (mgt == "zvm") { var nodeOS = getNodeAttr(tgtNodes[i], 'os'); var nodeArch = getNodeAttr(tgtNodes[i], 'arch'); plugin.loadClonePage(tgtNodes[i], nodeOS, nodeArch); } else { plugin.loadClonePage(tgtNodes[i]); } } }); // Delete var deleteLnk = $('<a>Delete</a>'); deleteLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadDeletePage(tgtNodes); } }); // Unlock Function var unlockLnk = $('<a>Unlock</a>'); unlockLnk.click(function() { // Get the "master" value from the site table. var siteMaster; $.ajax({ url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'tabdump', tgt : '', args : 'site', msg : 'cmd=tabdump site;' }, success : function(data) { var outId = $(data.msg); var props = data.rsp; if ( jQuery.isArray(data.rsp) ) { for (var i in data.rsp) { if ( data.rsp[i].indexOf('"master"') == 0 ) { siteMaster = data.rsp[i].slice( 10, -3 ); } } } else { if ( data.rsp.indexOf('"master"') == 0 ) { siteMaster = data.rsp.slice( 10, -3 ); } } // Process the nodes that were checked. var tgtNodes = getNodesChecked(nodesTableId).split(','); var normalNodes = ''; var mnNode = ''; for (var i in tgtNodes) { var nodeIP = getNodeAttr( tgtNodes[i], 'ip' ); if ( nodeIP == siteMaster ) { if ( mnNode == '' ) { // Only one xCAT node will have the same address as // the site master IP address and this is the // xCAT MN. mnNode = tgtNodes[i]; } } else { if ( normalNodes == '' ) { normalNodes = tgtNodes[i]; } else { normalNodes = normalNodes + "," + tgtNodes[i]; } } } if ( normalNodes != '' ) { loadUnlockPage( normalNodes ); } if ( mnNode != '' ) { loadUnlockNonNodesPage( mnNode ); } } }); }); // Run script var scriptLnk = $('<a>Run script</a>'); scriptLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadScriptPage(tgtNodes); } else { openDialog('warn', "No nodes checked!"); } }); // Migrate VM var migrateLnk = $('<a>Migrate</a>'); migrateLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId).split(','); var mgt = "", tmp = ""; var fromhcp = ""; for (var i in tgtNodes) { tmp = getNodeAttr(tgtNodes[i], 'mgt'); fromhcp += getNodeAttr(tgtNodes[i], 'hcp') + ','; if (!mgt) { mgt = tmp } else { if (tmp != mgt) { openDialog('warn', "You can pick only one type (mgt) of node to migrate!"); return; } } } // Create an instance of the plugin var plugin; switch(mgt) { // Only hypervisors support migration case "kvm": plugin = new kvmPlugin(); break; case "esx": plugin = new esxPlugin(); break; case "zvm": plugin = new zvmPlugin(); break; } if (mgt == "zvm") { plugin.loadMigratePage(tgtNodes, fromhcp); } else { plugin.loadMigratePage(tgtNodes); } }); // Update var updateLnk = $('<a>Update</a>'); updateLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadUpdatenodePage(tgtNodes); } }); // Set boot state var setBootStateLnk = $('<a>Set boot state</a>'); setBootStateLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadNodesetPage(tgtNodes); } }); // Boot to network var boot2NetworkLnk = $('<a>Boot to network</a>'); boot2NetworkLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadNetbootPage(tgtNodes); } }); // Provision node var provisionLnk = $('<a>Provision</a>'); provisionLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes){ // Jump directly to the provision page jump2Provision(tgtNodes); } }); // Remote console var rcons = $('<a>Open console</a>'); rcons.bind('click', function(event){ var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadRconsPage(tgtNodes); } }); // Discovery var discoverLnk = $('<a>Discover systems</a>'); discoverLnk.bind( 'click', function(event) { var tgtNodes = getNodesChecked(nodesTableId).split(','); if ( tgtNodes ) { var hosts; for (var i in tgtNodes) { var hostType = getNodeAttr( tgtNodes[i], 'hosttype' ); if ( hostType == 'zvm' ) { if ( hosts ) { hosts += "," + tgtNodes[i]; } else { hosts = tgtNodes[i]; } } else { openDialog('warn', tgtNodes[i] + " does not have a hosttype of 'zvm': " + hostType ); } } if ( hosts ) { discoverVMNodes( hosts ); } } else { openDialog('warn', "No nodes checked!"); } }); // Edit properties var editProps = $('<a>Edit properties</a>'); editProps.bind('click', function(event){ var tgtNodes = getNodesChecked(nodesTableId).split(','); for (var i in tgtNodes) { editNodeProps(tgtNodes[i]); } }); // Install Ganglia var installMonLnk = $('<a>Install monitoring</a>'); installMonLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { installGanglia(tgtNodes); } }); // Scan var rscanLnk = $('<a>Scan</a>'); rscanLnk.bind('click', function(event){ var tgtNodes = getNodesChecked(nodesTableId); if (tgtNodes) { loadRscanPage(tgtNodes); } }); // Event log var logLnk = $('<a>Event log</a>'); logLnk.click(function() { var tgtNodes = getNodesChecked(nodesTableId).split(','); for (var i in tgtNodes) { var mgt = getNodeAttr(tgtNodes[i], 'mgt'); // Create an instance of the plugin var plugin; switch(mgt) { case "kvm": plugin = new kvmPlugin(); break; case "esx": plugin = new esxPlugin(); break; case "blade": plugin = new bladePlugin(); break; case "hmc": plugin = new hmcPlugin(); break; case "ipmi": plugin = new ipmiPlugin(); break; case "zvm": plugin = new zvmPlugin(); break; } plugin.loadLogPage(tgtNodes[i]); } }); // Actions var actionsLnk = '<a>Actions</a>'; if (builtInXCAT == 0) { if (group == 'hosts') { var actsMenu = createMenu([deleteLnk]); } else { var actsMenu = createMenu([cloneLnk, deleteLnk, migrateLnk, monitorOnLnk, monitorOffLnk, powerOnLnk, powerOffLnk, scriptLnk, powerSoftoffLnk]); } } else { if (group == 'hosts') { var actsMenu = createMenu([deleteLnk]); } else { var actsMenu = createMenu([cloneLnk, deleteLnk, migrateLnk, powerOnLnk, powerOffLnk, scriptLnk, powerSoftoffLnk]); } } // Configurations var configLnk = '<a>Configuration</a>'; if (builtInXCAT == 0) { if (group == 'hosts') { var configMenu = createMenu([editProps]); } else { var configMenu = createMenu([editProps, logLnk, installMonLnk, rscanLnk, unlockLnk, updateLnk]); } } else { if (group == 'hosts') { var configMenu = createMenu([ discoverLnk, editProps ]); } else { var configMenu = createMenu([editProps, logLnk, rscanLnk, unlockLnk, updateLnk]); } } // Provision var provLnk = '<a>Provision</a>'; if (builtInXCAT == 0) { var provMenu = createMenu([boot2NetworkLnk, rcons, setBootStateLnk, provisionLnk]); } else { var provMenu = createMenu([boot2NetworkLnk, setBootStateLnk]); } /** * Refresh button */ var refreshBtn = createButton('Refresh'); refreshBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').find('.ui-state-error').remove(); var zhcpsCheck = $.cookie('zhcps').split(','); var zhcpHash = new Object(); for (var h in zhcpsCheck) { if (!zhcpHash[zhcpsCheck[h]]) { zhcpHash[zhcpsCheck[h]] = 1; if (typeof console == "object"){ console.log("zhcp check for <"+zhcpsCheck[h]+">"); } // Check if SMAPI is online $.ajax({ url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'lsvm', tgt : zhcpsCheck[h], args : '', msg : 'group=refreshgroups' + ';hcp=' + zhcpsCheck[h] }, // Load hardware control point specific info // Get disk pools and network names success : loadHcpInfo }); } } window.location.reload(); }); refreshBtn.css({'width': '80px'}); refreshBtn.css({'height': '27px'}); //refreshBtn.css('vertical-align', 'top'); refreshBtn.css({'align': 'top'}); // Create an action menu var actionsMenu; if (group == 'hosts') { actionsMenu = createMenu([ [ actionsLnk, actsMenu ], [ configLnk, configMenu ] ]); } else { actionsMenu = createMenu([ [ actionsLnk, actsMenu ], [ configLnk, configMenu ], [ provLnk, provMenu ] ]); } actionsMenu.superfish(); actionsMenu.css('display', 'inline-block'); actionBar.append(actionsMenu); actionBar.append(refreshBtn); // Set correct theme for action menu actionsMenu.find('li').hover(function() { setMenu2Theme($(this)); }, function() { setMenu2Normal($(this)); }); // Insert action bar and nodes datatable $('#nodesTab').append(nodesTable.object()); // Turn table into a datatable var nodesDatatable = $('#' + nodesTableId).dataTable({ 'iDisplayLength': 50, 'bLengthChange': false, "bScrollCollapse": true, "sScrollY": "400px", "sScrollX": "110%", "bAutoWidth": true, "oLanguage": { "oPaginate": { "sNext": "", "sPrevious": "" } } }); // Filter table when enter key is pressed $('#' + nodesTableId + '_filter input').unbind(); $('#' + nodesTableId + '_filter input').bind('keyup', function(e){ if (e.keyCode == 13) { var table = $('#' + nodesTableId).dataTable(); table.fnFilter($(this).val()); // If there are nodes found, get the node attributes if (!$('#' + nodesTableId + ' .dataTables_empty').length) { getNodeAttrs(group); } } }); // Load node definitions when next or previous buttons are clicked $('#' + nodesTableId + '_next, #' + nodesTableId + '_previous').click(function() { getNodeAttrs(group); }); /** * Change how datatable behaves */ // Do not sort ping, power, and comment column var cols = $('#' + nodesTableId + ' thead tr th').click(function() { getNodeAttrs(group); }); var checkboxCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(0)'); var pingCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(2)'); var powerCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(3)'); var monitorCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(4)'); var commentCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(5)'); checkboxCol.unbind('click'); pingCol.unbind('click'); powerCol.unbind('click'); monitorCol.unbind('click'); commentCol.unbind('click'); // Create enough space for loader to be displayed // Center align power, ping, and comments $('#' + nodesTableId + ' td:nth-child(3),td:nth-child(4),td:nth-child(5)').css({ 'text-align': 'center' }); // No minimum width for comments column $('#' + nodesTableId + ' tbody tr td:nth-child(6)').css('text-align', 'center'); // Instead refresh the node, power, and monitor status pingCol.find('span a').click(function() { refreshNodeStatus(group, nodesTableId); }); powerCol.find('span a').click(function() { refreshPowerStatus(group, nodesTableId); }); monitorCol.find('span a').click(function() { refreshGangliaStatus(group, nodesTableId); }); // Create a division to hold actions menu var menuDiv = $('<div id="' + nodesTableId + '_menuDiv" class="menuDiv"></div>'); // # <div id=nodesDataTable_menuDiv $('#' + nodesTableId + '_wrapper').prepend(menuDiv); // #nodesDataTable_wrapper actionBar.css({'height': '30px'}); actionBar.css('vertical-align', 'top'); menuDiv.append(actionBar); $('#' + nodesTableId + '_filter').css({'width': '240px'}); $('#' + nodesTableId + '_filter').css({'height': '40px'}); $('#' + nodesTableId + '_filter').css('vertical-align', 'middle'); $('#' + nodesTableId + '_filter').appendTo(menuDiv); // #nodesDataTable_filter // Create tooltip for status var tooltipConf = { position: "center right", offset: [-2, 10], effect: "fade", opacity: 0.8, relative: true, predelay: 800 }; var pingTip = createStatusToolTip(); pingCol.find('span').append(pingTip); pingCol.find('span a').tooltip(tooltipConf); // Create tooltip for power var powerTip = createPowerToolTip(); powerCol.find('span').append(powerTip); powerCol.find('span a').tooltip(tooltipConf); // Create tooltip for monitor var monitorTip = createMonitorToolTip(); monitorCol.find('span').append(monitorTip); monitorCol.find('span a').tooltip(tooltipConf); /** * Enable editable columns */ // Do not make 1st, 2nd, 3rd, 4th, 5th, or 6th column editable $('#' + nodesTableId + ' td:not(td:nth-child(1),td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5),td:nth-child(6))').editable( function(value, settings) { // If users did not make changes, return the value directly // jeditable saves the old value in this.revert if ($(this).attr('revert') == value){ return value; } // Get column index var colPos = this.cellIndex; // Get row index var dTable = $('#' + nodesTableId).dataTable(); var rowPos = dTable.fnGetPosition(this.parentNode); // Update datatable dTable.fnUpdate(value, rowPos, colPos, false); // Get table headers var headers = $('#' + nodesTableId).parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr:eq(0) th'); // Get node name var node = $(this).parent().find('td a.node').text(); // Get attribute name var attrName = jQuery.trim(headers.eq(colPos).text()); // Get column value var value = $(this).text(); // Build argument var args = attrName + '=' + value; // Send command to change node attributes $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'chdef', tgt : '', args : '-t;node;-o;' + node + ';' + args, msg : 'out=nodesTab;tgt=' + node }, success: showChdefOutput }); // Save the data into global origAttrs origAttrs[node][attrName] = value; return value; }, { onblur : 'submit', // Clicking outside editable area submits changes type : 'textarea', placeholder: ' ', event : "dblclick", // Double click and edit 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) { var tgt = getNodesShown(nodesTableId); // Get node status $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodestat', tgt : tgt, args : '-u', msg : '' }, success : loadNodeStatus }); } else { // Hide status loader var statCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(2)'); statCol.find('img').hide(); adjustColumnSize(nodesTableId); } if (undefined == nodeAttrs){ // Get definable node attributes $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'lsdef', tgt : '', args : '-t;node;-h', msg : '' }, success : setNodeAttrs }); } /** * Additional ajax requests need to be made for zVM * load advanced information based on hardware architecture */ advancedLoad(group); } /** * Get nodes currently shown in datatable * * @param tableId Datatable ID * @return String of nodes shown */ function getNodesShown(tableId) { // String of nodes shown var shownNodes = ''; // Get rows of shown nodes var nodes = $('#' + tableId + ' tbody tr'); // Go through each row var cols; for (var i = 0; i < nodes.length; i++) { // Get second column containing node name cols = nodes.eq(i).find('td'); shownNodes += cols.eq(1).text() + ','; } // Remove last comma shownNodes = shownNodes.substring(0, shownNodes.length-1); return shownNodes; } /** * Get attributes for nodes not yet initialized * * @param group Group name */ function getNodeAttrs(group) { // Get datatable headers and rows var headers = $('#' + nodesTableId).parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr:eq(0) th'); var nodes = $('#' + nodesTableId + ' tbody tr'); // Find group column var head, groupsCol; for (var i = 0; i < headers.length; i++) { head = headers.eq(i).html(); if (head == 'groups') { groupsCol = i; break; } } // Check if groups definition is set var node, cols; var tgtNodes = ''; for (var i = 0; i < nodes.length; i++) { cols = nodes.eq(i).find('td'); if (!cols.eq(groupsCol).html()) { node = cols.eq(1).text(); tgtNodes += node + ','; } } // If there are node definitions to load if (tgtNodes) { // Remove last comma tgtNodes = tgtNodes.substring(0, tgtNodes.length-1); // Get node definitions $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'lsdef', tgt : '', args : tgtNodes, msg : group }, success : addNodes2Table }); // Create dialog to indicate table is updating var update = $('<div id="updatingDialog"></div>'); update.append(createInfoBar('Updating table <img src="images/loader.gif"/>')); update.dialog({ title: 'Updating', modal: true, width: 300, position: 'center' }); } } /** * Add nodes to datatable * * @param data Data returned from HTTP request */ function addNodes2Table(data) { // Data returned var rsp = data.rsp; // Group name var group = data.msg; // Hash of node attributes var attrs = new Object(); // Node attributes var headers = $('#' + nodesTableId).parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr th'); // Variable to send command and request node status var getNodeStatus = true; // Go through each attribute var node, args; for (var i in rsp) { // Get node name if (rsp[i].indexOf('Object name:') > -1) { var temp = rsp[i].split(': '); node = jQuery.trim(temp[1]); // Create a hash for 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; // Save attributes in original hash table origAttrs[node][key] = val; // If node status is available if (key == 'status') { // Do not request node status getNodeStatus = false; } } // Set the first five headers var headersCol = new Object(); headersCol['node'] = 1; headersCol['status'] = 2; headersCol['power'] = 3; headersCol['monitor'] = 4; headersCol['comments'] = 5; // Go through each header for (var i = 6; i < headers.length; i++) { // Get the column index headersCol[headers.eq(i).html()] = i; } // Go through each node var datatable = $('#' + nodesTableId).dataTable(); var rows = datatable.fnGetData(); for (var node in attrs) { // Get row containing node var nodeRowPos = 0; for (var i in rows) { // If column contains node if (rows[i][1].indexOf('>' + node + '<') > -1) { nodeRowPos = i; break; } } // Get node status var status = ''; if (attrs[node]['status']){ status = attrs[node]['status'].replace('sshd', 'ping'); } rows[nodeRowPos][headersCol['status']] = status; // Go through each header for (var key in headersCol) { // Do not put comments and status in twice if (key != 'usercomment' && key != 'status' && key.indexOf('status') < 0) { var val = attrs[node][key]; if (val) { rows[nodeRowPos][headersCol[key]] = val; } } } // Update row datatable.fnUpdate(rows[nodeRowPos], parseInt(nodeRowPos), undefined, false); // Insert node comments // This is done after datatable is updated because // you cannot insert an object using fnUpdate() var comments = attrs[node]['usercomment']; // If no comments exists, show 'No comments' and // set icon image source var iconSrc; if (!comments) { comments = 'No comments'; iconSrc = 'images/nodes/ui-icon-no-comment.png'; } else { iconSrc = 'images/nodes/ui-icon-comment.png'; } // Create icon for node comments var tipID = node + 'Tip'; var commentsCol = $('#' + node).parent().parent().find('td').eq(5); // Create tooltip var icon = $('<img id="' + tipID + '" src="' + iconSrc + '"></img>').css({ 'width': '18px', 'height': '18px' }); var tip = createCommentsToolTip(comments); var span = $('<span></span>').append(icon); span.append(tip); commentsCol.append(span); // Generate tooltips icon.tooltip({ position: "center right", offset: [-2, 10], effect: "fade", opacity: 0.8, relative: true, delay: 500 }); } // Enable node link $('.node').bind('click', loadNode); // Close dialog for updating table $('.ui-dialog-content').dialog('destroy').remove(); /** * Enable editable columns */ // Do not make 1st, 2nd, 3rd, 4th, 5th, or 6th column editable $('#' + nodesTableId + ' td:not(td:nth-child(1),td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5),td:nth-child(6))').editable( function(value, settings) { // If users did not do changes, return the value directly // jeditable save the old value in this.revert if ($(this).attr('revert') == value){ return value; } // Get column index var colPos = this.cellIndex; // Get row index var dTable = $('#' + nodesTableId).dataTable(); var rowPos = dTable.fnGetPosition(this.parentNode); // Update datatable dTable.fnUpdate(value, rowPos, colPos, false); // Get table headers var headers = $('#' + nodesTableId + ' thead tr th'); // Get node name var node = $(this).parent().find('td a.node').text(); // Get attribute name var attrName = jQuery.trim(headers.eq(colPos).text()); // Get column value var value = $(this).text(); // Build argument var args = attrName + '=' + value; // Send command to change node attributes $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'chdef', tgt : '', args : '-t;node;-o;' + node + ';' + args, msg : 'out=nodesTab;tgt=' + node }, success: showChdefOutput }); return value; }, { onblur : 'submit', // Clicking outside editable area submits changes type : 'textarea', placeholder: ' ', event : 'dblclick', height : '30px' // The height of the text area }); // 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 = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(2)'); statCol.find('img').hide(); } /** * Additional ajax requests need to be made for zVM */ advancedLoad(group); adjustColumnSize(nodesTableId); } /** * Load the status of Ganglia for a given group * * @param data Data returned from HTTP request */ function loadGangliaStatus(data) { // Get datatable var datatable = $('#' + nodesTableId).dataTable(); var ganglia = data.rsp; var rowNum, node, status; for ( var i in ganglia) { // ganglia[0] = nodeName and ganglia[1] = state node = jQuery.trim(ganglia[i][0]); status = jQuery.trim(ganglia[i][1]); if (node) { // Get the row containing the node rowNum = findRow(node, '#' + nodesTableId, 1); // Update the power status column datatable.fnUpdate(status, rowNum, 4); } } // Hide Ganglia loader var gangliaCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(4)'); gangliaCol.find('img').hide(); adjustColumnSize(nodesTableId); } /** * Refresh the status of Ganglia for each node * * @param group Group name */ function refreshGangliaStatus(group) { // Show ganglia loader var gangliaCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(4)'); gangliaCol.find('img').show(); // Get power status for nodes shown var nodes = getNodesShown(nodesTableId); // Get the status of Ganglia $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'gangliastatus;' + nodes, msg : '' }, success : loadGangliaStatus }); } /** * Load power status for each node * * @param data Data returned from HTTP request */ function loadPowerStatus(data) { var dTable = $('#' + nodesTableId).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 = findRow(node, '#' + nodesTableId, 1); // Update the power status column dTable.fnUpdate(status, rowPos, 3); } // Hide power loader var powerCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(3)'); powerCol.find('img').hide(); adjustColumnSize(nodesTableId); } /** * Refresh power status for each node * * @param group Group name * @param tableId Table to update node status */ function refreshPowerStatus(group, tableId) { // Show power loader var powerCol = $('#' + tableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(3)'); powerCol.find('img').show(); // Get power status for nodes shown var nodes = getNodesShown(tableId); // Get power status $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'rpower', tgt : nodes, args : 'stat', msg : '' }, success : loadPowerStatus }); } /** * Load node status for each node * * @param data Data returned from HTTP request */ function loadNodeStatus(data) { var dTable = $('#' + nodesTableId).dataTable(); var rsp = data.rsp; var args, rowPos, node, status; // Get all nodes within 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 row containing node rowPos = findRow(node, '#' + nodesTableId, 1); // Update ping status column dTable.fnUpdate(status, rowPos, 2, false); } // Hide status loader var statCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(2)'); statCol.find('img').hide(); adjustColumnSize(nodesTableId); } /** * Refresh ping status for each node * * @param group Group name * @param tableId Table to update node status */ function refreshNodeStatus(group, tableId) { // Show ping loader var pingCol = $('#' + tableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(2)'); pingCol.find('img').show(); // Get power status for nodes shown var nodes = getNodesShown(tableId); // Get the node status $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodestat', tgt : nodes, args : '-u', msg : '' }, success : loadNodeStatus }); } /** * Load inventory for given node * * @param e Windows event */ 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 "kvm": plugin = new kvmPlugin(); break; case "esx": plugin = new esxPlugin(); break; case "blade": plugin = new bladePlugin(); break; case "hmc": plugin = new hmcPlugin(); break; case "ipmi": plugin = new ipmiPlugin(); 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 */ 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; } // Create status bar, hide on load var statBarId = 'unlockStatusBar' + instance; var statBar = createStatusBar(statBarId).hide(); // Create loader var loader = createLoader(''); statBar.find('div').append(loader); // Create info bar var infoBar = createInfoBar('Give the root password for this node range to setup its SSH keys.'); // Create unlock form var unlockForm = $('<div class="form"></div>'); unlockForm.append(statBar, infoBar); // Create VM fieldset var vmFS = $('<fieldset></fieldset>'); var vmLegend = $('<legend>Virtual Machine</legend>'); vmFS.append(vmLegend); unlockForm.append(vmFS); var vmAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>'); vmFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>')); vmFS.append(vmAttr); vmAttr.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>'); vmAttr.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 unlockBtn = createButton('Unlock'); unlockBtn.css({ 'width': '80px', 'display': 'block' }); unlockBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').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 statBar.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).parents('.ui-tabs-panel')); password.css('border', 'solid #FF0000 1px'); } }); unlockForm.append(unlockBtn); tab.add(newTabId, 'Unlock', unlockForm, true); tab.select(newTabId); } function loadUnlockNonNodesPage( tgtNodes ) { // Get nodes tab var tab = getNodesTab(); var fs, legend; // Generate new tab ID var instance = 0; var newTabId = 'unlockNonNodesTab' + instance; while ($('#' + newTabId).length) { // If one already exists, generate another one instance = instance + 1; newTabId = 'unlockNonNodesTab' + instance; } // Create info bar and status bar var infoBar = createInfoBar( 'Unlock systems that have not been defined to xCAT. Either:<br>' + '-Create a script to install the xCAT Management Node\'s public key on the target systems, or<br>' + '-Unlock system(s) directly using their IP address(es) ' + '(Specify multiple systems by separating the addresses with a comma),<br>' + '-Show the xCAT Management Node\'s public key to use to unlock the system.' ); var statBarId = 'unlockNonNodesStatusBar' + instance; var statBar = createStatusBar(statBarId).hide(); var loader = createLoader( '' ); statBar.find('div').append( loader ); // Create unlock form and put info and status bars on the form var unlockNonNodesForm = $( '<div class="form"></div>' ); unlockNonNodesForm.append( infoBar, statBar ); // Create 'Create an Unlock Script' fieldset fs = $( '<fieldset></fieldset>' ); legend = $( '<legend>Create an Unlock Script</legend>' ); fs.append( legend ); unlockNonNodesForm.append( fs ); // Create Script bar var scriptBarId = 'unlockNonNodesScriptBar' + instance; var scriptBar = createStatusBar(scriptBarId).hide(); unlockNonNodesForm.append( scriptBar ); var createBtn = createButton( 'Create Script' ); createBtn.css({ 'width': '200px', 'display': 'block' }); createBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').find('.ui-state-error').remove(); // Get the SSH keys for a non-node $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'unlockshow;' + tgtNodes + ';script;', msg : 'out=' + statBarId + ';scriptBar=' + scriptBarId +';cmd=unlock;tgt=' + tgtNodes }, success : updateScriptBar }); // Show status bar statBar.show(); }); unlockNonNodesForm.append( createBtn ); // Create 'Unlock a system using the root password' Script fieldset fs = $( '<fieldset></fieldset>' ); legend = $( '<legend>Unlock a system using the root password</legend>' ); fs.append( legend ); unlockNonNodesForm.append( fs ); var vmAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>' ); fs.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>')); fs.append( vmAttr ); vmAttr.append( '<div><label>IP Address:</label><input type="text" id="ip" name="ip" value="" title="The IP address of the system to unlock."/></div>' ); vmAttr.append( '<div><label>Password:</label><input type="password" id="password" name="password" title="The root password to unlock this system."/></div>' ); /** * Unlock button for non-nodes */ var unlockBtn = createButton('Unlock'); unlockBtn.css({ 'width': '80px', 'display': 'block' }); unlockBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').find('.ui-state-error').remove(); // If an ip and password is given var ip = $('#' + newTabId + ' input[name=ip]').css('border', 'solid #BDBDBD 1px'); var password = $( '#' + newTabId + ' input[name=password]').css('border', 'solid #BDBDBD 1px' ); if ( password.val() && ip.val() ) { $('#' + statBarId).find('img').show(); // Setup SSH keys for a non-node $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'unlockbyip;' + tgtNodes + ';' + password.val() + ";" + ip.val(), msg : 'out=' + statBarId + ';cmd=unlock;tgt=' + tgtNodes }, success : updateStatusBar }); // Show status bar statBar.show(); } else { // Show warning message var warn = createWarnBar('Both ip address and password must be specified.'); warn.prependTo($(this).parents('.ui-tabs-panel')); password.css('border', 'solid #FF0000 1px'); } }); unlockNonNodesForm.append(unlockBtn); // Create 'SSH Key' fieldset var sshKey = ''; fs = $( '<fieldset></fieldset>' ); legend = $( '<legend>xCAT Management Node Public Key</legend>' ); fs.append( legend ); unlockNonNodesForm.append( fs ); // Create key bar, hide on load var keyBarId = 'unlockNonNodesKeyBar' + instance; var keyBar = createStatusBar(keyBarId).hide(); unlockNonNodesForm.append( keyBar ); // Generate tooltips unlockNonNodesForm.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" } }); /** * "Get Key" button */ var getBtn = createButton('Get Key'); getBtn.css({ 'width': '80px', 'display': 'block' }); getBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').find('.ui-state-error').remove(); // Get the SSH keys for a non-node $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'unlockshow;' + tgtNodes + ';key;', msg : 'out=' + statBarId + ';keyBar=' + keyBarId +';cmd=unlock;tgt=' + tgtNodes }, success : updateKeyBar }); // Show status bar statBar.show(); }); unlockNonNodesForm.append(getBtn); tab.add(newTabId, 'Unlock System', unlockNonNodesForm, true); tab.select(newTabId); } /** * Update key and status bar of a given tab * * @param data Data returned from HTTP request */ function updateKeyBar(data) { // Get ajax response var rsp = data.rsp; var args = data.msg.split(';'); var statBarId = args[0].replace('out=', ''); var keyBarId = args[1].replace('keyBar=', ''); var cmd = args[2].replace('cmd=', ''); var tgts = args[3].replace('tgt=', '').split(','); $('#' + statBarId).find('img').hide(); // Extract the key portion and status portions from the response var keyRespStart = rsp[0].indexOf("<keyFile>"); var keyRespEnd = rsp[0].indexOf("</keyFile>");; var keyOnly = rsp[0].substring( keyRespStart+9, keyRespEnd ); var statLines = rsp[0].substring( 0, keyRespStart-1 ); if ( keyOnly.length > 0 ) { // Expected response was returned, show it in the key bar. var keyLines = keyOnly.split(/\n/); for ( var i in keyLines ) { $('#' + keyBarId).find( 'div' ).append( keyLines[i] ); $('#' + keyBarId).find( 'div' ).append( '<br/>' ); } $('#' + keyBarId).show(); // Other lines from the response are shown in the Status bar. if ( statLines.length > 0 ) { prg = statLines.split(/\n/); prg = writeRsp( prg, '' ); $('#' + statBarId).find( 'div' ).append( prg ); } } else { // Did not find the expected response, write the ajax response to status bar. var prg = writeRsp(rsp, ''); $('#' + statBarId).find('div').append(prg); } } /** * Update the script and status bar of a given tab * * @param data Data returned from HTTP request */ function updateScriptBar(data) { // Get ajax response var rsp = data.rsp; var args = data.msg.split(';'); var statBarId = args[0].replace('out=', ''); var scriptBarId = args[1].replace('scriptBar=', ''); var cmd = args[2].replace('cmd=', ''); var tgts = args[3].replace('tgt=', '').split(','); $('#' + statBarId).find('img').hide(); // Extract the key portion and status portions from the response var scriptRespStart = rsp[0].indexOf("<scriptFile>"); var scriptRespEnd = rsp[0].indexOf("</scriptFile>");; var scriptOnly = rsp[0].substring( scriptRespStart+12, scriptRespEnd ); var statLines = rsp[0].substring( 0, scriptRespStart-1 ); if ( scriptOnly.length > 0 ) { // Expected response was returned, show it in the script bar along with the rest of the code. var scriptLines = scriptOnly.split(/\n/); for ( var i in scriptLines ) { scriptLines[i] = scriptLines[i].replace(/^\s\s\s\s\s\s\s\s+/gm, ' '); scriptLines[i] = scriptLines[i].replace(/^\s\s\s\s\s\s+/gm, ' '); scriptLines[i] = scriptLines[i].replace(/^\s\s\s\s+/gm, ' '); scriptLines[i] = scriptLines[i].replace(/^\s\s+/gm, ' '); $('#' + scriptBarId).find( 'div' ).append( scriptLines[i] + '<br/>' ); } $('#' + scriptBarId).show(); // Other lines from the response are shown in the Status bar. if ( statLines.length > 0 ) { prg = statLines.split(/\n/); prg = writeRsp( prg, '' ); $('#' + statBarId).find( 'div' ).append( prg ); } } else { // Did not find the expected response, write the ajax response to status bar. var prg = writeRsp(rsp, ''); $('#' + statBarId).find('div').append(prg); } } /** * Load script page * * @param tgtNodes Targets to run script against */ 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; } // Create remote script form var scriptForm = $('<div class="form"></div>'); // Create status bar var barId = 'scriptStatusBar' + inst; var statBar = createStatusBar(barId); statBar.hide(); var loader = createLoader('scriptLoader' + inst); statBar.find('div').append(loader); // Create info bar var infoBar = createInfoBar('Load a script to run against this node range.'); scriptForm.append(infoBar, statBar); // Create VM fieldset var vmFS = $('<fieldset></fieldset>'); var vmLegend = $('<legend>Virtual Machine</legend>'); vmFS.append(vmLegend); scriptForm.append(vmFS); var vmAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>'); vmFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/provision/computer.png"></img></div>')); vmFS.append(vmAttr); // Create logs fieldset var scriptFS = $('<fieldset></fieldset>'); var scriptLegend = $('<legend>Script</legend>'); scriptFS.append(scriptLegend); scriptForm.append(scriptFS); var scriptAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>'); scriptFS.append($('<div style="display: inline-table; vertical-align: middle;"><img src="images/nodes/script.png"></img></div>')); scriptFS.append(scriptAttr); // Target node or group var tgt = $('<div><label>Target node range:</label><input type="text" name="target" value="' + tgtNodes + '" title="The node or node range to run a given script against"/></div>'); vmAttr.append(tgt); // Upload file var upload = $('<form action="lib/upload.php" method="post" enctype="multipart/form-data"></form>'); var label = $('<label>Remote file:</label>'); var file = $('<input type="file" name="file" id="file"/>'); var subBtn = createButton('Load'); upload.append(label, file, subBtn); scriptAttr.append(upload); // Script var script = $('<div><label>Script:</label><textarea title="The code to run against the node range"/>'); scriptAttr.append(script); // Generate tooltips scriptForm.find('div input[title],textarea').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" } }); // Ajax form options var options = { // Output to text area target : '#' + newTabId + ' textarea' }; upload.ajaxForm(options); /** * Run */ var runBtn = createButton('Run'); runBtn.css({ 'width': '80px' }); runBtn.click(function() { // Remove any warning messages $(this).parents('.ui-tabs-panel').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).parents('.ui-tabs-panel')); 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 */ function powerNode(node, power2) { // Show power loader var powerCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(3)'); powerCol.find('img').show(); 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 */ 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 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>'); // Create status bar, hide on load var statBarId = 'deleteStatusBar' + inst; var statBar = createStatusBar(statBarId).hide(); // Create loader var loader = createLoader(''); statBar.find('div').append(loader); statBar.hide(); deleteForm.append(statBar); // Create confirm fieldset var confirmFS = $('<fieldset></fieldset>'); var confirmLegend = $('<legend>Confirm</legend>'); confirmFS.append(confirmLegend); deleteForm.append(confirmFS); var confirmAttr = $('<div style="display: inline-table; vertical-align: middle;"></div>'); confirmFS.append($('<div style="display: inline-table; vertical-align: middle; margin-right: 10px;"><img src="images/nodes/remove.png"></img></div>')); confirmFS.append(confirmAttr); // Confirm delete var instr = $('<p>Are you sure you want to delete <b>' + tgtNodesStr + '</b>?</p>').css('word-wrap', 'break-word'); var dbOnly = $('<div><input type="checkbox" name="db-only" checked/>Only delete entries in database</div>'); confirmAttr.append(instr); confirmAttr.append(dbOnly); /** * Delete */ var deleteBtn = createButton('Delete'); deleteBtn.click(function() { var cmd = "rmvm"; // Only delete entries in database if checked if ($("#" + newTabId + " input[name='db-only']").attr('checked')) { cmd = "noderm"; } // Delete the virtual server or remove the node. $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : cmd, tgt : tgtNodes, args : '', msg : 'out=' + statBarId + ';cmd=' + cmd + ';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, cancelBtn); myTab.add(newTabId, 'Delete', deleteForm, true); myTab.select(newTabId); } /** * Update status bar of a given tab * * @param data Data returned from HTTP request */ 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).find('div').append(prg); } else if (cmd == 'rmvm') { // Get data table var dTable = $('#' + nodesTableId).dataTable(); var failed = false; // Hide loader $('#' + statBarId).find('img').hide(); // Write ajax response to status bar var prg = writeRsp(rsp, ''); $('#' + statBarId).find('div').append(prg); // If there was an error, do not continue if (prg.html().indexOf('Error') > -1) { failed = true; } } else if (cmd == 'xdsh') { // Hide loader $('#' + statBarId).find('img').hide(); $('#' + statBarId).find('#loadingpic2').remove(); // Write ajax response to status bar var prg = $('<pre></pre>'); for (var i in rsp) { for (var j in tgts) { rsp[i] = rsp[i].replace(new RegExp(tgts[j] + ':', 'g'), ''); } prg.append(rsp[i]); prg.append('<br>'); } $('#' + statBarId).find('div').append(prg); $('#' + statBarId).find('div').append('<hr>'); // The status area division contains useful scrollTop() and "scrollHeight dom 0" information. // The inner div grows in height along with the status bar scroll height // The status area client does not grow, that is the visible scroll area var scrtop = $('#' + statBarId ).scrollTop(); var scrheight = $('#' + statBarId )[0].scrollHeight; var dcheight = $('#' + statBarId)[0].clientHeight; var dcheight2 = $('#' + statBarId).find('div')[0].clientHeight; // Adjust the scroll bar to move to the bottom if (scrtop < (scrheight-dcheight)) { $('#' + statBarId ).scrollTop(scrheight-dcheight); } // Enable fields $('#' + statBarId).parent().find('input').removeAttr('disabled'); $('#' + statBarId).parent().find('textarea').removeAttr('disabled'); // Enable buttons $('#' + statBarId).parent().find('button').removeAttr('disabled'); } else if (cmd == 'noderm') { // Hide loader $('#' + statBarId).find('img').hide(); // Write ajax response to status bar var prg = $('<pre>Entries deleted in database</pre>'); $('#' + statBarId).find('div').append(prg); } else { // Hide loader $('#' + statBarId).find('img').hide(); // Write ajax response to status bar var prg = writeRsp(rsp, ''); $('#' + statBarId).find('div').append(prg); } } /** * Update power status of a node in the datatable * * @param data Data from HTTP request */ function updatePowerStatus(data) { // Hide power loader var powerCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(3)'); powerCol.find('img').hide(); // Get datatable var dTable = $('#' + nodesTableId).dataTable(); // Get xCAT response var rsp = data.rsp; // Loop through each line var node, status, rowPos, strPos; for (var i in rsp) { // Get node name 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 = findRow(node, '#' + nodesTableId, 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, false); } else { // Power on/off failed alert(rsp[i]); } } // Adjust datatable column size adjustColumnSize(nodesTableId); } /** * Run a script * * @param inst Remote script tab instance */ 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; // The status area division contains useful scrollTop() and "scrollHeight dom 0" information. // The inner div grows in height along with the status bar scroll height // The status area client does not grow, that is the visible scroll area var scrtop = $('#' + statBarId ).scrollTop(); var scrheight = $('#' + statBarId )[0].scrollHeight; var dcheight = $('#' + statBarId)[0].clientHeight; var dcheight2 = $('#' + statBarId).find('div')[0].clientHeight; //If this is not first time for run script and it has scrolled then add a progress gif at the end. if (scrheight > dcheight) { $('#'+statBarId).find('div').append("<img id='loadingpic2' src='images/loader.gif'>"); scrtop = $('#' + statBarId ).scrollTop(); scrheight = $('#' + statBarId )[0].scrollHeight; dcheight = $('#' + statBarId)[0].clientHeight; // Scroll down so gif shows $('#' + statBarId ).scrollTop(scrheight-dcheight); } $('#' + 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 + ']').parents('tr'); // Search for the column containing the attribute var attrCol; var cols = row.parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr:eq(0) th'); // 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 */ 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(); var imagePos = 0; var profilePos = 0; var osversPos = 0; var osarchPos = 0; // Get column value var colNameArray = rsp[0].substr(1).split(','); for (var i in colNameArray){ switch (colNameArray[i]){ case 'imagename': imagePos = i; break; case 'profile': profilePos = i; break; case 'osvers': osversPos = i; break; case 'osarch': osarchPos = i; break; default : break; } } // Go through each index for (var i = 1; i < rsp.length; i++) { // Get image name var cols = rsp[i].split(','); var osImage = cols[imagePos].replace(new RegExp('"', 'g'), ''); var profile = cols[profilePos].replace(new RegExp('"', 'g'), ''); var osVer = cols[osversPos].replace(new RegExp('"', 'g'), ''); var osArch = cols[osarchPos].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 = new Array; for (var key in osVersHash) { tmp.push(key); } $.cookie('osvers', tmp); // Save OS architectures in a cookie tmp = new Array; for (var key in osArchsHash) { tmp.push(key); } $.cookie('osarchs', tmp); } /** * Set a cookie for the groups * * @param data Data from HTTP request */ function setGroupsCookies(data) { var rsp = data.rsp; $.cookie('groups', rsp); } /** * Find the row index containing a column with a given string * * @param str 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 findRow(str, table, col){ // Get datatable var dTable = $(table).dataTable(); var rows = dTable.fnGetData(); // Loop through each row for (var i in rows) { // If the column contains the search string if (rows[i][col].indexOf(str) > -1) { return parseInt(i); } } return -1; } /** * Select all checkboxes in the datatable * * @param event Event on element * @param obj Object triggering event */ function selectAllCheckbox(event, obj) { // Get datatable ID // This will ascend from <input> <td> <tr> <thead> <table> var tableObj = obj.parents('.dataTables_scroll').find('.dataTables_scrollBody'); var status = obj.attr('checked'); tableObj.find(' :checkbox').attr('checked', status); event.stopPropagation(); } /** * Load rcons page * * @param tgtNodes Targets to run rcons against */ 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 += 'rcons.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=590,height=436"); } /** * Create a tool tip for comments * * @param comment Comments to be placed in a 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', 'font-weight': 'normal' }); // Create info text var info = $('<p></p>').css({ 'white-space': 'normal' }); 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', 'white-space': 'normal', 'font-weight': 'normal' }); return toolTip; } /** * Create a tool tip for monitoring status * * @return Tool tip */ function createMonitorToolTip() { // Create tooltip container var toolTip = $('<div class="tooltip">Click here to refresh the monitoring status</div>').css({ 'width': '150px', 'white-space': 'normal', 'font-weight': 'normal' }); return toolTip; } /** * Open dialog to configure xCAT monitor * * @param data Data returned from HTTP request */ 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 */ 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 node attributes * * @param data Data returned from HTTP request */ function setNodeAttrs(data) { // Clear hash table containing definable node attributes nodeAttrs = 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 nodeAttrs[key] = descr; } else { // Remove arrow brackets attr = attr.replace(new RegExp('<|>', 'g'), ''); // Append description to hash table nodeAttrs[key] = nodeAttrs[key] + '\n' + attr; } } // End of if } // End of for } /** * Load the discover z/VM virtual systems page * * @param tgtNode Target node to set properties */ function discoverVMNodes(tgtNodes) { var fs, legend, htmlLine; // Get nodes tab var tab = getNodesTab(); // Generate new tab ID var inst = 0; var newTabId = 'discoverVMNodesTab' + inst; while ($('#' + newTabId).length) { // If one already exists, generate another one inst = inst + 1; newTabId = 'discoverVMNodesTab' + inst; } // Open new tab // Create set properties form var discoverVMNodesForm = $('<div class="form"></div>'); // Create info bar var infoBar = createInfoBar( 'Initiate, stop or query the status of z/VM node discovery. ' + 'To initiate discovery, specify discovery parameters and click on the Discover button. ' + 'To stop an on-going discovery related to a z/VM host, specify the host node name and '+ 'click on the Stop button. ' + 'To obtain the status of discovery for a particular host, specify the host node name and '+ 'click on the Stop button.' ); discoverVMNodesForm.append(infoBar); // Create the status bar and hide it. var statBarId = 'statusBar_' + newTabId; //var statBar = $( '<div id="'+statBarId+'"></div>' ); //discoverVMNodesForm.append( statBar ); statBar = createStatusBar( statBarId ); statBar.hide(); discoverVMNodesForm.append( statBar ); // Create Host fieldset fs = $('<fieldset></fieldset>'); legend = $('<legend>z/VM Host</legend>'); fs.append(legend); discoverVMNodesForm.append(fs); // Target node or group htmlLine = $('<div><label>z/VM host range:</label><input type="text" name="hosts" value="' + tgtNodes + '" title="The node or node range of the z/VM hosts to run discovery."/></div>'); discoverVMNodesForm.append( htmlLine ); // Create Discovery Parameters fieldset fs = $('<fieldset></fieldset>'); legend = $('<legend>Discovery Parameters</legend>'); fs.append( legend ); discoverVMNodesForm.append( fs ); // Create an input for each definable attribute var div, label, input, descr, value; // Define DefineTo radio buttons div = $('<div></div>').css( 'display', 'inline-block' ).css( 'vertical-align', 'top' ); div.append( '<label>Define systems to:</label>' ); div.append( '<li><input type="radio" value="both" name="defineTo" checked>xCAT and OpenStack</li>' ); div.append( '<li><input type="radio" value="xcatonly" name="defineTo">xCAT only</li>' ); div.append( '<li><input type="radio" value="openstackonly" name="defineTo">OpenStack only (only already discovered xCAT nodes)</li>' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // Userid filter divUserid = newTabId + "_divUserid"; div = $('<div id=' + divUserid + '></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ); div.append( '<label>z/VM Userid Filter:</label>' ); div.append( '<input type="text" size="80" title="Regular expression indicating z/VM userids to be considered for discovery. For example: "virt1|virt2|lnx.*" selects userids: virt1, virt2 and any userid beginning with lnx" placeholder="z/VM userid filter information" value="" name="useridFilter">' ).css( 'margin-top', '5px' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // IP address filter divIP = newTabId + "_divIP"; div = $('<div id=' + divIP + '></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ); div.append( '<label>IP Address Filter:</label>' ); div.append( '<input type="text" size="80" title="Regular expression indicating IP addresses to be considered for discovery. For example: "9.47.45..*|10.10.10..*" selects IP addresses in the 9.47.45.xxx subnet and the 10.10.10.xxx subnet." placeholder="IP address filter information" value="" name="ipFilter">' ).css( 'margin-top', '5px' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // Group name input divGroup = newTabId + '_divGroup'; div = $('<div id=' + divGroup + '></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ); div.append( '<label>Assign to group(s):</label>' ); div.append( '<input type="text" title="The group ID or IDs to assign to the discovered nodes." placeholder="group IDs" value="all" name="group">' ).css( 'margin-top', '5px' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // Node Name Format input divNodename = newTabId + '_divNodename'; div = $('<div id=' + divNodename + '></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ); div.append( '<label>xCAT node name format:</label>' ); div.append( '<input type="text" size="40" title="The node name format to be used by xCAT when assigning a name to the discovered systems." placeholder="Nodename template, e.g. node#NNN" value="" name="nodeNameFmt">' ).css( 'margin-top', '5px' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); discoverVMNodesForm.find('#' + divNodename).hide(); // OpenStack operand input divOpenStackOps = newTabId + '_divOpenStackOps'; div = $('<div id=' + divOpenStackOps + '></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ); div.append( '<label>Assign to OpenStack Project:</label>' ); div.append( '<input type="text" title="The OpenStack project to assign the instances." placeholder="OpenStack project" value="" name="openStackProj">' ).css( 'margin-top', '5px' ); div.append( '<br>' ); div.append( '<label>Assign to OpenStack User:</label>' ); div.append( '<input type="text" title="The OpenStack user to assign the instances." placeholder="OpenStack user" value="" name="openStackUser">' ).css( 'margin-top', '5px' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // Define Verbose radio buttons div = $('<div></div>').css( 'display', 'inline-table' ).css( 'vertical-align', 'top' ).css( 'text-align', 'top' ); div.append( '<label>Node discovery output:</label>' ); div.append( '<li><input type="radio" value="no" name="verbose" checked>Normal response, showing only important information</li>' ); div.append( '<li><input type="radio" value="yes" name="verbose">Verbose response, normal response plus additional information (e.g. reason a system is ignored)</li>' ); discoverVMNodesForm.append( div ); discoverVMNodesForm.append( '<br>' ); // Generate tooltips discoverVMNodesForm.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" } }); // Show appropriate input fields for defineto choices. discoverVMNodesForm.change(function(){ var defineTo = $(this).parent().find('input[name="defineTo"]:checked').val(); if ( defineTo == 'both' ) { discoverVMNodesForm.find('#' + divUserid).show(); discoverVMNodesForm.find('#' + divIP).show(); discoverVMNodesForm.find('#' + divGroup).show(); discoverVMNodesForm.find('#' + divOpenStackOps).show(); discoverVMNodesForm.find('#' + divNodename).hide(); } else if ( defineTo == 'xcatonly' ) { discoverVMNodesForm.find('#' + divUserid).show(); discoverVMNodesForm.find('#' + divIP).show(); discoverVMNodesForm.find('#' + divGroup).show(); discoverVMNodesForm.find('#' + divOpenStackOps).hide(); discoverVMNodesForm.find('#' + divNodename).show(); } else if ( defineTo == 'openstackonly' ) { discoverVMNodesForm.find('#' + divUserid).hide(); discoverVMNodesForm.find('#' + divIP).hide(); discoverVMNodesForm.find('#' + divGroup).hide(); discoverVMNodesForm.find('#' + divOpenStackOps).show(); discoverVMNodesForm.find('#' + divNodename).hide(); } }); // Discover nodes button action var discoverBtn = createButton('Discover'); discoverBtn.click(function() { var argList = ''; var filter = ''; var hosts = $(this).parent().find('input[name=hosts]').val(); if ( hosts != '' ) { argList = 'zvmhost=' + hosts; } var defineTo = $(this).parent().find('input[name="defineTo"]:checked').val(); argList = argList + '||defineto=' + defineTo; var verbose = $(this).parent().find('input[name="verbose"]:checked').val(); if ( verbose == 'yes' ) { argList = argList + '||--verbose'; } var useridFilter = $(this).parent().find('input[name=useridFilter]').val(); if (( defineTo == 'both' || defineTo == 'xcatonly' ) && ( useridFilter != '' )) { argList = argList + '||useridfilter=' + useridFilter; } var ipFilter = $(this).parent().find('input[name=ipFilter]').val(); if (( defineTo == 'both' || defineTo == 'xcatonly' ) && ( ipFilter != '' )) { argList = argList + '||ipfilter=' + ipFilter; } var group = $(this).parent().find('input[name=group]').val(); if (( defineTo == 'both' || defineTo == 'xcatonly' ) && ( group != '' )) { argList = argList + '||groups=' + group; } var nodeNameFmt = $(this).parent().find('input[name=nodeNameFmt]').val(); if ( defineTo == 'xcatonly' && nodeNameFmt != '' ) { argList = argList + '||nodenameformat=' + nodeNameFmt; } var openStackProj = $(this).parent().find('input[name=openStackProj]').val(); var openStackUser = $(this).parent().find('input[name=openStackUser]').val(); if ((( defineTo == 'both' ) || ( defineTo == 'openstackonly' )) && (( openStackProj != '' ) || ( openStackUser != '' ))) { if ( openStackProj != '' ) { osArgs = '--project ' + openStackProj; } else { osArgs = ''; } if ( openStackUser != '' ) { if ( osArgs != '' ) { osArgs = osArgs + ' --user ' + openStackUser; } else { osArgs = '--user ' + openStackUser; } } argList = argList + "||openstackoperands='" + osArgs + "'"; } var out = $('<p></p>'); out.append( 'Starting node discovery...' ); out.append( '<br>' ); out.append( 'If node discovery is a short running task then its response will follow. If, however, the time it takes to complete discovery exceeds the http request timeout of a few minutes then the discovery response will not be returned to the browser. The status and list buttons can be used to obtained status on the discovery and see what systems have been discovered.' ); $( '#' + statBarId ).find( 'div' ).append( out ); statBar.show(); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodediscoverstart', tgt : '', args : argList, att : '', msg : statBarId }, success: function(data) { updateDiscoverStatusBar( data, 1 ); } }); }); discoverVMNodesForm.append(discoverBtn); // Status button var statusBtn = createButton('Status'); statusBtn.click( function() { var hosts = $(this).parent().find('input[name=hosts]').val(); var out = $('<p></p>'); out.append( 'Querying status for discovery on ' + hosts + '...' ); out.append( '<br>' ); $( '#' + statBarId ).find( 'div' ).append( out ); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodediscoverstatus', tgt : '', args : '--zvmhost||' + hosts, att : '', msg : statBarId }, success: function(data) { updateDiscoverStatusBar( data, 1 ); } }); }); discoverVMNodesForm.append( statusBtn ); // List button var listBtn = createButton('List'); listBtn.click( function() { var hosts = $(this).parent().find('input[name=hosts]').val(); var out = $('<p></p>'); out.append( 'Listing systems discovered by the latest discovery on ' + hosts + '...' ); out.append( '<br>' ); $( '#' + statBarId ).find( 'div' ).append( out ); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodediscoverls', tgt : '', args : '-t||zvm||--zvmhost||' + hosts, att : '', msg : statBarId }, success: function(data) { updateDiscoverStatusBar( data, 1 ); } }); }); discoverVMNodesForm.append( listBtn ); // Stop button var stopBtn = createButton('Stop'); stopBtn.click(function() { var hosts = $(this).parent().find('input[name=hosts]').val(); var out = $('<p></p>'); out.append( 'Stopping discovery on ' + hosts + '...' ); out.append( '<br>' ); $( '#' + statBarId ).find( 'div' ).append( out ); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodediscoverstop', tgt : '', args : '--zvmhost||' + hosts, att : '', msg : statBarId }, success: function(data) { updateDiscoverStatusBar( data, 1 ); } }); }); discoverVMNodesForm.append( stopBtn ); // Append to discover tab tab.add(newTabId, 'Discover', discoverVMNodesForm, true); // Select new tab tab.select(newTabId); } /** * Update discovery status bar * * @param data Data returned from HTTP request */ function updateDiscoverStatusBar( data, preformatted ) { var statBarId = data.msg; var rsp = data.rsp; var statBar = $( '#' + statBarId ); // Go through response to make it readable in the status bar. var out = $('<p></p>'); for ( var i in rsp ) { if ( preformatted == 1 ) { out.append( '<pre>' + rsp[i] + '</pre>' ); } else { out.append( rsp[i] + '<br>' ); } } // Write response to status bar and show the bar. $( '#' + statBarId ).find( 'div' ).append( out ); statBar.show(); } /** * Load set node properties page * * @param tgtNode Target node to set properties */ function editNodeProps(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 nodeAttrs) { // 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-table'); label = $('<label>' + key + ':</label>').css('vertical-align', 'middle'); input = $('<input type="text" value="' + value + '" title="' + nodeAttrs[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 changes var saveBtn = createButton('Save'); saveBtn.click(function() { // 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 changes var cancelBtn = createButton('Cancel'); cancelBtn.click(function() { // 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 attributes dialog */ function openSetAttrsDialog() { // 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 nodeAttrs) { 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="' + nodeAttrs[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({ title: 'Set attributes', modal: true, close: function(){ $(this).remove(); }, height: 400, width: 800, 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" ); } } }); } /** * Turn on monitoring for a given node * * @param node Node to monitor on or off * @param monitor Monitor state, on or off */ function monitorNode(node, monitor) { // Show ganglia loader var gangliaCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(4)'); gangliaCol.find('img').show(); if (monitor == 'on') { // Append loader to warning bar var warningBar = $('#nodesTab').find('.ui-state-error p'); if (warningBar.length) { warningBar.append(createLoader('')); } if (node) { // Check if ganglia RPMs are installed $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'gangliacheck;' + node, msg : node // Node range will be passed along in data.msg }, /** * Start ganglia on a given node range * * @param data Data returned from HTTP request */ success : function(data) { // Get response var out = data.rsp[0].split(/\n/); // Go through each line var warn = false; var warningMsg = ''; for (var i in out) { // If an RPM is not installed if (out[i].indexOf('not installed') > -1) { warn = true; if (warningMsg) { warningMsg += '<br>' + out[i]; } else { warningMsg = out[i]; } } } // If there are warnings if (warn) { // Create warning bar var warningBar = createWarnBar(warningMsg); warningBar.css('margin-bottom', '10px'); warningBar.prependTo($('#nodesTab')); } else { $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'gangliastart;' + data.msg + ';-r', msg : data.msg }, success : function(data) { // Remove any warnings $('#nodesTab').find('.ui-state-error').remove(); // Update datatable $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'gangliastatus;' + data.msg, msg : '' }, success : loadGangliaStatus }); } }); } // End of if (warn) } // End of function(data) }); } else { $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : 'gangliastart', msg : '' }, success : function(data) { // Remove any warnings $('#nodesTab').find('.ui-state-error').remove(); } }); } // End of if (node) } else { var args; if (node) { args = 'gangliastop;' + node + ';-r'; } else { args = 'gangliastop'; } $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webrun', tgt : '', args : args, msg : '' }, success : function(data) { // Hide ganglia loader var gangliaCol = $('#' + nodesTableId + '_wrapper .dataTables_scrollHead .datatable thead tr th:eq(4)'); gangliaCol.find('img').hide(); } }); } } /** * Install Ganglia on a given node * * @param node Node to install Ganglia on */ function installGanglia(node) { var iframe = createIFrame('lib/cmd.php?cmd=webrun&tgt=&args=installganglia;' + node + '&msg=' + node + '&opts=flush'); iframe.prependTo($('#nodesTab')); // Turn on Ganglia for node monitorNode(node, 'on'); } /** * After nodes are loaded, load more information based on different hardware architectures * * @param group Group name */ function advancedLoad(group){ var tempIndex = 0; var tableHeaders = $('#' + nodesTableId).parents('.dataTables_scroll').find('.dataTables_scrollHead thead tr:eq(0) th'); var colNameHash = new Object(); var colName = ''; var archCol = 0, hcpCol = 0; // Find out the column name and their index for (tempIndex = 0; tempIndex < tableHeaders.size(); tempIndex++){ var header = tableHeaders.eq(tempIndex); // Skip headers that are links, e.g. status, power, and monitor if (header.find('a').size() > 0){ continue; } colName = header.text(); if (colName) { colNameHash[colName] = tempIndex; } } // If there is no arch column, exit because you cannot distinguish hardware type if (!colNameHash['arch']) { return; } if (!colNameHash['hcp']) { return; } archCol = colNameHash['arch']; hcpCol = colNameHash['hcp']; // Get hardware control point var rows = $('#' + nodesTableId + ' tbody tr'); var hcps = new Object(); var rowsNum = rows.size(); for (var j = 0; j < rowsNum; j++) { var val = rows.eq(j).find('td').eq(hcpCol).html(); var archval = rows.eq(j).find('td').eq(archCol).html(); if (-1 == archval.indexOf('390')){ continue; } hcps[val] = 1; } if (Object.keys(hcps).length == 0) { openDialog('warn', "No node found with hcp column filled in and 390 arch!"); return; } // Get Nodes info bar //var nodeInfoBar = getNodesTabInfoBar(); //nodeInfoBar.append("\nEntering Advanced Load...\n") var args; var shortzHcps = new Array(); var zhcpHash = new Object(); for (var h in hcps) { // Get node without domain name args = h.split('.'); if (!zhcpHash[args[0]]) { shortzHcps.push(args[0]); zhcpHash[args[0]] = 1; // If there are no disk pools or network names cookie for this hcp 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 specific info // Get disk pools and network names success : loadHcpInfo }); } } } // End of for // Save zHCPs as a cookie setzHcpCookies(shortzHcps); // Retrieve z/VM hypervisors and their zHCPs if (!$.cookie('zvms')) { $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'webportal', tgt : '', args : 'lszvm', msg : '' }, success : function(data) { setzVMCookies(data); } }); } } /** * Jump to provision page on-click * * @param tgtNodes Target nodes */ function jump2Provision(tgtNodes){ var nodeArray = tgtNodes.split(','); var nodeName = ''; var index = 0; var archType = ''; var errorMsg = ''; var master = ''; var tftpserver = ''; var nfsserver = ''; var diaDiv = $('<div title="Provision" class="form" id="deployDiv"></div>'); // Check the first node's arch type for (index in nodeArray){ nodeName = nodeArray[index]; // Skip if node does not have arch if (!origAttrs[nodeName]['arch']){ errorMsg = 'Nodes should have arch defined! '; break; } if (index == 0) { archType = origAttrs[nodeName]['arch']; } // Skip if nodes do not have same arch if (archType != origAttrs[nodeName]['arch']){ errorMsg = 'Nodes should belong to the same arch!<br/>'; break; } } // Skip if nodes do not have MAC address for (index in nodeArray){ if (!origAttrs[nodeName]['mac'] || !origAttrs[nodeName]['ip']){ errorMsg += 'Nodes should have the IP and MAC addresses defined!<br/>'; break; } } if (archType.indexOf('390') != -1) { errorMsg += 'Please use the provision page'; } // Open dialog to show error message if (errorMsg){ diaDiv.append(createWarnBar(errorMsg)); diaDiv.dialog({ modal: true, close: function(){ $(this).remove(); }, width: 400, buttons: { 'Close': function(){ $(this).dialog('destroy'); } } }); return; } if (origAttrs[nodeName]['xcatmaster']) { master = origAttrs[nodeName]['xcatmaster']; } if (origAttrs[nodeName]['tftpserver']) { tftpserver = origAttrs[nodeName]['tftpserver']; } if (origAttrs[nodeName]['nfsserver']) { nfsserver = origAttrs[nodeName]['nfsserver']; } window.location.href = 'provision.php?nodes=' + tgtNodes + '&arch=' + archType + '&master=' + master + '&tftpserver=' + tftpserver + '&nfsserver=' + nfsserver; }