git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Import Multi-Site Token</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="importTokenForm"
   7           #frm="ngForm"
   8           [formGroup]="importTokenForm">
   9     <div class="modal-body">
  10       <cd-alert-panel type="info"
  11                       spacingClass="mb-3">
  12         <ul>
  13           <li>This feature allows you to configure a connection between your primary and secondary Ceph clusters for data replication. By importing a token, you establish a link between the clusters, enabling data synchronization.</li>
  14           <li>To obtain the token, generate it from your secondary Ceph cluster. This token includes encoded information about the secondary cluster's endpoint, access key, and secret key.</li>
  15           <li>The secondary zone represents the destination cluster where your data will be replicated.</li>
  16           <li>Please create an RGW service using the secondary zone (created after submitting this form) to start the replication between zones.</li>
  17         </ul>
  18       </cd-alert-panel>
  19       <div class="form-group row">
  20         <label class="cd-col-form-label required"
  21                for="realmToken"
  22                i18n>Token
  23         </label>
  24         <div class="cd-col-form-input">
  25           <input id="realmToken"
  26                  name="realmToken"
  27                  class="form-control"
  28                  type="text"
  29                  formControlName="realmToken">
  30           <span class="invalid-feedback"
  31                 *ngIf="importTokenForm.showError('realmToken', frm, 'required')"
  32                 i18n>This field is required.</span>
  33         </div>
  34       </div>
  35       <div class="form-group row">
  36         <label class="cd-col-form-label required"
  37                for="zoneName"
  38                i18n>Secondary Zone Name</label>
  39         <div class="cd-col-form-input">
  40           <input class="form-control"
  41                  type="text"
  42                  placeholder="Zone name..."
  43                  id="zoneName"
  44                  name="zoneName"
  45                  formControlName="zoneName">
  46           <span class="invalid-feedback"
  47                 *ngIf="importTokenForm.showError('zoneName', frm, 'required')"
  48                 i18n>This field is required.</span>
  49           <span class="invalid-feedback"
  50                 *ngIf="importTokenForm.showError('zoneName', frm, 'uniqueName')"
  51                 i18n>The chosen zone name is already in use.</span>
  52         </div>
  53       </div>
  54     </div>
  55     <div class="modal-footer">
  56       <cd-form-button-panel (submitActionEvent)="onSubmit()"
  57                             [submitText]="actionLabels.IMPORT"
  58                             [form]="importTokenForm"></cd-form-button-panel>
  59     </div>
  60     </form>
  61   </ng-container>
  62 </cd-modal>