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

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