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

   1 <div class="modal-header">
   2   <h4 class="modal-title float-left"
   3       i18n="form title|Example: Create rbdSnapshot@@formTitle">{{ action | titlecase }} {{ resource | upperFirst }}</h4>
   4   <button type="button"
   5           class="close float-right"
   6           aria-label="Close"
   7           (click)="modalRef.hide()">
   8     <span aria-hidden="true">&times;</span>
   9   </button>
  10 </div>
  11 <form name="snapshotForm"
  12       #formDir="ngForm"
  13       [formGroup]="snapshotForm"
  14       novalidate>
  15   <div class="modal-body">
  16
  17     <!-- Name -->
  18     <div class="form-group row">
  19       <label class="cd-col-form-label"
  20              for="snapshotName">
  21         <ng-container i18n>Name</ng-container>
  22         <span class="required"></span>
  23       </label>
  24       <div class="cd-col-form-input">
  25         <input class="form-control"
  26                type="text"
  27                placeholder="Snapshot name..."
  28                id="snapshotName"
  29                name="snapshotName"
  30                formControlName="snapshotName"
  31                autofocus>
  32         <span class="invalid-feedback"
  33               *ngIf="snapshotForm.showError('snapshotName', formDir, 'required')"
  34               i18n>This field is required.</span>
  35       </div>
  36     </div>
  37
  38   </div>
  39
  40   <div class="modal-footer">
  41     <div class="button-group text-right">
  42       <cd-submit-button [form]="snapshotForm"
  43                         (submitAction)="submit()"
  44                         i18n="form action button|Example: Create rbdSnapshot@@formActionButton">{{ action | titlecase }} {{ resource | upperFirst }}</cd-submit-button>
  45       <cd-back-button [back]="modalRef.hide"
  46                       name="Close"
  47                       i18n-name>
  48       </cd-back-button>
  49     </div>
  50   </div>
  51 </form>