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"
8 class=
"img-fluid mx-auto d-block">
9 <h3 class=
"text-center m-2"
10 i18n
>Welcome to {{ projectConstants.projectName }}
</h3>
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"
18 (click)=
"createCluster()"
19 i18n
>Expand Cluster
</button>
20 <button class=
"btn btn-light"
21 name=
"skip-cluster-creation"
22 (click)=
"skipClusterCreation()"
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'"
43 <cd-hosts [hiddenColumns]=
"['services']"
45 [hideSubmitBtn]=
"true"
46 [hasTableDetails]=
"false"
47 [showGeneralActionsOnly]=
"true"></cd-hosts>
49 <div *
ngSwitchCase=
"'2'"
54 <div class=
"alignForm">
55 <cd-osd-form [hideTitle]=
"true"
56 [hideSubmitBtn]=
"true"
57 (emitDriveGroup)=
"getDriveGroup($event)"></cd-osd-form>
60 <div *
ngSwitchCase=
"'3'"
63 i18n
>Create Services
</h4>
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>
70 <div *
ngSwitchCase=
"'4'"
72 <cd-create-cluster-review></cd-create-cluster-review>
77 <div class=
"card-footer">
78 <button class=
"btn btn-accent m-2 float-right"
79 (click)=
"onNextStep()"
81 i18n
>{{ showSubmitButtonLabel() }}
</button>
82 <cd-back-button class=
"m-2 float-right"
84 (backAction)=
"onPreviousStep()"
85 [name]=
"showCancelButtonLabel()"></cd-back-button>
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>
94 i18n
>Are you sure you want to continue?
</div>