ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html

   1 <cd-modal [modalRef]="modalRef">
   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           <cd-back-button [back]="modalRef.hide"
  42                           name="Cancel"
  43                           i18n-name>
  44           </cd-back-button>
  45         </div>
  46       </div>
  47     </form>
  48   </ng-container>
  49 </cd-modal>