1 <cd-modal [modalRef]=
"activeModal">
3 class=
"modal-title">Import Bootstrap Token
</ng-container>
5 <ng-container class=
"modal-content">
6 <form name=
"importBootstrapForm"
9 [formGroup]=
"importBootstrapForm"
11 <div class=
"modal-body">
13 <ng-container i18n
>To import a bootstrap token which was created
14 by a peer site cluster, provide the local site's name, select
15 which pools will have mirroring enabled, provide the generated
16 token, and click
<kbd>Import
</kbd>.
</ng-container>
19 <div class=
"form-group">
20 <label class=
"col-form-label required"
22 i18n
>Site Name
</label>
23 <input class=
"form-control"
29 formControlName=
"siteName"
31 <span *
ngIf=
"importBootstrapForm.showError('siteName', formDir, 'required')"
32 class=
"invalid-feedback"
33 i18n
>This field is required.
</span>
36 <div class=
"form-group">
37 <label class=
"col-form-label"
39 <span i18n
>Direction
</span>
41 <select id=
"direction"
43 class=
"form-control custom-select"
44 formControlName=
"direction">
45 <option *
ngFor=
"let direction of directions"
46 [value]=
"direction.key">{{ direction.desc }}
</option>
50 <div class=
"form-group"
51 formGroupName=
"pools">
52 <label class=
"col-form-label required"
55 <div class=
"custom-control custom-checkbox"
56 *
ngFor=
"let pool of pools">
57 <input type=
"checkbox"
58 class=
"custom-control-input"
60 name=
"{{ pool.name }}"
61 formControlName=
"{{ pool.name }}">
62 <label class=
"custom-control-label"
63 for=
"{{ pool.name }}">{{ pool.name }}
</label>
65 <span *
ngIf=
"importBootstrapForm.showError('pools', formDir, 'requirePool')"
66 class=
"invalid-feedback"
67 i18n
>At least one pool is required.
</span>
70 <div class=
"form-group">
71 <label class=
"col-form-label required"
74 <textarea class=
"form-control resize-vertical"
75 placeholder=
"Generated token..."
78 formControlName=
"token">
80 <span *
ngIf=
"importBootstrapForm.showError('token', formDir, 'required')"
81 class=
"invalid-feedback"
82 i18n
>This field is required.
</span>
83 <span *
ngIf=
"importBootstrapForm.showError('token', formDir, 'invalidToken')"
84 class=
"invalid-feedback"
85 i18n
>The token is invalid.
</span>
89 <div class=
"modal-footer">
90 <cd-form-button-panel (submitActionEvent)=
"import()"
91 [form]=
"importBootstrapForm"
92 [submitText]=
"actionLabels.SUBMIT"></cd-form-button-panel>