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

   1 <cds-modal size="md"
   2            [open]="open"
   3            [hasScrollingContent]="true"
   4            (overlaySelected)="closeModal()">
   5   <cds-modal-header (closeSelect)="closeModal()">
   6     <h3 cdsModalHeaderHeading
   7         i18n>
   8       {mode, select, edit {Edit} other {Add}} pool mirror peer
   9     </h3>
  10   </cds-modal-header>
  11
  12   <section cdsModalContent>
  13     <form name="editPeerForm"
  14           class="form"
  15           #formDir="ngForm"
  16           [formGroup]="editPeerForm"
  17           novalidate>
  18       <p>
  19         <span i18n>{mode, select, edit {Edit} other {Add}} the pool
  20         mirror peer attributes for pool <kbd>{{ poolName }}</kbd> and click
  21         <kbd>Submit</kbd>.</span>
  22       </p>
  23
  24       <div class="form-item">
  25         <cds-text-label for="clusterName"
  26                         [invalid]="editPeerForm.controls['clusterName'].invalid && (editPeerForm.controls['clusterName'].dirty || editPeerForm.controls['clusterName'].touched)"
  27                         [invalidText]="clusterNameError"
  28                         cdRequiredField="Cluster Name"
  29                         i18n>Cluster Name
  30           <input cdsText
  31                  type="text"
  32                  placeholder="Name..."
  33                  i18n-placeholder
  34                  id="clusterName"
  35                  name="clusterName"
  36                  formControlName="clusterName"
  37                  [invalid]="editPeerForm.controls['clusterName'].invalid && (editPeerForm.controls['clusterName'].dirty || editPeerForm.controls['clusterName'].touched)"
  38                  autofocus>
  39         </cds-text-label>
  40         <ng-template #clusterNameError>
  41           <span class="invalid-feedback"
  42                 *ngIf="editPeerForm.showError('clusterName', formDir, 'required')"
  43                 i18n>This field is required.</span>
  44           <span class="invalid-feedback"
  45                 *ngIf="editPeerForm.showError('clusterName', formDir, 'invalidClusterName')"
  46                 i18n>The cluster name is not valid.</span>
  47         </ng-template>
  48       </div>
  49
  50       <div class="form-item">
  51         <cds-text-label for="clientID"
  52                         [invalid]="editPeerForm.controls['clientID'].invalid && (editPeerForm.controls['clientID'].dirty || editPeerForm.controls['clientID'].touched)"
  53                         [invalidText]="clientIDError"
  54                         cdRequiredField="CephX ID"
  55                         i18n>CephX ID
  56           <input cdsText
  57                  type="text"
  58                  placeholder="CephX ID..."
  59                  i18n-placeholder
  60                  id="clientID"
  61                  name="clientID"
  62                  formControlName="clientID"
  63                  [invalid]="editPeerForm.controls['clientID'].invalid && (editPeerForm.controls['clientID'].dirty || editPeerForm.controls['clientID'].touched)">
  64         </cds-text-label>
  65         <ng-template #clientIDError>
  66           <span class="invalid-feedback"
  67                 *ngIf="editPeerForm.showError('clientID', formDir, 'required')"
  68                 i18n>This field is required.</span>
  69           <span class="invalid-feedback"
  70                 *ngIf="editPeerForm.showError('clientID', formDir, 'invalidClientID')"
  71                 i18n>The CephX ID is not valid.</span>
  72         </ng-template>
  73       </div>
  74
  75       <div class="form-item">
  76         <cds-text-label for="monAddr"
  77                         [invalid]="editPeerForm.controls['monAddr'].invalid && (editPeerForm.controls['monAddr'].dirty || editPeerForm.controls['monAddr'].touched)"
  78                         [invalidText]="monAddrError"
  79                         i18n>Monitor Addresses
  80           <input cdsText
  81                  type="text"
  82                  placeholder="Comma-delimited addresses..."
  83                  i18n-placeholder
  84                  id="monAddr"
  85                  name="monAddr"
  86                  formControlName="monAddr"
  87                  [invalid]="editPeerForm.controls['monAddr'].invalid && (editPeerForm.controls['monAddr'].dirty || editPeerForm.controls['monAddr'].touched)">
  88         </cds-text-label>
  89         <ng-template #monAddrError>
  90           <span class="invalid-feedback"
  91                 *ngIf="editPeerForm.showError('monAddr', formDir, 'invalidMonAddr')"
  92                 i18n>The monitory address is not valid.</span>
  93         </ng-template>
  94       </div>
  95
  96       <div class="form-item">
  97         <cds-text-label for="key"
  98                         [invalid]="editPeerForm.controls['key'].invalid && (editPeerForm.controls['key'].dirty || editPeerForm.controls['key'].touched)"
  99                         [invalidText]="keyError"
 100                         i18n>CephX Key
 101           <input cdsText
 102                  type="text"
 103                  placeholder="Base64-encoded key..."
 104                  i18n-placeholder
 105                  id="key"
 106                  name="key"
 107                  formControlName="key"
 108                  [invalid]="editPeerForm.controls['key'].invalid && (editPeerForm.controls['key'].dirty || editPeerForm.controls['key'].touched)">
 109         </cds-text-label>
 110         <ng-template #keyError>
 111           <span class="invalid-feedback"
 112                 *ngIf="editPeerForm.showError('key', formDir, 'invalidKey')"
 113                 i18n>CephX key must be base64 encoded.</span>
 114         </ng-template>
 115       </div>
 116     </form>
 117   </section>
 118
 119   <cd-form-button-panel (submitActionEvent)="update()"
 120                         [form]="editPeerForm"
 121                         [submitText]="actionLabels.SUBMIT"
 122                         [modalForm]="true"></cd-form-button-panel>
 123 </cds-modal>