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

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