]>
Commit | Line | Data |
---|---|---|
92f5a8d4 | 1 | <cd-modal [modalRef]="modalRef"> |
11fdf7f2 TL |
2 | <ng-container class="modal-title" |
3 | i18n>{mode, select, edit {Edit} other {Add}} | |
4 | pool mirror peer</ng-container> | |
5 | ||
6 | <ng-container class="modal-content"> | |
7 | <form name="editPeerForm" | |
8 | class="form" | |
9 | #formDir="ngForm" | |
10 | [formGroup]="editPeerForm" | |
11 | novalidate> | |
12 | <div class="modal-body"> | |
13 | <p> | |
14 | <ng-container i18n>{mode, select, edit {Edit} other {Add}} the pool | |
9f95a23c | 15 | mirror peer attributes for pool <kbd>{{ poolName }}</kbd> and click |
11fdf7f2 TL |
16 | <kbd>Submit</kbd>.</ng-container> |
17 | </p> | |
18 | ||
9f95a23c TL |
19 | <div class="form-group"> |
20 | <label class="col-form-label required" | |
21 | for="clusterName" | |
22 | i18n>Cluster Name</label> | |
11fdf7f2 TL |
23 | <input class="form-control" |
24 | type="text" | |
25 | placeholder="Name..." | |
26 | i18n-placeholder | |
27 | id="clusterName" | |
28 | name="clusterName" | |
29 | formControlName="clusterName" | |
30 | autofocus> | |
9f95a23c | 31 | <span class="invalid-feedback" |
11fdf7f2 TL |
32 | *ngIf="editPeerForm.showError('clusterName', formDir, 'required')" |
33 | i18n>This field is required.</span> | |
9f95a23c | 34 | <span class="invalid-feedback" |
11fdf7f2 TL |
35 | *ngIf="editPeerForm.showError('clusterName', formDir, 'invalidClusterName')" |
36 | i18n>The cluster name is not valid.</span> | |
37 | </div> | |
38 | ||
9f95a23c TL |
39 | <div class="form-group"> |
40 | <label class="col-form-label required" | |
41 | for="clientID" | |
42 | i18n>CephX ID</label> | |
11fdf7f2 TL |
43 | <input class="form-control" |
44 | type="text" | |
45 | placeholder="CephX ID..." | |
46 | i18n-placeholder | |
47 | id="clientID" | |
48 | name="clientID" | |
49 | formControlName="clientID"> | |
9f95a23c | 50 | <span class="invalid-feedback" |
11fdf7f2 TL |
51 | *ngIf="editPeerForm.showError('clientID', formDir, 'required')" |
52 | i18n>This field is required.</span> | |
9f95a23c | 53 | <span class="invalid-feedback" |
11fdf7f2 TL |
54 | *ngIf="editPeerForm.showError('clientID', formDir, 'invalidClientID')" |
55 | i18n>The CephX ID is not valid.</span> | |
56 | </div> | |
57 | ||
9f95a23c TL |
58 | <div class="form-group"> |
59 | <label class="col-form-label" | |
11fdf7f2 TL |
60 | for="monAddr"> |
61 | <span i18n>Monitor Addresses</span> | |
62 | </label> | |
63 | <input class="form-control" | |
64 | type="text" | |
65 | placeholder="Comma-delimited addresses..." | |
66 | i18n-placeholder | |
67 | id="monAddr" | |
68 | name="monAddr" | |
69 | formControlName="monAddr"> | |
9f95a23c | 70 | <span class="invalid-feedback" |
11fdf7f2 TL |
71 | *ngIf="editPeerForm.showError('monAddr', formDir, 'invalidMonAddr')" |
72 | i18n>The monitory address is not valid.</span> | |
73 | </div> | |
74 | ||
9f95a23c TL |
75 | <div class="form-group"> |
76 | <label class="col-form-label" | |
11fdf7f2 TL |
77 | for="key"> |
78 | <span i18n>CephX Key</span> | |
79 | </label> | |
80 | <input class="form-control" | |
81 | type="text" | |
82 | placeholder="Base64-encoded key..." | |
83 | i18n-placeholder | |
84 | id="key" | |
85 | name="key" | |
86 | formControlName="key"> | |
9f95a23c | 87 | <span class="invalid-feedback" |
11fdf7f2 TL |
88 | *ngIf="editPeerForm.showError('key', formDir, 'invalidKey')" |
89 | i18n>CephX key must be base64 encoded.</span> | |
90 | </div> | |
91 | ||
92 | </div> | |
93 | ||
94 | <div class="modal-footer"> | |
95 | <div class="button-group text-right"> | |
96 | <cd-submit-button i18n | |
97 | [form]="editPeerForm" | |
98 | (submitAction)="update()">Submit</cd-submit-button> | |
99 | <cd-back-button [back]="modalRef.hide" | |
100 | name="Cancel" | |
101 | i18n-name> | |
102 | </cd-back-button> | |
103 | </div> | |
104 | </div> | |
105 | </form> | |
106 | </ng-container> | |
107 | </cd-modal> |