mobile friendly pdf redaction

[bikubi]

At the moment this contains pdfupload-fixes; I will rebase as soon as that lands.

• pinch-zoom libraries evaluation
  • https://github.com/coddicat/vue-pinch-scroll-zoom
    • made a MWE, half worked
    • requires content and containr sizes provided in absolute pixels
      responsive sizes only via workaround
  • https://github.com/anvaka/panzoom
    • half implemented, worked
    • seems alive, but old (not a real module...)
    • rather big
    • no pan-while-pinch-zooming
  • https://github.com/drozhzhin-n-e/vue-pinch-zoom
    • didnt try, last commit 4y ago
  • https://github.com/GoogleChromeLabs/pinch-zoom
    • felt awkward, didnt pursue further
  • https://github.com/manuelstofer/pinchzoom
    • many stars
    • lightweight, smol
    • but is looking for a maintainer
    • old, doesnt use PointerEvents
  • settled on https://github.com/timmywil/panzoom
    • lightweight, tiny
    • uses modern PointerEvents
    • supports pan-while-pinch-zooming
    • works ootb with mouse
• optionally considered: on mobile, pan two-fingers only, one finger = auto paint + get rid of tool toggle
  ⇒ abandoned, because code was behaving weirdly
• I've added maps style zoom buttons
• added "hi dpi render scale"
  • PDF previews were bitmap rendered at device resulution, became very pixelated at even low zoom
  • currently set a 2x, but could depend on display size (but probably something smarted, capped at, like 2k)

note the tool toggle on the left and the zoom ui:

last minute TODO: the tooltip I've added to the tool toggles doesn't respect data-bs-placement (I don't know why), so I might just disable the tooltip on mobile, where it can block the other button, and is generally in the way.

• placement does work, it just flips to right for the long titles
• I've implemented a way to auto-hide the tooltips after a timeout (set to 3s), after focusin events - this won't affect mouse users, but mobile touchers and (unfortunately) keyboard users. A cleaner fix would send adequate events from panzoom to focusout the tooltips...

[bikubi]

@pajowu @krmax44
toolbars are now sticky, i moved the two main tools there, moved pagination to the bottom toolbar, which relaxed everything. i've removed the tooltips, they didn't make sense (as a replacement for button labels on mobile), instead i've updated the how-to above, directly&visually referring to the buttons by label or icon, resp.

[krmax44]

On desktop, the redaction view is kind of small when uploading postal messages. Maybe we can shrink the help text a little? The moving tool has a (wrong) label on desktop. In the postal upload's redaction view, the page navigation and switch between text only/image view is invisible.

I'm unsure about the tool selector floating above the document. Maybe back to the toolbar? The line breaks labels in the toolbar could be removed to save space.

On mobile, it's also small when redacting landscape documents. Perhaps the redaction view should at minimum always fill the screen height?

I think we could remove the container around the redaction tool, to give it full screen width.

The shift shortcut to switch between moving and redacting has the unfortunate side effect that shift + drag sometimes moves and sometimes redacts, seemingly at random.

[krmax44]

Also, the help texts for redaction differ between the "standalone" redaction and when you're redacting during post upload. We should probably use the same on both. Maybe with the option to collapse them, so experienced users don't have to scroll as much.