wf-details: add preview for PDF files

Closes #78.

CHANGES.rst

@@ -4,6 +4,7 @@ Changes
 Version 0.9.1 (UNRELEASED)
 --------------------------
 
+- Adds support for previewing PDF files in the workspace details page.
 - Changes the interactive session notification by adding a message stating that the session will be closed after a specified number of days inactivity.
 - Adds an extra button for login with custom third-party Keycloak SSO authentication services.
 - Changes the workflow-details page to make it possible to scroll through the list of workflow steps in the job logs section.

reana-ui/src/pages/workflowDetails/components/WorkflowFiles.js

@@ -77,6 +77,12 @@ const PREVIEW_MIME_PREFIX_WHITELIST = {
  serverPreviewable: false,
  display: (content) => content,
  },
+ "application/pdf": {
+ serverPreviewable: true,
+ display: (content) => {
+ return <object data={content} className={styles["pdf-object"]} />;
+ },
+ },
 };
 
 export default function WorkflowFiles({ id }) {

reana-ui/src/pages/workflowDetails/components/WorkflowFiles.module.scss

@@ -35,6 +35,11 @@
  align-items: center;
 }
 
+.pdf-object {
+ height: calc(80vh - 14em);
+ width: 100%;
+}
+
 :global(.ui.inline.loader.active).loader {
  margin-top: 1em;
 }