addNodesWizard.php 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <?php require_once "./head.inc" ?>
  2. <html>
  3. <head>
  4. <title id="pageTitleId"><?php echo $RES['page.title'] ?></title>
  5. <!-- CSS -->
  6. <link type="text/css" rel="stylesheet" href="../yui-3.5.1/build/cssreset/cssreset-min.css">
  7. <link type="text/css" rel="stylesheet" href="../css/bootstrap.css" media="screen"/>
  8. <link type="text/css" rel="stylesheet" href="../css/common.css" media="screen"/>
  9. <link type="text/css" rel="stylesheet" href="../css/common2.css" media="screen"/>
  10. <link type="text/css" rel="stylesheet" href="../css/common3.css" media="screen"/>
  11. <link type="text/css" rel="stylesheet" href="../css/selectHosts.css" media="screen"/>
  12. <link rel="shortcut icon" href="../images/logo-micro.gif">
  13. <!-- End CSS -->
  14. </head>
  15. <body class="yui3-skin-sam">
  16. <?php require "./topnav.htmli"; ?>
  17. <div id="ContentDivId">
  18. <!-- List of clusters
  19. <div name="clustersListDiv" id="clustersListDivId">
  20. </div>
  21. -->
  22. <!-- Installation Wizard -->
  23. <div name="installationWizardDiv" id="installationWizardDivId" style="display:block">
  24. <div name="installationWizardProgressBarDiv" id="installationWizardProgressBarDivId">
  25. <ol id="installationWizardProgressBarListId">
  26. <li id="addNodesStageId" class="installationWizardCurrentStage">
  27. <div>
  28. <span class="installationWizardStageNumber">
  29. 1
  30. </span>
  31. Add nodes
  32. </div>
  33. </li>
  34. <li id="selectServicesStageId" class="installationWizardUnvisitedStage">
  35. <div>
  36. <span class="installationWizardStageNumber">
  37. 2
  38. </span>
  39. Select services
  40. </div>
  41. </li>
  42. </ol>
  43. </div>
  44. <?php require "./utils.htmli"; ?>
  45. <div name="installationMainFormsDiv" id="installationMainFormsDivId">
  46. <div id="addNodesCoreDivId" style="display:block">
  47. <div class="pageSummary">
  48. <h2><?php echo $RES['addNodesWizard.addNodes.pageSummary.header'] ?></h2>
  49. <p><?php echo $RES['addNodesWizard.addNodes.pageSummary.body'] ?></p>
  50. </div>
  51. <div id="formStatusDivId" class="formStatusBar" style="display:none">
  52. </div>
  53. <div class="pageContent">
  54. <fieldset>
  55. <form id="addNodesFilesFormId" enctype="multipart/form-data" method="post">
  56. <p>
  57. <label for="clusterDeployUserId"><?php echo $RES['common.sshUsername.label'] ?></label>
  58. <input type="text" name="ClusterDeployUser" id="clusterDeployUserId" value="root" placeholder="">
  59. </p>
  60. <br/>
  61. <p>
  62. <label for="clusterDeployUserIdentityFileId"><?php echo $RES['common.sshPrivateKeyFile.label'] ?></label>
  63. <input type="file" name="clusterDeployUserIdentityFile" id="clusterDeployUserIdentityFileId" value="" placeholder="">
  64. </p>
  65. <br/>
  66. <p>
  67. <label for="clusterHostsFileId"><?php echo $RES['common.hostsFile.label'] ?></label>
  68. <input type="file" name="clusterHostsFile" id="clusterHostsFileId" value="" placeholder="">
  69. </p>
  70. <div id="fileUploadWrapperDivId">
  71. <iframe name="fileUploadTarget" id="fileUploadTargetId" src="about:blank" style="display:none"></iframe>
  72. </div>
  73. </form>
  74. </fieldset>
  75. <button class="btn btn-large" id="addNodesSubmitButtonId"><?php echo $RES['addNodesWizard.addNodes.submit.label'] ?></button>
  76. </div>
  77. </div>
  78. <div name="selectServicesCoreDiv" id="selectServicesCoreDivId" style="display:none">
  79. <div class="pageSummary">
  80. <h2><?php echo $RES['addNodesWizard.selectServices.pageSummary.header'] ?></h2>
  81. <p><?php echo $RES['addNodesWizard.selectServices.pageSummary.body'] ?></p>
  82. </div>
  83. <div id="formStatusDivId" class="formStatusBar" style="display:none">
  84. </div>
  85. <fieldset>
  86. <!--<legend>Select Services</legend>-->
  87. <form id="addNodesDataFormId">
  88. <div name="selectComponentsDynamicRenderDiv" id="selectComponentsDynamicRenderDivId"></div>
  89. </form>
  90. </fieldset>
  91. <button class="btn btn-large" id="deployAddedNodesSubmitButtonId"><?php echo $RES['addNodesWizard.selectServices.submit.label'] ?></button>
  92. </div>
  93. <?php require "./txnUtils.htmli"; ?>
  94. </div>
  95. </div>
  96. <!-- End of installation Wizard -->
  97. </div>
  98. <?php require "./footer.htmli"; ?>
  99. <!-- Javascript Scaffolding -->
  100. <script type="text/javascript">
  101. var freshInstall = false;
  102. var clusterName = "<?php echo $_GET['clusterName']; ?>";
  103. var nodesAction = "addNodes";
  104. var InstallationWizard = {
  105. AddNodes:
  106. {},
  107. AddNodesProgress:
  108. {},
  109. SelectComponents:
  110. {},
  111. DeployProgress:
  112. {}
  113. };
  114. var jsFilesToLoad = [
  115. '../js/utils.js',
  116. '../js/txnUtils.js',
  117. '../js/addNodes.js',
  118. '../js/addNodesProgress.js',
  119. '../js/selectComponents.js',
  120. '../js/deployProgress.js',
  121. '../js/addNodesWizardInit.js'
  122. ];
  123. </script>
  124. <?php require "./bootstrapJs.htmli"; ?>
  125. <!-- End of Javascript Scaffolding -->
  126. </body>
  127. </html>