]>
Commit | Line | Data |
---|---|---|
a4b75251 TL |
1 | <div class="container h-75" |
2 | *ngIf="!startClusterCreation"> | |
3 | <div class="row h-100 justify-content-center align-items-center"> | |
4 | <div class="blank-page"> | |
5 | <!-- htmllint img-req-src="false" --> | |
6 | <img [src]="projectConstants.cephLogo" | |
7 | alt="Ceph" | |
8 | class="img-fluid mx-auto d-block"> | |
9 | <h3 class="text-center m-2" | |
10 | i18n>Welcome to {{ projectConstants.projectName }}</h3> | |
11 | ||
12 | <div class="m-4"> | |
13 | <h4 class="text-center" | |
14 | i18n>Please expand your cluster first</h4> | |
15 | <div class="offset-md-2"> | |
16 | <button class="btn btn-accent m-2" | |
17 | name="expand-cluster" | |
18 | (click)="createCluster()" | |
19 | i18n>Expand Cluster</button> | |
20 | <button class="btn btn-light" | |
21 | name="skip-cluster-creation" | |
22 | (click)="skipClusterCreation()" | |
23 | i18n>Skip</button> | |
24 | </div> | |
25 | </div> | |
26 | </div> | |
27 | </div> | |
28 | </div> | |
29 | ||
30 | <div class="card" | |
31 | *ngIf="startClusterCreation"> | |
32 | <div class="card-header" | |
33 | i18n>Expand Cluster</div> | |
34 | <div class="container-fluid"> | |
35 | <cd-wizard [stepsTitle]="stepTitles"></cd-wizard> | |
36 | <div class="card-body vertical-line"> | |
37 | <ng-container [ngSwitch]="currentStep?.stepIndex"> | |
38 | <div *ngSwitchCase="'1'" | |
39 | class="ml-5"> | |
40 | <h4 class="title" | |
41 | i18n>Add Hosts</h4> | |
42 | <br> | |
43 | <cd-hosts [hiddenColumns]="['services']" | |
44 | [hideTitle]="true" | |
45 | [hideSubmitBtn]="true" | |
46 | [hasTableDetails]="false" | |
47 | [showGeneralActionsOnly]="true"></cd-hosts> | |
48 | </div> | |
49 | <div *ngSwitchCase="'2'" | |
50 | class="ml-5"> | |
51 | <h4 class="title" | |
52 | i18n>Create OSDs</h4> | |
53 | <br> | |
54 | <div class="alignForm"> | |
55 | <cd-osd-form [hideTitle]="true" | |
56 | [hideSubmitBtn]="true" | |
57 | (emitDriveGroup)="getDriveGroup($event)"></cd-osd-form> | |
58 | </div> | |
59 | </div> | |
60 | <div *ngSwitchCase="'3'" | |
61 | class="ml-5"> | |
62 | <h4 class="title" | |
63 | i18n>Create Services</h4> | |
64 | <br> | |
65 | <cd-services [hasDetails]="false" | |
66 | [hiddenServices]="['mon', 'mgr', 'crash', 'agent']" | |
67 | [hiddenColumns]="['status.running', 'status.size', 'status.last_refresh']" | |
68 | [routedModal]="false"></cd-services> | |
69 | </div> | |
70 | <div *ngSwitchCase="'4'" | |
71 | class="ml-5"> | |
72 | <cd-create-cluster-review></cd-create-cluster-review> | |
73 | </div> | |
74 | </ng-container> | |
75 | </div> | |
76 | </div> | |
77 | <div class="card-footer"> | |
78 | <button class="btn btn-accent m-2 float-right" | |
79 | (click)="onNextStep()" | |
80 | aria-label="Next" | |
81 | i18n>{{ showSubmitButtonLabel() }}</button> | |
82 | <cd-back-button class="m-2 float-right" | |
83 | aria-label="Close" | |
84 | (backAction)="onPreviousStep()" | |
85 | [name]="showCancelButtonLabel()"></cd-back-button> | |
86 | </div> | |
87 | </div> | |
88 | ||
89 | <ng-template #skipConfirmTpl> | |
90 | <span i18n>You are about to skip the cluster expansion process. | |
91 | You’ll need to <strong>navigate through the menu to add hosts and services.</strong></span> | |
92 | ||
93 | <div class="mt-4" | |
94 | i18n>Are you sure you want to continue?</div> | |
95 | </ng-template> |