Embed PDF viewer

[orangewolf]

Summary

Implement pdf.js viewer: https://mozilla.github.io/pdf.js/

An embedded PDF viewer is an essential improvement for the implementation and use of Hyku by both our current and potential user base. They would like to have the option to use IIIF Print or the embedded PDF for PDF items through feature flippers.

Acceptance Criteria

• [x] https://mozilla.github.io/pdf.js/ is an embedded PDF viewer
• [x] Indocument search is set up
• [x] Near instantaneous file loading
• [x] Configuration option to display full PDF in vertical format
• [x] Full page display at 100% scale
• [x] Single page display with “next” and “previous” buttons for readers to move between pages
• [x] Ability for readers to jump to indicated pages
• [x] Select and cut options for text
• [x] Feature flipper for embedded PDF is available for PDF items
• [x] Feature flipper for IIIF Print is available for PDF items
• [x] Instructions that enforce only one feature flipper to be enabled are displayed with the above feature flippers

Screenshots or Video

Example of non-cached pdf loading in JSTOR:

Example of vertical format:

Testing Instructions

• Create a work with a PDF attached to it
• Default Theme
  • [ ] Indocument search is set up
  • [ ] Near instantaneous file loading
  • [ ] Configuration option to display full PDF in vertical format
  • [ ] Full page display at 100% scale
  • [ ] Single page display with “next” and “previous” buttons for readers to move between pages
  • [ ] Ability for readers to jump to indicated pages
  • [ ] Select and cut options for text
  • [ ] Feature flipper for embedded PDF is available for PDF items
  • [ ] Feature flipper for IIIF Print is available for PDF items
  • [ ] Instructions that enforce only one feature flipper to be enabled are displayed with the above feature flippers
• Cultural Theme
  • [ ] Indocument search is set up
  • [ ] Near instantaneous file loading
  • [ ] Configuration option to display full PDF in vertical format
  • [ ] Full page display at 100% scale
  • [ ] Single page display with “next” and “previous” buttons for readers to move between pages
  • [ ] Ability for readers to jump to indicated pages
  • [ ] Select and cut options for text
  • [ ] Feature flipper for embedded PDF is available for PDF items
  • [ ] Feature flipper for IIIF Print is available for PDF items
  • [ ] Instructions that enforce only one feature flipper to be enabled are displayed with the above feature flippers
• Scholarly Theme
  • [ ] Indocument search is set up
  • [ ] Near instantaneous file loading
  • [ ] Configuration option to display full PDF in vertical format
  • [ ] Full page display at 100% scale
  • [ ] Single page display with “next” and “previous” buttons for readers to move between pages
  • [ ] Ability for readers to jump to indicated pages
  • [ ] Select and cut options for text
  • [ ] Feature flipper for embedded PDF is available for PDF items
  • [ ] Feature flipper for IIIF Print is available for PDF items
  • [ ] Instructions that enforce only one feature flipper to be enabled are displayed with the above feature flippers
• ReShare Theme
  • [ ] Indocument search is set up
  • [ ] Near instantaneous file loading
  • [ ] Configuration option to display full PDF in vertical format
  • [ ] Full page display at 100% scale
  • [ ] Single page display with “next” and “previous” buttons for readers to move between pages
  • [ ] Ability for readers to jump to indicated pages
  • [ ] Select and cut options for text
  • [ ] Feature flipper for embedded PDF is available for PDF items
  • [ ] Feature flipper for IIIF Print is available for PDF items
  • [ ] Instructions that enforce only one feature flipper to be enabled are displayed with the above feature flippers

Notes

Confused how to fill this out? Check out the playbook

[DiemBTran]

Linked items:

Relates to:

• Epic: Backlog Tickets

[DiemBTran]

Amanda - Oct 2020:

---

also make it able to turn off and on

[ndroark]

Here is a Hyrax repo with pdf.js installed https://ldr.lafayette.edu/concern/publications/9019s417m

[kirkkwang]

useful reference: https://github.com/LafayetteCollegeLibraries/spot/pull/14

[jillpe]

SoftServ QA:

PDF Link

Default Theme ✅


Scholarly ✅


Culture ❌

Viewer is contained to left side of screen 

ReShare ❌

The metadata is overlapping the viewer 

[kirkkwang]

ReShare will not be using PDF.js so no need to test with that theme.

Cultural theme viewer fixed (download button will be fixed in a separate ticket)