WS-549: UI for restore capabilities

apps/web/src/app/workspaces/workspaces.component.html

@@ -128,3 +128,62 @@
     </div>
   </div>
 </div>
+<div class="container border rounded py-3 my-3">
+  <h4>Standard Restore or Restore & Image</h4>
+  <div class="row p-3 mt-4">
+    <div class="col-4">
+      <div class="md-form">
+        <label for="splInput" class="">Science Product</label>
+        <input
+          type="text"
+          id="splInput"
+          (change)="setProductLocator($event.target.value)"
+          class="form-control"
+        />
+      </div>
+    </div>
+    <div class="col-3">
+      <div class="md-form">
+        <label for="calSplInput" class="">Calibration Science Product</label>
+        <input
+          type="text"
+          id="calSplInput"
+          (change)="setCalProductLocator($event.target.value)"
+          class="form-control"
+        />
+      </div>
+    </div>
+    <div class="col-3">
+      <div class="md-form">
+        <label for="userEmail" class="">Email Address</label>
+        <input
+          type="text"
+          id="userEmail"
+          [value]="userEmail"
+          (change)="setUserEmail($event.target.value)"
+          class="form-control"
+        />
+      </div>
+    </div>
+  </div>
+  <div id="restore-button-container" class="d-flex justify-content-left py-2">
+    <div class="d-flex px-2">
+      <button
+        class="btn btn-lg btn-success"
+        id="restore-submit"
+        (click)="LaunchRestoreCapabilityOnClick('restore_cms')"
+      >
+        Launch standard restore
+      </button>
+    </div>
+    <div class="d-flex px-2">
+      <button
+        class="btn btn-lg btn-dark"
+        id="restore-imaging-submit"
+        (click)="LaunchRestoreCapabilityOnClick('std_restore_imaging')"
+      >
+        Launch standard restore imaging
+      </button>
+    </div>
+  </div>
+</div>