Skip to content

Feature/panoramax half-screen and full-map display modes for the minidock (V4) - #121

Open
arno974 wants to merge 9 commits into
3liz:masterfrom
arno974:feature/panoramax-layout-modes
Open

arno974 wants to merge 9 commits into
3liz:masterfrom
arno974:feature/panoramax-layout-modes

Conversation

@arno974

@arno974 arno974 commented Oct 12, 2026

Copy link
Copy Markdown
Contributor
  • JavaScript are named according to the following pattern my_own_feature_X.Y.js where X.Y is the version of LWC used
  • Include a README.md with a small picture/GIF of the feature
  • I agree to the license of this repository : Mozilla Public License Version 2.0
  • I have added the docstring, according to the contributing guidelines.

Closes #115

Two display modes for the Panoramax V4 script, available in the minidock position, via two buttons at the top right of the viewer:

  • Half screen: map on the left, photos on the right, draggable splitter (20% to 80%).
  • Full map: the viewer takes the map area, the map becomes a thumbnail at the bottom left; clicking it restores the layout.

Both modes follow an open Lizmap dock (layers, print...) and are hidden on mobile. The viewer element is never moved in the DOM: only inline position: fixed styles are written and restored. Details, constants and known limits are in the README.

This branch builds on #113 (vector tile layers) and #116 (player widget), so their changes appear in this diff until they are merged. The V3 script is kept as panoramax3_3.9.legacy.js and the README is rewritten for the V4 script.

Half screen

Full map

sponsored development Funded by Geolab

arno974 added 9 commits April 8, 2026 14:46
- Renommage des deux fichiers JS pour une meilleur cohérence avec la version du viewer de Panoramax
- Portage vers Panoramax V4 avec Web Components (pnx-photo-viewer)
- Utilisation de oncePSVReady() pour garantir l'initialisation complète
- Correction de la signature select() : select(seqId, picId, force)
- Nettoyage optimisé du viewer pour éviter le cache de photos anciennes
- Documentation complète : différences V3/V4, recommandations, instructions claires
- Correction typos et suppression doublons
…place $.ajax() with modern Fetch API for better XHR handling; Remove jQuery DOM selectors, use vanilla document methods; Add JSDoc documentation for all functions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]: Panoramax in half-screen and full screen

1 participant