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

   1 <div class="modal-header">
   2   <h4 class="modal-title float-left"
   3       i18n>{ editing, select, true {Rename} other {Create}} RBD Snapshot</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          [ngClass]="{':invalid': snapshotForm.showError('snapshotName', formDir)}">
  20       <label class="col-form-label col-sm-3"
  21              for="snapshotName">
  22         <ng-container i18n>Name</ng-container>
  23         <span class="required"></span>
  24       </label>
  25       <div class="col-sm-9">
  26         <input class="form-control"
  27                type="text"
  28                placeholder="Snapshot name..."
  29                id="snapshotName"
  30                name="snapshotName"
  31                formControlName="snapshotName"
  32                autofocus>
  33         <span class="form-text text-muted"
  34               *ngIf="snapshotForm.showError('snapshotName', formDir, 'required')">
  35               i18n>This field is required.</span>
  36       </div>
  37     </div>
  38
  39   </div>
  40
  41   <div class="modal-footer">
  42     <div class="button-group text-right">
  43       <cd-submit-button [form]="snapshotForm"
  44                         (submitAction)="submit()"
  45                         i18n>{ editing, select, true {Rename} other {Create}} Snapshot</cd-submit-button>
  46       <cd-back-button [back]="modalRef.hide"
  47                       name="Close"
  48                       i18n-name>
  49       </cd-back-button>
  50     </div>
  51   </div>
  52 </form>