Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pan/zoom mode for hotspots element #2131

Merged
merged 25 commits into from
Jul 23, 2024
Merged

Pan/zoom mode for hotspots element #2131

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
238d3d1
Prune hotspot tooltip text and links properties when areas are removed
tf May 16, 2024
d4c0923
Add storybook stories for hotspots element
tf May 16, 2024
4bd6327
Replace left over external links translation in hotspots code
tf May 16, 2024
c27d499
Add invisible scroller for hotspots pan zoom effect
tf May 16, 2024
eb24f3d
Add skeleton for scroll animation driven pan zoom
tf May 16, 2024
db4eb90
Add zoom input to edit hotspot area view
tf May 17, 2024
76200e1
Control active area via pan zoom scroller
tf May 17, 2024
d43f632
Scroll pan zoom scroller to activate areas
tf May 17, 2024
a07a86c
Animate pan zoom to specific area
tf May 17, 2024
590df2b
Allow clicking hotspot areas in pan zoom overview mode
tf May 17, 2024
4e7b948
Account for pan zoom in tooltip positions
tf May 17, 2024
e61686b
Place hotspot area indicators before active image
tf May 17, 2024
c7eb0ac
Use ui locale for hotspot tooltip placeholder texts
tf May 17, 2024
9555be1
Select hotspot area in editor on pan zoom
tf May 17, 2024
3313a90
Use portrait outline/zoom for pan zoom in portrait mode
tf Jun 17, 2024
e69b75c
Support phone platform mode in renderInContentElement
tf Jun 17, 2024
526d87d
Support using pan zoom on phone platform only
tf Jun 17, 2024
bd34501
Add scroll indicator buttons for pan zoom scroller
tf Jun 17, 2024
f8bc8d5
Do not render figure and content element box in fullscreen mode
tf Jun 24, 2024
7c475d0
Pictogram for hotspots element
tf Jun 24, 2024
247ba8f
Remove panZoominitially for now
tf Jun 24, 2024
e78e935
Fix pan zoom steps memoization
tf Jun 24, 2024
8ca48f8
Animate indicators separately
tf Jun 28, 2024
c3efc4b
Re-implement tooltips using floating ui
tf Jul 22, 2024
aaccb1e
Use forked @floating-ui/react with React 16 fix
tf Jul 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions entry_types/scrolled/config/locales/new/hotspots.de.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,18 @@ de:
pageflow_scrolled:
public:
more: Mehr
next: Nächster
previous: Vorheriger
inline_editing:
select_link_destination: "Link-Ziel auswählen"
change_link_destination: "Link-Ziel ändern"
editor:
content_elements:
hotspots:
edit_area:
back: Zurück
destroy: Löschen
confirm_delete_link: Soll der Bereich wirklich gelöscht werden?
tabs:
area: Hotspot-Breiech
portrait: Hochkant
Expand All @@ -27,6 +32,8 @@ de:
label: Aktives Bild
area:
label: Bereich
zoom:
label: Zoom
portraitTooltipPosition:
label: Tooltip-Position (Hochkant)
values:
Expand All @@ -38,6 +45,8 @@ de:
label: Aktives Bild (Hochkant)
portraitArea:
label: Bereich (Hochkant)
portraitZoom:
label: Zoom (Hochkant)
edit_area_dialog:
header: Bereichsumriss und Indikatorposition
tabs:
Expand Down
9 changes: 9 additions & 0 deletions entry_types/scrolled/config/locales/new/hotspots.en.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,18 @@ en:
pageflow_scrolled:
public:
more: More
next: Next
previous: Previous
inline_editing:
select_link_destination: "Select link destination"
change_link_destination: "Change link destination"
editor:
content_elements:
hotspots:
edit_area:
back: Back
destroy: Delete
confirm_delete_link: Are you sure you want to delete this area?
tabs:
area: Hotspot Area
portrait: Portrait
Expand All @@ -27,6 +32,8 @@ en:
label: Active image
area:
label: Area
zoom:
label: Zoom
portraitTooltipPosition:
label: Tooltip orientation (Portrait)
values:
Expand All @@ -38,6 +45,8 @@ en:
label: Active image (Portrait)
portraitArea:
label: Area (Portrait)
portraitZoom:
label: Zoom (Portrait)
edit_area_dialog:
header: Area outline and indicator position
tabs:
Expand Down
1 change: 1 addition & 0 deletions entry_types/scrolled/package/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
"license": "MIT",
"dependencies": {
"@egjs/view360": "^3.4.3",
"@floating-ui/react": "https://github.com/tf/floating-ui-react#react-16-focus-fix",
"@headlessui/react": "^1.6.6",
"core-js": "^3.6.5",
"debounce": "^1.2.0",
Expand Down
Loading
Loading