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

   1 <cd-modal [modalRef]="activeModal">
   2   <ng-container i18n="form title"
   3                 class="modal-title">Create Realm/Zone Group/Zone
   4   </ng-container>
   5
   6   <ng-container class="modal-content">
   7     <form name="createMultisiteEntitiesForm"
   8           #formDir="ngForm"
   9           [formGroup]="createMultisiteEntitiesForm"
  10           novalidate>
  11     <div class="modal-body">
  12       <cd-alert-panel type="info"
  13                       spacingClass="mb-3">The realm/zone group/zone created will be set as default and master.
  14       </cd-alert-panel>
  15       <div class="form-group row">
  16         <label class="cd-col-form-label required"
  17                for="realmName"
  18                i18n>Realm Name</label>
  19         <div class="cd-col-form-input">
  20           <input class="form-control"
  21                  type="text"
  22                  placeholder="Realm name..."
  23                  id="realmName"
  24                  name="realmName"
  25                  formControlName="realmName">
  26           <span class="invalid-feedback"
  27                 *ngIf="createMultisiteEntitiesForm.showError('realmName', formDir, 'required')"
  28                 i18n>This field is required.</span>
  29         </div>
  30       </div>
  31       <div class="form-group row">
  32         <label class="cd-col-form-label required"
  33                for="zonegroupName"
  34                i18n>Zone Group Name</label>
  35         <div class="cd-col-form-input">
  36           <input class="form-control"
  37                  type="text"
  38                  placeholder="Zone group name..."
  39                  id="zonegroupName"
  40                  name="zonegroupName"
  41                  formControlName="zonegroupName">
  42           <span class="invalid-feedback"
  43                 *ngIf="createMultisiteEntitiesForm.showError('zonegroupName', formDir, 'required')"
  44                 i18n>This field is required.</span>
  45         </div>
  46       </div>
  47       <div class="form-group row">
  48         <label class="cd-col-form-label required"
  49                for="zoneName"
  50                i18n>Zone Name</label>
  51         <div class="cd-col-form-input">
  52           <input class="form-control"
  53                  type="text"
  54                  placeholder="Zone name..."
  55                  id="zoneName"
  56                  name="zoneName"
  57                  formControlName="zoneName">
  58           <span class="invalid-feedback"
  59                 *ngIf="createMultisiteEntitiesForm.showError('zoneName', formDir, 'required')"
  60                 i18n>This field is required.</span>
  61         </div>
  62       </div>
  63     </div>
  64     <div class="modal-footer">
  65       <cd-form-button-panel (submitActionEvent)="submit()"
  66                             [form]="createMultisiteEntitiesForm"></cd-form-button-panel>
  67     </div>
  68     </form>
  69   </ng-container>
  70 </cd-modal>