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="multisiteRealmForm"
   7           #formDir="ngForm"
   8           [formGroup]="multisiteRealmForm"
   9           novalidate>
  10     <div class="modal-body">
  11       <div class="form-group row">
  12         <label class="cd-col-form-label required"
  13                for="realmName"
  14                i18n>Realm Name</label>
  15         <div class="cd-col-form-input">
  16           <input class="form-control"
  17                  type="text"
  18                  placeholder="Realm name..."
  19                  id="realmName"
  20                  name="realmName"
  21                  formControlName="realmName">
  22           <span class="invalid-feedback"
  23                 *ngIf="multisiteRealmForm.showError('realmName', formDir, 'required')"
  24                 i18n>This field is required.</span>
  25           <span class="invalid-feedback"
  26                 *ngIf="multisiteRealmForm.showError('realmName', formDir, 'uniqueName')"
  27                 i18n>The chosen realm name is already in use.</span>
  28           <div class="custom-control custom-checkbox">
  29             <input class="form-check-input"
  30                    id="default_realm"
  31                    name="default_realm"
  32                    formControlName="default_realm"
  33                    type="checkbox">
  34             <label class="form-check-label"
  35                    for="default_realm"
  36                    i18n>Default</label>
  37           </div>
  38         </div>
  39       </div>
  40     </div>
  41     <div class="modal-footer">
  42       <cd-form-button-panel (submitActionEvent)="submit()"
  43                             [form]="multisiteRealmForm"
  44                             [submitText]="(action | titlecase) + ' ' + (resource | upperFirst)"></cd-form-button-panel>
  45     </div>
  46     </form>
  47   </ng-container>
  48 </cd-modal>