| <?php |
| /* |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| */ |
| ?> |
| <?php require_once "./head.inc"; ?> |
| <html> |
| <head> |
| <?php require "./head.htmli" ?> |
| <script src="../js/ext/jquery.min.js"></script> |
| <script src="../js/ext/bootstrap.min.js"></script> |
| </head> |
| |
| <body class="yui3-skin-sam"> |
| <?php require "./topnav.htmli"; ?> |
| |
| <div id="ContentDivId"> |
| |
| <!-- List of clusters |
| <div name="clustersListDiv" id="clustersListDivId"> |
| </div> |
| --> |
| |
| <!-- Installation Wizard --> |
| <div name="installationWizardDiv" id="installationWizardDivId" style="display:block"> |
| <div name="installationWizardProgressBarDiv" id="installationWizardProgressBarDivId"> |
| <ol id="installationWizardProgressBarListId"> |
| <li id="createClusterStageId" class="installationWizardFirstStage installationWizardCurrentStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 1 |
| </span> |
| Create Cluster |
| </div> |
| </li> |
| <li id="addNodesStageId" class="installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 2 |
| </span> |
| Add Nodes |
| </div> |
| </li> |
| <li id="selectServicesStageId" class="installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 3 |
| </span> |
| Select Services |
| </div> |
| </li> |
| <li id="assignHostsStageId" class="installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 4 |
| </span> |
| Assign Hosts |
| </div> |
| </li> |
| <li id="configureClusterStageId" class="installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 5 |
| </span> |
| Select Mount Points |
| </div> |
| </li> |
| <li id="configureClusterAdvancedStageId" class="installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 6 |
| </span> |
| Custom Config |
| </div> |
| </li> |
| <li id="deployClusterStageId" class="installationWizardLastStage installationWizardUnvisitedStage"> |
| <div> |
| <span class="installationWizardStageNumber"> |
| 7 |
| </span> |
| Review & Deploy |
| </div> |
| </li> |
| </ol> |
| </div> |
| |
| <?php require "./utils.htmli"; ?> |
| |
| <div id="installationMainFormsDivId"> |
| <div id="createClusterCoreDivId"> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.createCluster.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.createCluster.pageSummary.body'] ?></p> |
| </div> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| <div class="pageContent"> |
| <form id="createClusterFormId"> |
| <label for="clusterNameId"><?php echo $RES['initWizard.createCluster.clusterName.label'] ?></label> |
| <input type="text" name="clusterName" id="clusterNameId" placeholder="cluster name" value=""> |
| </form> |
| <a href="javascript:void 0" class="btn btn-large" id="createClusterSubmitButtonId"><?php echo $RES['initWizard.createCluster.submit.label'] ?></a> |
| </div> |
| </div> |
| <div id="addNodesCoreDivId" style="display:none"> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.addNodes.pageSummary.header'] ?></h2> |
| <?php echo $RES['initWizard.addNodes.pageSummary.body'] ?> |
| </div> |
| <div id="formStatusDivId" class="alert alert-error" style="display:none"> |
| </div> |
| <div class="pageContent"> |
| <form id="addNodesFilesFormId" enctype="multipart/form-data" method="post"> |
| <input type="hidden" name="ClusterDeployUser" id="clusterDeployUserId" value="root" placeholder=""> |
| <label for="clusterDeployUserIdentityFileId"><?php echo $RES['common.sshPrivateKeyFile.label'] ?></label> |
| <input type="file" name="clusterDeployUserIdentityFile" id="clusterDeployUserIdentityFileId" value="" placeholder=""> |
| <div class="separator"></div> |
| <label for="clusterHostsFileId"><?php echo $RES['common.hostsFile.label'] ?></label> |
| <input type="file" name="clusterHostsFile" id="clusterHostsFileId" value="" placeholder=""> |
| <div class="separator"></div> |
| <div id="yumMirrorSupportFormId"> |
| <div id="yumMirrorSupportFormButtonWrapperId"> |
| <label class="checkbox" for="yumMirrorSupportFormButtonId"><?php echo $RES['initWizard.addNodes.useLocalYum.label'] ?> |
| <input type="checkbox" name="YumMirrorSupportFormButton" id="yumMirrorSupportFormButtonId" value="" placeholder=""> |
| </label> |
| </div> |
| <div id="yumMirrorSupportFormFieldsId" style="display:none"> |
| <label for="yumRepoFilePathId"><?php echo $RES['initWizard.addNodes.yumRepoFilePath.label'] ?></label> |
| <input type="text" name="YumRepoFilePath" id="yumRepoFilePathId" value="" placeholder=""> |
| </div> |
| </div> |
| <div id="fileUploadWrapperDivId"> |
| <iframe name="fileUploadTarget" id="fileUploadTargetId" src="about:blank" style="display:none"></iframe> |
| </div> |
| </form> |
| <div class="separator"></div> |
| <a href="javascript:void 0" class="btn btn-large" id="addNodesSubmitButtonId"><?php echo $RES['initWizard.addNodes.submit.label'] ?></a> |
| </div> |
| </div> |
| |
| <div name="selectServicesCoreDiv" id="selectServicesCoreDivId" style="display:none"> |
| <fieldset> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.selectServices.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.selectServices.pageSummary.body'] ?></p> |
| </div> |
| <div style="width:400px;height:40px;float:right;"> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| </div> |
| <div class="pageContent" style="margin-top:14px"> |
| <div id="selectCoreServicesListId"> |
| <ul id="selectCoreServicesListUlId"> |
| <div id="selectCoreServicesDynamicRenderDivId"> |
| </div> |
| </ul> |
| </div> |
| <div id="selectOptionalServicesListId"> |
| <ul id="selectOptionalServicesListUlId"> |
| <div id="selectOptionalServicesDynamicRenderDivId"> |
| </div> |
| </ul> |
| </div> |
| <div id="selectNonSelectableServicesListId"> |
| <ul id="selectNonSelectableServicesListUlId"> |
| <div id="selectNonSelectableServicesDynamicRenderDivId"> |
| </div> |
| </ul> |
| </div> |
| </div> |
| </fieldset> |
| <a href="javascript:void 0" class="btn btn-large" style="margin:10px 0 0 60px" id="selectServicesSubmitButtonId" class="submitButton"><?php echo $RES['initWizard.selectServices.submit.label'] ?></a> |
| |
| </div> |
| <!-- End of selectServicesCoreDivId --> |
| |
| <div name="assignHostsCoreDiv" id="assignHostsCoreDivId" style="display:none"> |
| <div id="statusDivId"> |
| </div> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.assignMasters.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.assignMasters.pageSummary.body'] ?></p> |
| </div> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| <div id="masterServices"> |
| <div id="masterServicesToHostsContainer"> |
| <div id="masterServicesToHosts"></div> |
| <a href="javascript:void 0" class="btn btn-large" id="selectServiceMastersSubmitButtonId"><?php echo $RES['initWizard.assignMasters.submit.label'] ?></a> |
| </div> |
| <div id="hostsToMasterServices"></div> |
| </div> |
| <div style="clear:both"></div> |
| </div> |
| |
| <div name="configureClusterCoreDiv" id="configureClusterCoreDivId" style="display:none"> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.configureCluster.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.configureCluster.pageSummary.body'] ?></p> |
| </div> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| |
| <div id="configureClusterInputContainerDivId"> |
| <form id="configureClusterFormId"> |
| <div name="configureClusterInputDiv" id="configureClusterInputDivId"> |
| <fieldset id="configureClusterInputFieldSetId"> |
| <!--<legend>Select mount points</legend>--> |
| <div name="configureClusterMountPointsInputDiv" id="configureClusterMountPointsInputDivId"> |
| <div id="configureClusterMountPointsDynamicRenderDivId"></div> |
| <p> |
| <label for="customMountPoints"><?php echo $RES['initWizard.configureCluster.customMountPoints.label'] ?></label> |
| <input type="text" name="customMountPoints" id="customMountPointsId" value="" placeholder="Comma-Separated List"> |
| </p> |
| </div> |
| <!-- Additional <div>s for other categories of cluster configuration go here --> |
| </fieldset> |
| </div> |
| <a id="previewLinkId" href="javascript:void 0"><?php echo $RES['initWizard.configureCluster.preview.label'] ?></a> |
| </form> |
| <a href="javascript:void 0" class="btn btn-large" id="configureClusterSubmitButtonId"><?php echo $RES['initWizard.configureCluster.submit.label'] ?></a> |
| </div> |
| <div id="configureClusterDisplayDivId" style="display:none"> |
| <fieldset> |
| <!--<legend>Effective mount points</legend>--> |
| <div name="configureClusterMountPointsDisplayDiv" id="configureClusterMountPointsDisplayDivId"> |
| </div> |
| </fieldset> |
| </div> |
| </div> |
| |
| <div id="configureClusterAdvancedCoreDivId" style="display:none"> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.configureClusterAdvanced.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.configureClusterAdvanced.pageSummary.body'] ?></p> |
| </div> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| <form id="configureClusterAdvancedFormId"> |
| <fieldset id="configureClusterAdvancedFieldSetId"> |
| <!--<legend>Advanced configuration</legend>--> |
| <div id="configureClusterAdvancedDynamicRenderDivId"></div> |
| </fieldset> |
| </form> |
| <div id="buttonAreaDivId" class="clearfix"> |
| <div id="buttonGroupDivId"> |
| <?php /* |
| <div id="backNextDivId" class="btn-group"> |
| <a href="javascript:void 0" class="btn btn-large" id="configureClusterAdvancedBackButtonId"><?php echo $RES['initWizard.configureClusterAdvanced.back.label'] ?></a> |
| <a href="javascript:void 0" class="btn btn-large" id="configureClusterAdvancedNextButtonId"><?php echo $RES['initWizard.configureClusterAdvanced.next.label'] ?></a> |
| </div> |
| */ ?> |
| <a href="javascript:void 0" class="btn btn-large" id="configureClusterAdvancedSubmitButtonId"><?php echo $RES['initWizard.configureClusterAdvanced.submit.label'] ?></a> |
| </div> |
| </div> |
| </div> |
| |
| <div name="deployCoreDiv" id="deployCoreDivId" style="display:none"> |
| <div class="pageSummary"> |
| <h2><?php echo $RES['initWizard.reviewAndDeploy.pageSummary.header'] ?></h2> |
| <p><?php echo $RES['initWizard.reviewAndDeploy.pageSummary.body'] ?></p> |
| </div> |
| <div id="formStatusDivId" class="formStatusBar" style="display:none"> |
| </div> |
| <form id="deployFormId"> |
| <fieldset id="deployFieldSetId"> |
| <!--<legend>Review your settings</legend>--> |
| <div id="deployDynamicRenderDivId"></div> |
| </fieldset> |
| </form> |
| <label></label> |
| <a href="javascript:void 0" class="btn btn-large" id="deploySubmitButtonId" value="Deploy"><?php echo $RES['initWizard.reviewAndDeploy.submit.label'] ?></a> |
| </div> |
| |
| <?php require "./txnUtils.htmli"; ?> |
| |
| </div> |
| </div> |
| <!-- End of installation Wizard --> |
| </div> |
| <?php require "./footer.htmli"; ?> |
| |
| <!-- Javascript Scaffolding --> |
| <script type="text/javascript"> |
| |
| var freshInstall = true; |
| var nodesAction = "addNodes"; |
| |
| var InstallationWizard = { |
| |
| CreateCluster: |
| {}, |
| AddNodes: |
| {}, |
| AddNodesProgress: |
| {}, |
| SelectServices: |
| {}, |
| AssignMasters: |
| {}, |
| ConfigureCluster: |
| {}, |
| ConfigureServices: |
| {}, |
| ReviewAndDeploy: |
| {}, |
| DeployProgress: |
| {} |
| }; |
| |
| var jsFilesToLoad = [ |
| 'js/utils.js', |
| 'js/txnUtils.js', |
| 'js/installationWizard.js', |
| 'js/createCluster.js', |
| 'js/addNodes.js', |
| 'js/addNodesProgress.js', |
| 'js/selectServices.js', |
| 'js/assignMasters.js', |
| 'js/configureCluster.js', |
| 'js/configureServicesUtils.js', |
| 'js/configureServices.js', |
| 'js/reviewAndDeploy.js', |
| 'js/deployProgress.js' |
| ]; |
| |
| // uncomment to allow jumping to a specified stage for development |
| // jsFilesToLoad.push('js/test/initializeClusterTest.js'); |
| </script> |
| |
| <?php require "./bootstrapJs.htmli"; ?> |
| <!-- End of Javascript Scaffolding --> |
| |
| </body> |
| </html> |