var bpaList; var fspList; var lparList; var graphicalNodeList; var selectNode; var graphicalDataType = ['nodetype.nodetype', 'ppc.parent', 'nodelist.status', 'vpd.mtm']; function initGraphicalData(dataTypeIndex){ if (undefined == dataTypeIndex){ dataTypeIndex = 0; } if ((dataTypeIndex < 0) || (dataTypeIndex > 3)){ return; } var typeName = graphicalDataType[dataTypeIndex]; $('#graphTab').empty().append('Getting ' + typeName).append(createLoader()); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'nodels', tgt : 'all', args : typeName, msg : 'index' + dataTypeIndex.toString() }, success : function(data){ var tempIndex = Number(data.msg.substr(5, 1)); extractGraphicalData(data); if (tempIndex < graphicalDataType.length - 1){ tempIndex ++; initGraphicalData(tempIndex); } else{ $('#graphTab').empty(); for (var temp in nodesList){ var nodeName = nodesList[temp]; if ('' == nodeName){ continue; } fillList(nodeName); } createGraphical(bpaList, fspList, $('#graphTab')); } } }); } /** * extract all nodes userful data into a hash, which is used for creating graphical * * @param data: the response from xcat command "nodels all nodetype.nodetype ppc.parent ..." * * @return */ function extractGraphicalData(data){ var nodes = data.rsp; //extract useful info into tempList for (var i = 0; i < nodes.length; i++){ var nodeName = nodes[i][0]; if (undefined == graphicalNodeList[nodeName]){ graphicalNodeList[nodeName] = new Object(); } switch(data.msg.substr(5, 1)){ case '0': { graphicalNodeList[nodeName]['type'] = nodes[i][1]; } break; case '1' : { graphicalNodeList[nodeName]['parent'] = nodes[i][1]; } break; case '2': { graphicalNodeList[nodeName]['status'] = nodes[i][1]; } break; case '3': { graphicalNodeList[nodeName]['mtm'] = nodes[i][1]; } break; default : break; } } } function createPhysicalLayout(nodeList){ bpaList = new Object(); fspList = new Object(); lparList = new Object(); selectNode = new Object(); var flag = false; //no nodes are selected. if (!nodeList){ return; } //save the new selected nodes. if(graphicalNodeList){ for(var i in graphicalNodeList){ flag = true; break; } } //there is not graphical data, get the info now if (!flag){ graphicalNodeList = new Object(); initGraphicalData(0); } else{ $('#graphTab').empty(); for (var temp in nodeList){ var nodeName = nodeList[temp]; if ('' == nodeName){ continue; } fillList(nodeName); } createGraphical(bpaList, fspList, $('#graphTab')); } } function fillList(nodeName){ var parentName = graphicalNodeList[nodeName]['parent']; var mtm = graphicalNodeList[nodeName]['mtm']; var status = graphicalNodeList[nodeName]['status']; if ('' == status){ status = 'unknown'; } switch(graphicalNodeList[nodeName]['type']){ case 'bpa': { if (undefined == bpaList[nodeName]){ bpaList[nodeName] = new Array(); } } break; case 'lpar,osi': case 'lpar': case 'osi': { if ('' == parentName){ break; } if (undefined == fspList[parentName]){ fillList(parentName); } fspList[parentName]['children'].push(nodeName); lparList[nodeName] = status; } break; case 'fsp': { if (undefined != fspList[nodeName]){ break; } fspList[nodeName] = new Array(); fspList[nodeName]['children'] = new Array(); fspList[nodeName]['mtm'] = mtm; if ('' == parentName){ break; } if (undefined == bpaList[parentName]){ fillList(parentName); } bpaList[parentName].push(nodeName); } break; default: break; } } /** * create the physical graphical layout * * @param bpa : all bpa and there related fsps * fsp : all fsp and there related lpars * fspinfo : all fsps' hardwareinfo * area: the element to append graphical layout * @return */ function createGraphical(bpa, fsp, area){ var usedFsp = new Object(); var graphTable = $('
'); var elementNum = 0; var row; for (var bpaName in bpa){ if (0 == elementNum % 3){ row = $(''); graphTable.append(row); } elementNum ++; var td = $(''); var frameDiv = $('
'); frameDiv.append('
'); //for P7-IH, all the cecs are insert into the frame from down to up, so we had to show the cecs same as the //physical layout. var tempBlankDiv = $('
'); var tempHeight = 0; for (var fspIndex in bpa[bpaName]){ var fspName = bpa[bpaName][fspIndex]; usedFsp[fspName] = 1; //this is the p7IH, we should add the blank at the top if ((0 == fspIndex) && ('9125-F2C' == fsp[fspName]['mtm'])){ frameDiv.append(tempBlankDiv); } frameDiv.append(createFspDiv(fspName, fsp[fspName]['mtm'], fsp)); frameDiv.append(createFspTip(fspName, fsp[fspName]['mtm'], fsp)); tempHeight += coculateBlank(fsp[fspName]['mtm']); } //now the tempHeight are all cecs' height, so we should minus bpa div height and cecs' div height tempHeight = 428 - tempHeight; tempBlankDiv.css('height', tempHeight); td.append(frameDiv); row.append(td); } //find the single fsp and sort descend by units var singleFsp = new Array(); for (var fspName in fsp){ if (usedFsp[fspName]) { continue; } singleFsp.push([fspName, fsp[fspName]['mtm']]); } singleFsp.sort(function(a, b){ var unitNumA = 4; var unitNumB = 4; if (hardwareInfo[a[1]]){ unitNumA = hardwareInfo[a[1]][1]; } if (hardwareInfo[b[1]]){ unitNumB = hardwareInfo[b[1]][1]; } return (unitNumB - unitNumA); }); elementNum = 0; for (var fspIndex in singleFsp){ var fspName = singleFsp[fspIndex][0]; if (0 == elementNum % 3){ row = $(''); graphTable.append(row); } elementNum ++; var td = $(''); td.append(createFspDiv(fspName, fsp[fspName]['mtm'], fsp)); td.append(createFspTip(fspName, fsp[fspName]['mtm'], fsp)); row.append(td); } var selectNodeDiv = $('
Nodes:
'); var temp = 0; for (var i in selectNode){ temp ++; break; } //there is not selected lpars, show the info bar if (0 == temp){ area.append(createInfoBar('Hover over a CEC and select the LPARs to do operations against.')); } //show selected lpars else{ updateSelectNodeDiv(); } //add buttons area.append(createActionMenu()); area.append(selectNodeDiv); area.append(graphTable); $('.tooltip input[type = checkbox]').bind('click', function(){ var lparName = $(this).attr('name'); if ('' == lparName){ return; } if (true == $(this).attr('checked')){ changeNode(lparName, 'select'); } else{ changeNode(lparName, 'unselect'); } updateSelectNodeDiv(); }); $('.fspDiv2, .fspDiv4, .fspDiv42').tooltip({ position: "center right", relative : true, offset : [10, -40], effect: "fade" }); $('.tooltip a').bind('click', function(){ var lparName = $(this).html(); $('#nodesDatatable #' + lparName).trigger('click'); }); $('.fspDiv2, .fspDiv4, .fspDiv42').bind('click', function(){ var fspName = $(this).attr('value'); var selectCount = 0; for (var lparIndex in fspList[fspName]['children']){ var lparName = fspList[fspName]['children'][lparIndex]; if (selectNode[lparName]){ selectCount ++; } } //all the lpars are selected, so unselect nodes if (selectCount == fspList[fspName]['children'].length){ for (var lparIndex in fspList[fspName]['children']){ var lparName = fspList[fspName]['children'][lparIndex]; changeNode(lparName, 'unselect'); } } //not select all lpars on the cec, so add all lpars into selectNode Hash. else{ for (var lparIndex in fspList[fspName]['children']){ var lparName = fspList[fspName]['children'][lparIndex]; changeNode(lparName, 'select'); } } updateSelectNodeDiv(); }); $('.fspcheckbox').bind('click', function(){ var itemName = $(this).attr('name'); name = itemName.substr(6); if ($(this).attr('checked')){ selectNode[name] = 1; } else{ delete selectNode[name]; } updateSelectNodeDiv(); }); } /** * update the lpars' background in cec, lpars area and selectNode * * @param * @return * **/ function updateSelectNodeDiv(){ var temp = 0; $('#selectNodeDiv').empty(); //add buttons $('#selectNodeDiv').append('Nodes: '); for(var lparName in selectNode){ $('#selectNodeDiv').append(lparName + ' '); temp ++; if (6 < temp){ $('#selectNodeDiv').append('...'); break; } } } /** * create the action menu * * @param getNodesFunction * the function that can find selected nodes name * @return * action menu object */ function createActionMenu(){ // Create action bar var actionBar = $('
'); /** * The following actions are available to perform against a given node: * power, clone, delete, unlock, and advanced */ var powerLnk = $('Power'); //Power on var powerOnLnk = $('Power on'); powerOnLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'rpower', tgt : tgtNodes, args : 'on', msg : '' } }); }); //Power off var powerOffLnk = $('Power off'); powerOffLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); $.ajax( { url : 'lib/cmd.php', dataType : 'json', data : { cmd : 'rpower', tgt : tgtNodes, args : 'off', msg : '' } }); }); //Clone var cloneLnk = $('Clone'); cloneLnk.bind('click', function(event) { /* for (var name in selectNode) { var mgt = graphicalNodeList[name]['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(name); } */ }); //Delete var deleteLnk = $('Delete'); deleteLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadDeletePage(tgtNodes); } }); //Unlock var unlockLnk = $('Unlock'); unlockLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadUnlockPage(tgtNodes); } }); //Run script var scriptLnk = $('Run script'); scriptLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadScriptPage(tgtNodes); } }); //Update node var updateLnk = $('Update'); updateLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadUpdatenodePage(tgtNodes); } }); //Set boot state var setBootStateLnk = $('Set boot state'); setBootStateLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadNodesetPage(tgtNodes); } }); //Boot to network var boot2NetworkLnk = $('Boot to network'); boot2NetworkLnk.bind('click', function(event) { var tgtNodes = getSelectNodes(); if (tgtNodes) { loadNetbootPage(tgtNodes); } }); //Remote console var rcons = $('Open console'); rcons.bind('click', function(event){ var tgtNodes = getSelectNodes(); if (tgtNodes) { loadRconsPage(tgtNodes); } }); //Edit properties var editProps = $('Edit properties'); editProps.bind('click', function(event){ for (var node in selectNode) { loadEditPropsPage(node); } }); var advancedLnk = $('Advanced'); // Power actions var powerActions = [ powerOnLnk, powerOffLnk ]; var powerActionMenu = createMenu(powerActions); // Advanced actions var advancedActions; advancedActions = [ boot2NetworkLnk, scriptLnk, setBootStateLnk, updateLnk, rcons, editProps ]; var advancedActionMenu = createMenu(advancedActions); /** * Create an action menu */ var actionsDIV = $('
'); var actions = [ [ powerLnk, powerActionMenu ], cloneLnk, deleteLnk, unlockLnk, [ advancedLnk, advancedActionMenu ] ]; var actionMenu = createMenu(actions); actionMenu.superfish(); actionsDIV.append(actionMenu); actionBar.append(actionsDIV); return actionBar; } /** * create the physical graphical layout * * @param bpaName : fsp's key * fsp : all fsp and there related lpars * fspinfo : all fsps' hardwareinfo * @return * */ function createFspDiv(fspName, mtm, fsp){ //create fsp title var lparStatusRow = ''; var temp = ''; for (var lparIndex in fsp[fspName]['children']){ //show 8 lpars on one cec at most. if (lparIndex >= 8){ break; } var lparName = fsp[fspName]['children'][lparIndex]; var color = statusMap(lparList[lparName]); lparStatusRow += ''; } //select the backgroud var divClass = ''; if ('' == mtm){ temp = '8231-E2B'; } else{ temp = mtm; } if (hardwareInfo[temp][1]){ divClass += 'fspDiv' + hardwareInfo[temp][1]; } else{ divClass += 'fspDiv4'; } //create return value var retHtml = ''; retHtml += '
'; retHtml += '
' + lparStatusRow + '
'; return retHtml; } /** * create the physical graphical fsps' help witch could select the lpars. * * @param bpaName : fsp's key * fsp : all fsp and there related lpars * fspinfo : all fsps' hardwareinfo * @return * */ function createFspTip(fspName, mtm, fsp){ var tip = $('
'); var tempTable = $('
'); var temp = ''; if ('' == mtm){ temp = 'unkown'; } else{ temp = mtm; } if (hardwareInfo[temp]){ tip.append('

' + fspName + '(' + hardwareInfo[temp][0] + ')


'); } else{ tip.append('

' + fspName + '


'); } for (var lparIndex in fsp[fspName]['children']){ var lparName = fsp[fspName]['children'][lparIndex]; var color = statusMap(lparList[lparName]); var row = ''; row += ''+ lparName + ''; row += '' + lparList[lparName] + ''; tempTable.append(row); } tip.append(tempTable); return tip; } /** * map the lpar's status into a color * * @param status : lpar's status in nodelist table * @return * corresponding color name */ function statusMap(status){ var color = 'gainsboro'; switch(status){ case 'alive': case 'ready': case 'pbs': case 'sshd': case 'booting':{ color = 'green'; } break; case 'noping': case 'unreachable':{ color = 'red'; } break; case 'ping':{ color = 'yellow'; } break; default: color = 'grey'; break; } return color; } /** * select all lpars checkbox in the dialog * * @param * @return * */ function selectAllLpars(checkbox){ var temp = checkbox.attr('checked'); $('#selectNodeTable input[type = checkbox]').attr('checked', temp); } /** * export all lpars' name from selectNode * * @param * @return lpars' string * */ function getSelectNodes(){ var ret = ''; for (var lparName in selectNode){ ret += lparName + ','; } return ret.substring(0, ret.length-1); } /** * when the node is selected or unselected, then update the area on cec, update the global * list and update the tooltip table * * @param * @return */ function changeNode(lparName, status){ var imgUrl = ''; var checkFlag = true; if ('select' == status){ selectNode[lparName] = 1; imgUrl = 'url(images/nodes/s-'+ statusMap(lparList[lparName]) + '.gif)'; checkFlag = true; } else{ delete selectNode[lparName]; imgUrl = 'url(images/nodes/'+ statusMap(lparList[lparName]) + '.gif)'; checkFlag = false; } $('#graphTable [name=' + lparName + ']').css('background-image', imgUrl); $('.tooltip input[name="' + lparName + '"]').attr('checked', checkFlag); } /** * The P7-IH's cecs are insert from down to up, so we had to coculate the blank height. * * @param * @return the height for the cec */ function coculateBlank(mtm){ if ('' == mtm){ return 24; } if (!hardwareInfo[mtm]){ return 24; } switch(hardwareInfo[mtm]){ case 1: { return 13; } break; case 2: { return 24; } break; case 4: { return 47; } break; default: return 0; break; } }