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"
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>