Improvements to the html and css for the discovery wizard.
git-svn-id: https://svn.code.sf.net/p/xcat/code/xcat-core/trunk@2355 8638fb3e-16cb-4fca-ae20-7b5d299a9bcd
This commit is contained in:
bp-sawyers
parent
a347829161
commit
2808c41b6c
@ -194,6 +194,9 @@ TEXTAREA {vertical-align : middle; font-size : 8pt; font-family : sans-serif; fo
|
||||
|
||||
.Middle {vertical-align : middle;}
|
||||
.Center {text-align : center;}
|
||||
.Left {text-align : left;}
|
||||
.Right {text-align : right;}
|
||||
.NoBullet { list-style-type: none; }
|
||||
.YellowBackground {background-color : yellow;}
|
||||
.SmallText {font-size : small;}
|
||||
.XSmallText {font-size : x-small;}
|
||||
|
||||
@ -8,4 +8,34 @@
|
||||
|
||||
P#wizardDone {font-weight : bold; }
|
||||
|
||||
.wizardProgressTable { margin: 10px 0px; }
|
||||
.WizardProgressTable {
|
||||
margin: 10px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.WizardProgressTable UL { list-style-type: none; }
|
||||
|
||||
.WizardProgressTable LI {
|
||||
/* list-style-image: url('../images/checked-box.gif'); */
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.WizardProgressTable IMG { margin-right: 1em; }
|
||||
|
||||
.WizardListTable {
|
||||
margin: 10px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.WizardListTable LI {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* this did not work in IE...
|
||||
.DivTable {
|
||||
display: table;
|
||||
text-align: left;
|
||||
}
|
||||
*/
|
||||
@ -36,52 +36,53 @@ insertFooter();
|
||||
function intro() {
|
||||
echo "<p>This wizard will guide you through the process of defining the naming conventions within your cluster, discovering the hardware on your network, and automatically defining it in the xCAT database.";
|
||||
echo " Choose which type of hardware you want to discover, and then click Next.</p>\n";
|
||||
echo "<table cellspacing=5>\n";
|
||||
echo "<tr><td align=left><label><input type=radio name=hwType value=systemx disabled> System x hardware (not implemented yet)</label></td></tr>\n";
|
||||
echo "<tr><td align=left><label><input type=radio name=hwType value=systemp checked> System p hardware</label></td></tr>\n";
|
||||
echo "</table>\n";
|
||||
// The least hacky way to get this list left justified, but have the block in the center, is to use a table. CSS snobs, just deal with it.
|
||||
echo "<table class=WizardListTable><tr><td><ul class=NoBullet>\n";
|
||||
echo "<li><label><input type=radio name=hwType value=systemx disabled> System x hardware (not implemented yet)</label></li>\n";
|
||||
echo "<li><label><input type=radio name=hwType value=systemp checked> System p hardware</label></li>\n";
|
||||
echo "</ul></td></tr></table>\n";
|
||||
}
|
||||
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
function patterns() {
|
||||
echo "<table cellspacing=5>\n";
|
||||
echo "<tr><td colspan=2 align=center><h3>Switch Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=switchHostname>Switch Hostname Pattern:</label></td><td align=left><input type=text name=switchHostname id=switchHostname></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=switchIP>Switch IP Address Pattern:</label></td><td align=left><input type=text name=switchIP id=switchIP></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>Switch Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=switchHostname>Switch Hostname Pattern:</label></td><td class=Left><input type=text name=switchHostname id=switchHostname></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=switchIP>Switch IP Address Pattern:</label></td><td class=Left><input type=text name=switchIP id=switchIP></td></tr>\n";
|
||||
|
||||
echo "<tr><td colspan=2 align=center><h3>HMCs</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=hmcHostname>HMC Hostname Pattern:</label></td><td align=left><input type=text name=hmcHostname id=hmcHostname></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=hmcIP>HMC IP Address Pattern:</label></td><td align=left><input type=text name=hmcIP id=hmcIP></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=numCECs>Number of CECs per HMC:</label></td><td align=left><input type=text name=numCECs id=numCECs></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>HMCs</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=hmcHostname>HMC Hostname Pattern:</label></td><td class=Left><input type=text name=hmcHostname id=hmcHostname></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=hmcIP>HMC IP Address Pattern:</label></td><td class=Left><input type=text name=hmcIP id=hmcIP></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=numCECs>Number of CECs per HMC:</label></td><td class=Left><input type=text name=numCECs id=numCECs></td></tr>\n";
|
||||
|
||||
echo "<tr><td colspan=2 align=center><h3>Frame (BPA) Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=bpaHostname>BPA Hostname Pattern:</label></td><td align=left><input type=text name=bpaHostname id=bpaHostname></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=bpaIP>BPA IP Address Pattern:</label></td><td align=left><input type=text name=bpaIP id=bpaIP></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>Frame (BPA) Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=bpaHostname>BPA Hostname Pattern:</label></td><td class=Left><input type=text name=bpaHostname id=bpaHostname></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=bpaIP>BPA IP Address Pattern:</label></td><td class=Left><input type=text name=bpaIP id=bpaIP></td></tr>\n";
|
||||
|
||||
echo "<tr><td colspan=2 align=center><h3>Drawer (FSP/CEC) Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=fspHostname>FSP Hostname Pattern:</label></td><td align=left><input type=text name=fspHostname id=fspHostname></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=fspIP>FSP IP Address Pattern:</label></td><td align=left><input type=text name=fspIP id=fspIP></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>Drawer (FSP/CEC) Patterns</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=fspHostname>FSP Hostname Pattern:</label></td><td class=Left><input type=text name=fspHostname id=fspHostname></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=fspIP>FSP IP Address Pattern:</label></td><td class=Left><input type=text name=fspIP id=fspIP></td></tr>\n";
|
||||
echo "</table>\n";
|
||||
|
||||
//todo: get HCP userids/pws
|
||||
//todo: get HCP userids/pws from the user
|
||||
}
|
||||
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
function patterns2() {
|
||||
echo "<table cellspacing=5>\n";
|
||||
echo "<tr><td colspan=2 align=center><h3>Building Blocks</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=numFrames>Number of Frames per Building Block:</label></td><td align=left><input type=text name=numFrames id=numFrames></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=subnet>Subnet Pattern for Cluster Mgmt LAN:</label></td><td align=left><input type=text name=subnet id=subnet></td></tr>";
|
||||
echo "<tr><td colspan=2 align=center>(Subnet address in each Building Block)</td></tr>\n";
|
||||
echo "<tr><td align=right><label for=ioNodename>I/O Node Name Pattern:</label></td><td align=left><input type=text name=ioNodename id=ioNodename></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=computeNodename>Compute Node Name Pattern:</label></td><td align=left><input type=text name=computeNodename id=computeNodename></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=hfiHostname>HFI NIC Hostname Pattern:</label></td><td align=left><input type=text name=hfiHostname id=hfiHostname></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=hfiIP>HFI NIC IP Address Pattern:</label></td><td align=left><input type=text name=hfiIP id=hfiIP></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>Building Blocks</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=numFrames>Number of Frames per Building Block:</label></td><td class=Left><input type=text name=numFrames id=numFrames></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=subnet>Subnet Pattern for Cluster Mgmt LAN:</label></td><td class=Left><input type=text name=subnet id=subnet></td></tr>";
|
||||
echo "<tr><td colspan=2 class=Center>(Subnet address in each Building Block)</td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=ioNodename>I/O Node Name Pattern:</label></td><td class=Left><input type=text name=ioNodename id=ioNodename></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=computeNodename>Compute Node Name Pattern:</label></td><td class=Left><input type=text name=computeNodename id=computeNodename></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=hfiHostname>HFI NIC Hostname Pattern:</label></td><td class=Left><input type=text name=hfiHostname id=hfiHostname></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=hfiIP>HFI NIC IP Address Pattern:</label></td><td class=Left><input type=text name=hfiIP id=hfiIP></td></tr>\n";
|
||||
|
||||
echo "<tr><td colspan=2 align=center><h3>LPAR Information</h3></td></tr>\n";
|
||||
echo "<tr><td align=right><label for=numLPARs>Number of LPARs per Drawer:</label></td><td align=left><input type=text name=numLPARs id=numLPARs></td></tr>\n";
|
||||
echo "<tr><td colspan=2 class=Center><h3>LPAR Information</h3></td></tr>\n";
|
||||
echo "<tr><td class=Right><label for=numLPARs>Number of LPARs per Drawer:</label></td><td class=Left><input type=text name=numLPARs id=numLPARs></td></tr>\n";
|
||||
echo "</table>\n";
|
||||
// do we need to get any info about the resources that should be in each lpar, or do we just divide them evenly?
|
||||
}
|
||||
@ -90,20 +91,22 @@ echo "</table>\n";
|
||||
//-----------------------------------------------------------------------------
|
||||
function preparemn() {
|
||||
global $TOPDIR;
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Write Cluster Topology Configuration File.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Define networks.</td></tr>\n"; // run makenetworks and update the dynamic range for the service LAN
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Configure DHCP.</td></tr>\n"; // run makedhcp and show progress
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Write Cluster Topology Configuration File.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Define networks.</li>\n"; // run makenetworks and update the dynamic range for the service LAN
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Configure DHCP.</li>\n"; // run makedhcp and show progress
|
||||
echo "</ul></table>\n";
|
||||
}
|
||||
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
function prediscover() {
|
||||
//todo: there's a better way to get this list left justified, but have the block in the center, but don't feel like figuring it out right now.
|
||||
echo "<table><tr><td align=left>\n";
|
||||
echo "<ol><li>Power on all of the HMCs.<li>Then power on all of frames.<li>Then click Next to discover the hardware on the service network.</ol>\n";
|
||||
echo "</td></tr></table>\n";
|
||||
echo "<table class=WizardListTable><tr><td>\n";
|
||||
echo "<p>Do the following manual steps now:</p>\n";
|
||||
echo "<ol><li>Power on all of the HMCs.</li>\n";
|
||||
echo "<li>Then power on all of frames.</li>\n";
|
||||
echo "<li>Then click Next to discover the hardware on the service network.</li>\n";
|
||||
echo "</ol></td></tr></table>\n";
|
||||
}
|
||||
|
||||
|
||||
@ -111,9 +114,9 @@ echo "</td></tr></table>\n";
|
||||
function discover() {
|
||||
global $TOPDIR;
|
||||
//todo: run lsslp and show progress
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Discovering HMCs, BPAs, and FSPs...</td></tr>\n";
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Discovering HMCs, BPAs, and FSPs...</li>\n";
|
||||
echo "</ul></table>\n";
|
||||
echo "<p>(This will show the list of hw discovered & located, including nodenames and IP addresses assigned, and then save all info to the DB.)</p>\n";
|
||||
}
|
||||
|
||||
@ -121,23 +124,23 @@ echo "<p>(This will show the list of hw discovered & located, including nodename
|
||||
//-----------------------------------------------------------------------------
|
||||
function updatedefs() {
|
||||
global $TOPDIR;
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Determine which CECs each HMC should manage.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Assign frame numbers, supernode numbers, and building block numbers.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Assign building block subnets.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Update name resolution.</td></tr>\n"; // run makedhosts and makedns
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Determine which CECs each HMC should manage.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Assign frame numbers, supernode numbers, and building block numbers.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Assign building block subnets.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Update name resolution.</li>\n"; // run makedhosts and makedns
|
||||
echo "</ul></table>\n";
|
||||
}
|
||||
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
function configurehcps() {
|
||||
global $TOPDIR;
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Assign CECs to their HMC.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Set frame numbers in BPAs.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Power on CECs to Standby.</td></tr>\n";
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Assign CECs to their HMC.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Set frame numbers in BPAs.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Power on CECs to Standby.</li>\n";
|
||||
echo "</ul></table>\n";
|
||||
|
||||
//todo: set HCP userids/pws
|
||||
}
|
||||
@ -146,21 +149,21 @@ echo "</table>\n";
|
||||
//-----------------------------------------------------------------------------
|
||||
function createnodes() {
|
||||
global $TOPDIR;
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Create LPARs in each CEC.</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>Save node definitions in xCAT database.</td></tr>\n";
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Create LPARs in each CEC.</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>Save node definitions in xCAT database.</li>\n";
|
||||
echo "</ul></table>\n";
|
||||
}
|
||||
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
function testhcps() {
|
||||
global $TOPDIR;
|
||||
echo "<table class=wizardProgressTable border=0 cellspacing=10>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>(Output for rpower stat for sample nodes)</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>(Output for rinv for sample nodes)</td></tr>\n";
|
||||
echo "<tr><td><img src='$TOPDIR/images/checked-box.gif'></td><td>(Output for rvitals for sample nodes)</td></tr>\n";
|
||||
echo "</table>\n";
|
||||
echo "<table class=WizardProgressTable><ul>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>(Output for rpower stat for sample nodes)</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>(Output for rinv for sample nodes)</li>\n";
|
||||
echo "<li><img src='$TOPDIR/images/checked-box.gif'>(Output for rvitals for sample nodes)</li>\n";
|
||||
echo "</ul></table>\n";
|
||||
}
|
||||
|
||||
|
||||
@ -168,6 +171,6 @@ echo "</table>\n";
|
||||
function done() {
|
||||
global $TOPDIR;
|
||||
echo "<p id=wizardDone>Cluster set up successfully completed!</p>\n";
|
||||
echo "<p>You can now start to <a href='$TOPDIR/deploy/osimages.php'>deploy nodes</a>.</p>\n";
|
||||
echo "<p>You can now <a href='$TOPDIR/machines/groups.php'>view your node definitions</a> and start to <a href='$TOPDIR/deploy/osimages.php'>deploy nodes</a>.</p>\n";
|
||||
}
|
||||
?>
|
||||
Loading…
Reference in New Issue
Block a user