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

   1 <div class="modal-header">
   2   <h4 class="modal-title pull-left">{{ editing ? 'Rename' : 'Create' }} RBD Snapshot</h4>
   3   <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
   4     <span aria-hidden="true">&times;</span>
   5   </button>
   6 </div>
   7 <form name="snapshotForm"
   8       class="form-horizontal"
   9       #formDir="ngForm"
  10       [formGroup]="snapshotForm"
  11       novalidate>
  12   <div class="modal-body">
  13
  14     <!-- Name -->
  15     <div class="form-group"
  16          [ngClass]="{'has-error': snapshotForm.showError('snapshotName', formDir)}">
  17       <label i18n
  18              class="control-label col-sm-3"
  19              for="snapshotName">Name
  20         <span class="required"></span>
  21       </label>
  22       <div class="col-sm-9">
  23         <input class="form-control"
  24                type="text"
  25                placeholder="Snapshot name..."
  26                id="snapshotName"
  27                name="snapshotName"
  28                formControlName="snapshotName"
  29                autofocus>
  30         <span i18n
  31               class="help-block"
  32               *ngIf="snapshotForm.showError('snapshotName', formDir, 'required')">
  33               This field is required.
  34             </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         {{ editing ? 'Rename' : 'Create' }} Snapshot
  45       </cd-submit-button>
  46       <button type="button" class="btn btn-sm btn-default" (click)="modalRef.hide()">Close</button>
  47     </div>
  48   </div>
  49 </form>
  50