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>This field is required.</span>
  33         </div>
  34       </div>
  35
  36       <div class="modal-footer">
  37         <div class="button-group text-right">
  38           <cd-submit-button [form]="restoreForm"
  39                             (submitAction)="restore()"
  40                             i18n>Restore Image</cd-submit-button>
  41           <button i18n
  42                   type="button"
  43                   class="btn btn-sm btn-default"
  44                   (click)="modalRef.hide()">Cancel</button>
  45         </div>
  46       </div>
  47     </form>
  48   </ng-container>
  49 </cd-modal>