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

   1 <div class="modal-header">
   2   <h4 class="modal-title pull-left"
   3       i18n>{ editing, select, true {Rename} other {Create}} RBD Snapshot</h4>
   4   <button type="button"
   5           class="close pull-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       class="form-horizontal"
  13       #formDir="ngForm"
  14       [formGroup]="snapshotForm"
  15       novalidate>
  16   <div class="modal-body">
  17
  18     <!-- Name -->
  19     <div class="form-group"
  20          [ngClass]="{'has-error': snapshotForm.showError('snapshotName', formDir)}">
  21       <label class="control-label col-sm-3"
  22              for="snapshotName">
  23         <ng-container i18n>Name</ng-container>
  24         <span class="required"></span>
  25       </label>
  26       <div class="col-sm-9">
  27         <input class="form-control"
  28                type="text"
  29                placeholder="Snapshot name..."
  30                id="snapshotName"
  31                name="snapshotName"
  32                formControlName="snapshotName"
  33                autofocus>
  34         <span i18n
  35               class="help-block"
  36               *ngIf="snapshotForm.showError('snapshotName', formDir, 'required')">
  37           This field is required.
  38         </span>
  39       </div>
  40     </div>
  41
  42   </div>
  43
  44   <div class="modal-footer">
  45     <div class="button-group text-right">
  46       <cd-submit-button [form]="snapshotForm"
  47                         (submitAction)="submit()"
  48                         i18n>
  49         { editing, select, true {Rename} other {Create}} Snapshot
  50       </cd-submit-button>
  51       <button type="button"
  52               class="btn btn-sm btn-default"
  53               (click)="modalRef.hide()"
  54               i18n>Close</button>
  55     </div>
  56   </div>
  57 </form>