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

   1 <cd-modal [modalRef]="modalRef">
   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
  15           mirror peer attributes for pool <kbd>{{ poolName }}</kbd> and click
  16           <kbd>Submit</kbd>.</ng-container>
  17         </p>
  18
  19         <div class="form-group">
  20           <label class="col-form-label required"
  21                  for="clusterName"
  22                  i18n>Cluster Name</label>
  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>
  31           <span class="invalid-feedback"
  32                 *ngIf="editPeerForm.showError('clusterName', formDir, 'required')"
  33                 i18n>This field is required.</span>
  34           <span class="invalid-feedback"
  35                 *ngIf="editPeerForm.showError('clusterName', formDir, 'invalidClusterName')"
  36                 i18n>The cluster name is not valid.</span>
  37         </div>
  38
  39         <div class="form-group">
  40           <label class="col-form-label required"
  41                  for="clientID"
  42                  i18n>CephX ID</label>
  43           <input class="form-control"
  44                  type="text"
  45                  placeholder="CephX ID..."
  46                  i18n-placeholder
  47                  id="clientID"
  48                  name="clientID"
  49                  formControlName="clientID">
  50           <span class="invalid-feedback"
  51                 *ngIf="editPeerForm.showError('clientID', formDir, 'required')"
  52                 i18n>This field is required.</span>
  53           <span class="invalid-feedback"
  54                 *ngIf="editPeerForm.showError('clientID', formDir, 'invalidClientID')"
  55                 i18n>The CephX ID is not valid.</span>
  56         </div>
  57
  58         <div class="form-group">
  59           <label class="col-form-label"
  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">
  70           <span class="invalid-feedback"
  71                 *ngIf="editPeerForm.showError('monAddr', formDir, 'invalidMonAddr')"
  72                 i18n>The monitory address is not valid.</span>
  73         </div>
  74
  75         <div class="form-group">
  76           <label class="col-form-label"
  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">
  87           <span class="invalid-feedback"
  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>