1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
<cd-modal [modalRef]="activeModal">
<ng-container i18n="form title"
class="modal-title">Migrate Single Site to Multi-site
<cd-helper>
<span>Migrate from a single-site deployment with a default zone group and zone to a multi-site system</span>
</cd-helper>
</ng-container>
<ng-container class="modal-content">
<form name="multisiteMigrateForm"
#formDir="ngForm"
[formGroup]="multisiteMigrateForm"
novalidate>
<div class="modal-body">
<div class="form-group row">
<label class="cd-col-form-label required"
for="realmName"
i18n>Realm Name</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="Realm name..."
id="realmName"
name="realmName"
formControlName="realmName">
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('realmName', formDir, 'required')"
i18n>This field is required.</span>
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('realmName', formDir, 'uniqueName')"
i18n>The chosen realm name is already in use.</span>
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="zonegroupName"
i18n>Rename default zone group</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="Zone group name..."
id="zonegroupName"
name="zonegroupName"
formControlName="zonegroupName">
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zonegroupName', formDir, 'required')"
i18n>This field is required.</span>
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zonegroupName', formDir, 'uniqueName')"
i18n>The chosen zone group name is already in use.</span>
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="zonegroup_endpoints"
i18n>Zone group Endpoints
</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="e.g, http://ceph-node-00.com:80"
id="zonegroup_endpoints"
name="zonegroup_endpoints"
formControlName="zonegroup_endpoints">
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'required')"
i18n>This field is required.</span>
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zonegroup_endpoints', formDir, 'endpoint')"
i18n>Please enter a valid IP address.</span>
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="zoneName"
i18n>Rename default zone</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="Zone name..."
id="zoneName"
name="zoneName"
formControlName="zoneName">
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'required')"
i18n>This field is required.</span>
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zoneName', formDir, 'uniqueName')"
i18n>The chosen zone name is already in use.</span>
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="zone_endpoints"
i18n>Zone Endpoints
</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="e.g, http://ceph-node-00.com:80"
id="zone_endpoints"
name="zone_endpoints"
formControlName="zone_endpoints">
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'required')"
i18n>This field is required.</span>
<span class="invalid-feedback"
*ngIf="multisiteMigrateForm.showError('zone_endpoints', formDir, 'endpoint')"
i18n>Please enter a valid IP address.</span>
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="access_key"
i18n>S3 access key
<cd-helper>
<span>To see or copy your S3 access key, go to <b>Object Gateway > Users</b> and click on your user name. In <b>Keys</b>, click <b>Show</b>. View the access key by clicking Show and copy the key by clicking <b>Copy to Clipboard</b>.</span>
</cd-helper>
</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="e.g."
id="access_key"
name="access_key"
formControlName="access_key">
</div>
</div>
<div class="form-group row">
<label class="cd-col-form-label required"
for="access_key"
i18n>S3 secret key
<cd-helper>
<span>To see or copy your S3 access key, go to <b>Object Gateway > Users</b> and click on your user name. In <b>Keys</b>, click <b>Show</b>. View the secret key by clicking Show and copy the key by clicking <b>Copy to Clipboard</b>.</span>
</cd-helper>
</label>
<div class="cd-col-form-input">
<input class="form-control"
type="text"
placeholder="e.g."
id="secret_key"
name="secret_key"
formControlName="secret_key">
</div>
</div>
</div>
<div class="modal-footer">
<cd-form-button-panel (submitActionEvent)="submit()"
[submitText]="actionLabels.MIGRATE"
[form]="multisiteMigrateForm"></cd-form-button-panel>
</div>
</form>
</ng-container>
</cd-modal>
|
