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

   1 <cd-modal>
   2   <ng-container i18n
   3                 class="modal-title">Restore Image</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="restoreForm"
   7           class="form"
   8           #formDir="ngForm"
   9           [formGroup]="restoreForm"
  10           novalidate>
  11       <div class="modal-body">
  12         <p>
  13           <ng-container i18n>To restore</ng-container>&nbsp;
  14           <kbd>{{ poolName }}/{{ imageName }}@{{ imageId }}</kbd>,&nbsp;
  15           <ng-container i18n>type the image's new name and click</ng-container>&nbsp;
  16           <kbd i18n>Restore Image</kbd>.
  17         </p>
  18
  19         <div class="form-group"
  20              [ngClass]="{'has-error': restoreForm.showError('name', formDir)}">
  21           <label for="name"
  22                  i18n>New Name</label>
  23           <input type="text"
  24                  class="form-control"
  25                  name="name"
  26                  id="name"
  27                  autocomplete="off"
  28                  formControlName="name"
  29                  autofocus>
  30           <span class="help-block"
  31                 *ngIf="restoreForm.showError('name', formDir, 'required')"
  32                 i18n>
  33             This field is required.
  34           </span>
  35         </div>
  36       </div>
  37
  38       <div class="modal-footer">
  39         <div class="button-group text-right">
  40           <cd-submit-button i18n
  41                             [form]="restoreForm"
  42                             (submitAction)="restore()">
  43             Restore Image
  44           </cd-submit-button>
  45           <button i18n
  46                   type="button"
  47                   class="btn btn-sm btn-default"
  48                   (click)="modalRef.hide()">Cancel</button>
  49         </div>
  50       </div>
  51     </form>
  52   </ng-container>
  53 </cd-modal>