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