git.apps.os.sepia.ceph.com Git - ceph-ci.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           <span *ngIf="!isMaster">
  65           <cd-helper i18n>RGW multi-site configuration must have a master zonegroup. Setting
  66             the first zonegroup created as master, to avoid any errors on udating the period.
  67             Can be modified later by editing a zonegroup.
  68           </cd-helper>
  69           </span>
  70         </div>
  71         </div>
  72       </div>
  73       <div class="form-group row">
  74         <label class="cd-col-form-label required"
  75                for="zonegroup_endpoints"
  76                i18n>Endpoints</label>
  77         <div class="cd-col-form-input">
  78           <input class="form-control"
  79                  type="text"
  80                  placeholder="e.g, http://ceph-node-00.com:80"
  81                  id="zonegroup_endpoints"
  82                  name="zonegroup_endpoints"
  83                  formControlName="zonegroup_endpoints">
  84         <span class="invalid-feedback"
  85               *ngIf="multisiteZonegroupForm.showError('zonegroup_endpoints', formDir, 'required')"
  86               i18n>This field is required.</span>
  87         <span class="invalid-feedback"
  88               *ngIf="multisiteZonegroupForm.showError('zonegroup_endpoints', formDir, 'endpoint')"
  89               i18n>Please enter a valid IP address.</span>
  90         </div>
  91       </div>
  92     </div>
  93     <div class="modal-footer">
  94       <cd-form-button-panel (submitActionEvent)="submit()"
  95                             [form]="multisiteZonegroupForm"
  96                             [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"></cd-form-button-panel>
  97     </div>
  98     </form>
  99   </ng-container>
 100 </cd-modal>