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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">{{ action | titlecase }} {{ resource | upperFirst }}</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="multisiteZonegroupForm"
   7           #formDir="ngForm"
   8           [formGroup]="multisiteZonegroupForm"
   9           novalidate>
  10     <div class="modal-body">
  11       <div class="form-group row">
  12         <label class="cd-col-form-label"
  13                for="selectedRealm"
  14                i18n>Select Realm</label>
  15         <div class="cd-col-form-input">
  16           <select class="form-select"
  17                   id="selectedRealm"
  18                   formControlName="selectedRealm"
  19                   name="selectedRealm">
  20           <option ngValue=""
  21                   i18n>-- Select a realm --</option>
  22           <option *ngFor="let realmName of realmList"
  23                   [value]="realmName.name"
  24                   [selected]="realmName.name === multisiteZonegroupForm.getValue('selectedRealm')">
  25                 {{ realmName.name }}
  26           </option>
  27           </select>
  28         </div>
  29       </div>
  30       <div class="form-group row">
  31         <label class="cd-col-form-label required"
  32                for="zonegroupName"
  33                i18n>Zonegroup Name</label>
  34         <div class="cd-col-form-input">
  35           <input class="form-control"
  36                  type="text"
  37                  placeholder="Zonegroup name..."
  38                  id="zonegroupName"
  39                  name="zonegroupName"
  40                  formControlName="zonegroupName">
  41           <span class="invalid-feedback"
  42                 *ngIf="multisiteZonegroupForm.showError('zonegroupName', formDir, 'required')"
  43                 i18n>This field is required.</span>
  44           <span class="invalid-feedback"
  45                 *ngIf="multisiteZonegroupForm.showError('zonegroupName', formDir, 'uniqueName')"
  46                 i18n>The chosen zonegroup name is already in use.</span>
  47         <div class="custom-control custom-checkbox">
  48           <input class="form-check-input"
  49                  id="default_zonegroup"
  50                  name="default_zonegroup"
  51                  formControlName="default_zonegroup"
  52                  type="checkbox">
  53           <label class="form-check-label"
  54                  for="default_zonegroup"
  55                  i18n>Default</label><br>
  56           <input class="form-check-input"
  57                  id="master_zonegroup"
  58                  name="master_zonegroup"
  59                  formControlName="master_zonegroup"
  60                  type="checkbox">
  61           <label class="form-check-label"
  62                  for="master_zonegroup"
  63                  i18n>Master</label>
  64         </div>
  65         </div>
  66       </div>
  67       <div class="form-group row">
  68         <label class="cd-col-form-label required"
  69                for="zonegroup_endpoints"
  70                i18n>Endpoints</label>
  71         <div class="cd-col-form-input">
  72           <input class="form-control"
  73                  type="text"
  74                  placeholder="e.g, http://ceph-node-00.com:80"
  75                  id="zonegroup_endpoints"
  76                  name="zonegroup_endpoints"
  77                  formControlName="zonegroup_endpoints">
  78         <span class="invalid-feedback"
  79               *ngIf="multisiteZonegroupForm.showError('zonegroup_endpoints', formDir, 'required')"
  80               i18n>This field is required.</span>
  81         <span class="invalid-feedback"
  82               *ngIf="multisiteZonegroupForm.showError('zonegroup_endpoints', formDir, 'endpoint')"
  83               i18n>Please enter a valid IP address.</span>
  84         </div>
  85       </div>
  86     </div>
  87     <div class="modal-footer">
  88       <cd-form-button-panel (submitActionEvent)="submit()"
  89                             [form]="multisiteZonegroupForm"
  90                             [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"></cd-form-button-panel>
  91     </div>
  92     </form>
  93   </ng-container>
  94 </cd-modal>