Edit Content: Thumbnail in the Binary Preview Punchlist

[fmontes]

Parent

#25445

User Story

As a content creator, I want to be able to render PDF thumbnails in the binary preview, so I can easily identify PDF files.

Tasks

Beta Give feedback

1. Use the /dA/<%=inode%>/<%=field.getVelocityVarName()%>/500mw/20q/<%=fileName%> URL to render ALL image thumbnails
2. The thumbnail should be properly sized and rendered
3. The thumbnail should accurately reflect the content of the PDF
4. Label to show image width and height as W x H, not W,H
5. font size in monaco editor should compute to 14px, not 12px
6. File size (Bytes) should be converted to kb/mb/gb based on the file size (meaning should be human friendly). Also bytes are not working locally for me. Is anyone else seeing this issue? (we can do a pipe)
7. To maintain consistency, use the dot-content let-thumbnail component in the Binary field
8. Enable editing when the user clicks on editable files.
9. Close Monaco Editor on ESC without closing the entire dialog
10. Enable save on Binary Field on the old Edit Content

Proposed Objective

Core Features

Proposed Priority

Priority 3 - Average

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.:

N/A

Assumptions & Initiation Needs

• The PDF file must be properly formatted
• Appropriate memory resources should be available

Quality Assurance Notes & Workarounds

• Thumbnail should be properly rendered on all major browsers

Sub-Tasks & Estimates

N/A

[josemejias11]

Approved: Tested on master_1894351, Docker, macOS 13.0, FF v121.0.1