1 files changed, 41 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html
new file mode 100644
index 000000000..2cc3e08df
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html
@@ -0,0 +1,41 @@
+<cd-modal [modalRef]="activeModal">
+  <ng-container i18n
+                class="modal-title">Restore Image</ng-container>
+
+  <ng-container class="modal-content">
+    <form name="restoreForm"
+          class="form"
+          #formDir="ngForm"
+          [formGroup]="restoreForm"
+          novalidate>
+      <div class="modal-body">
+        <p i18n>To restore&nbsp;
+          <kbd>{{ imageSpec }}@{{ imageId }}</kbd>,&nbsp;
+          type the image's new name and click&nbsp;
+          <kbd>Restore</kbd>.</p>
+
+        <div class="form-group">
+          <label class="col-form-label"
+                 for="name"
+                 i18n>New Name</label>
+          <input type="text"
+                 class="form-control"
+                 name="name"
+                 id="name"
+                 autocomplete="off"
+                 formControlName="name"
+                 autofocus>
+          <span class="invalid-feedback"
+                *ngIf="restoreForm.showError('name', formDir, 'required')"
+                i18n>This field is required.</span>
+        </div>
+      </div>
+
+      <div class="modal-footer">
+        <cd-form-button-panel (submitActionEvent)="restore()"
+                              [form]="restoreForm"
+                              [submitText]="actionLabels.RESTORE"></cd-form-button-panel>
+      </div>
+    </form>
+  </ng-container>
+</cd-modal>