Merge pull request #2131 from tf/hotspots-2

Pan/zoom mode for hotspots element
codevise · Jul 23, 2024 · 8e78f8a · 8e78f8a
2 parents 3a94eb2 + aaccb1e
commit 8e78f8a
Show file tree

Hide file tree

Showing 42 changed files with 1,931 additions and 360 deletions.
diff --git a/entry_types/scrolled/config/locales/new/hotspots.de.yml b/entry_types/scrolled/config/locales/new/hotspots.de.yml
@@ -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
@@ -27,6 +32,8 @@ de:
                 label: Aktives Bild
               area:
                 label: Bereich
+              zoom:
+                label: Zoom
               portraitTooltipPosition:
                 label: Tooltip-Position (Hochkant)
                 values:
@@ -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:

diff --git a/entry_types/scrolled/config/locales/new/hotspots.en.yml b/entry_types/scrolled/config/locales/new/hotspots.en.yml
@@ -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
@@ -27,6 +32,8 @@ en:
                 label: Active image
               area:
                 label: Area
+              zoom:
+                label: Zoom
               portraitTooltipPosition:
                 label: Tooltip orientation  (Portrait)
                 values:
@@ -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:

diff --git a/entry_types/scrolled/package/package.json b/entry_types/scrolled/package/package.json
@@ -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",