Improve file manager and PDF.js interaction

[jillpe]

Story

Currently, the file manager isn't selecting between PDFs for display in the viewer. If there are multiple PDFs, changing the representative media/thumbnail doesn't affect which one displays in the viewer.

Add the ability for the user to change which PDF is being displayed through the file manager selection.

Screenshots / Video

Screen.Recording.10-9-2023.at.2.45.PM.mp4

Testing Instructions

The following must be true before you begin:

1. PDF.js feature flag is on. Admin Dashboard > Settings > Features

2. Use a work that has imported a variety of file types (PDFS and Jpgs): https://demo.commons-archive.org/concern/generic_works/1d23ff36-15c5-4450-bf95-e01e1f83fcca?locale=en

Click on the file manager

• when a user selects a non pdf file type as the representative media and click save. (NOTE: Yes, the save button looks disabled. please click it anyways) Go back to the work's show page. the UV displays the jpg.
• when a user selects a pdf file as the representative media and click save. Go back to the work's show page. the PDJ.js viewer will display the selection.

[jillpe]

Can you provide more details here? What do you you want to see here?

[ndroark]

Currently, the file manager isn't selecting between PDFs for display in the viewer. If there are multiple PDFs, changing the representative media/thumbnail doesn't affect which one displays in the viewer. I think the viewer displays the first uploaded or the first identified PDF associated with the work, but that may not actually be what it is doing.

If there is a non-pdf work (in this case, a jpeg), you can select it as representative and the system will load the IIIF viewer to display the image, but if afterward you select a pdf as representative, the system still displays the jpeg.

Ideally, the file manager should dictate what file is displayed, both in cases with multiple PDFs and no other file type, and with mixed file types. Users should be able to use the file manager to toggle between a Jpeg as representative (with the UV loading) and a PDF as representative (with whatever PDF viewer is set as default loading).

[kirkkwang]

Hi @ndroark, when you say that you want the Users to be able to use the file manager, you mean public users? Not admins?

[ndroark]

No, only users with edit access to a work should be able to use the file manager for that work. That is the current functionality and we don't want to change that aspect of it.

[jillpe]

SoftServ QA:
Work URL

https://demo.commons-archive.org/concern/generic_works/1d23ff36-15c5-4450-bf95-e01e1f83fcca?locale=en
Click on the file manager

• when a user selects a non pdf file type as the representative media and click save.
  • (NOTE: Yes, the save button looks disabled. please click it anyways) Go back to the work's show page. the UV displays the jpg.

Screenshots

• when a user selects a pdf file as the representative media and click save. Go back to the work's show page. the PDJ.js viewer will display the selection.

Screenshots