Actions menus

app/assets/stylesheets/pageflow/editor/base.scss

@@ -59,6 +59,7 @@
   @import "./composables";
   @import "./list";
   @import "./drop_down_button";
+  @import "./edit_configuration_view";
 
   @import "./outline";
   @import "./sortable";

app/assets/stylesheets/pageflow/editor/drop_down_button.scss

@@ -12,9 +12,16 @@
 
   > button.ellipsis_icon {
     @include fa-ellipsis-v-icon;
+  }
+
+  > button.ellipsis_icon.has_icon_only {
     width: var(--drop-down-button-width, 31px);
   }
 
+  > button.ellipsis_icon.has_icon_and_text::before {
+    margin-right: 9px;
+  }
+
   > button.borderless {
     --ui-button-border-color: transparent;
     --ui-button-hover-border-color: transparent;
@@ -102,6 +109,11 @@
     padding-top: 1px;
   }
 
+  &.is_destructive a:hover {
+    background-color: var(--ui-error-color);
+    color: var(--ui-on-error-color);
+  }
+
   &.has_radio,
   &.has_check_box {
     a {

app/assets/stylesheets/pageflow/editor/edit_configuration_view.scss

@@ -0,0 +1,5 @@
+.edit_configuration_view {
+  .actions_drop_down_button {
+    float: right;
+  }
+}

app/assets/stylesheets/pageflow/editor/info_box.scss

@@ -18,6 +18,18 @@
     background-color: var(--ui-error-surface-color);
   }
 
+  .with_icon {
+    display: flex;
+    align-items: center;
+    gap: space(2);
+
+    img {
+      flex-shrink: 0;
+      width: space(5);
+      height: space(5);
+    }
+  }
+
   .shortcuts {
     dt {
       display: block;

config/locales/de.yml

@@ -1512,7 +1512,11 @@ de:
             Kapitel einschließlich ALLER enthaltener Seiten wirklich löschen?
 
             Dieser Schritt kann nicht rückgängig gemacht werden.
+        destroy_menu_item:
+          confirm_destroy: Wirklich löschen?
+          destroy: Löschen
         edit_configuration:
+          actions: Aktionen
           back: "Zurück"
           confirm_destroy: Wirklich löschen?
           destroy: Löschen
@@ -2115,12 +2119,6 @@ de:
       next: ">>"
       previous: !!str '<<'
       truncate: "..."
-  pageflow_scrolled:
-    editor:
-      section_item:
-        set_cutoff: "Paywall Grenze oberhalb setzen"
-        reset_cutoff: "Paywall Grenze entfernen"
-        cutoff: "Paywall Grenze"
   activemodel:
     attributes:
       pageflow/site_root_entry_form:

config/locales/en.yml

@@ -1505,7 +1505,11 @@ en:
             Really delete this chapter including ALL its pages?
 
             This operation cannot be undone.
+        destroy_menu_item:
+          confirm_destroy: Really delete this record? This action cannot be undone.
+          destroy: Delete
         edit_configuration:
+          actions: Actions
           back: "Back"
           confirm_destroy: Really delete this record? This action cannot be undone.
           destroy: Delete
@@ -2106,12 +2110,6 @@ en:
       next: ">>"
       previous: !!str '<<'
       truncate: "..."
-  pageflow_scrolled:
-    editor:
-      section_item:
-        set_cutoff: "Set paywall cutoff above"
-        reset_cutoff: "Remove paywall cutoff"
-        cutoff: "Paywall cutoff"
   activemodel:
     attributes:
       pageflow/site_root_entry_form:

entry_types/scrolled/config/locales/de.yml

@@ -445,9 +445,9 @@ de:
                 Karten mit einer Flip-Animation drehen und weitere
                 Inhalte auf der Rückseite der Karte anbieten.
           back: Zurück
-          destroy: Löschen
+          confirm_destroy: Soll der Teaser wirklich gelöscht werden?
+          destroy: Teaser löschen
           description: Liste von Kacheln mit Bild und Beschriftung
-          confirm_delete_item: Soll der Teaser wirklich gelöscht werden?
           items: Einträge
           name: Teaser-Liste
           tabs:
@@ -591,8 +591,8 @@ de:
             general: Bildergalerie
           edit_item:
             back: Zurück
-            destroy: Löschen
-            confirm_delete_link: Soll der Bildergalerie-Eintrag wirklich gelöscht werden?
+            confirm_destroy: Soll der Bildergalerie-Eintrag wirklich gelöscht werden?
+            destroy: Eintrag löschen
             attributes:
               image:
                 label: Bild
@@ -893,8 +893,8 @@ de:
         hotspots:
           edit_area:
             back: Zurück
-            destroy: Löschen
-            confirm_delete_link: Soll der Hotspot-Bereich wirklich gelöscht werden?
+            confirm_destroy: Soll der Hotspot-Bereich wirklich gelöscht werden?
+            destroy: Hotspot-Bereich löschen
             tabs:
               area: Hotspot-Bereich
               portrait: Hochkant
@@ -1133,10 +1133,6 @@ de:
             inline_help: |-
               Kapitel kann als Link-Ziel verwendet werden, erscheint
               allerdings nicht in der Navigationsleiste.
-        confirm_destroy: |-
-          Kapitel einschließlich ALLER enthaltener Abschnitte wirklich löschen?
-
-          Dieser Schritt kann nicht rückgängig gemacht werden.
         save_error: Beim Speichern des Kapitels ist ein Fehler aufgetreten.
         tabs:
           chapter: Kapitel
@@ -1149,7 +1145,27 @@ de:
         hint: Ziehe ein Rechteck, um den wichtigsten Bereich des Bildes zu markieren.
         reset: Zurücksetzen
         save: Speichern
+      chapter_menu_items:
+        move_to_main: In Kapitel umwandeln
+        move_to_excursions: In Exkurs umwandeln
+      destroy_chapter_menu_item:
+        confirm_destroy: |-
+          Kapitel inklusive ALLER Abschnitte wirklich löschen?
+
+          Diese Aktion kann nicht rückgängig gemacht werden.
+        destroy: Kapitel löschen
+      destroy_content_element_menu_item:
+        confirm_destroy: Element wirklich löschen?
+        destroy: Element löschen
+        selection_label: Auswahl löschen
+      duplicate_content_element_menu_item:
+        label: Element duplizieren
+        selection_label: Auswahl duplizieren
+      destroy_section_menu_item:
+        confirm_destroy: Abschnitt inklusive aller Elemente wirklich löschen?
+        destroy: Abschnitt löschen
       edit_section:
+        hidden_info: Dieser Abschnitt ist außerhalb des Editors ausgeblendet.
         motif_area_info_text: Markiere den wichtigsten Teil des Hintergrunds, der beim Erreichen des Abschnitts sichtbar und nicht von anderen Elementen überdeckt sein soll.
         attributes:
           appearance:
@@ -1265,11 +1281,9 @@ de:
         header: Element einfügen
       no_options: Keine Optionen verfügbar
       section_item:
+        cutoff: Paywall Grenze
         drag_hint: Ziehen, um den Abschnitt zu verschieben
-        duplicate: Duplizieren
-        insert_section_above: Abschnitt oberhalb einfügen
-        insert_section_below: Abschnitt unterhalb einfügen
-        copy_permalink: Permalink kopieren
+        hidden: Nur im Editor sichtbar
         save_error: Beim Speichern des Abschnitts ist ein Fehler aufgetreten.
         transitions:
           beforeAfter: Statische Hintergründe
@@ -1278,9 +1292,15 @@ de:
           reveal: Freilegen
           scroll: Aus-/Einscrollen
           scrollOver: Überlagern
+      section_menu_items:
+        copy_permalink: Permalink kopieren
+        duplicate: Abschnitt duplizieren
         hide: Außerhalb des Editors ausblenden
+        insert_section_above: Abschnitt oberhalb einfügen
+        insert_section_below: Abschnitt unterhalb einfügen
+        reset_cutoff: Paywall Grenze entfernen
+        set_cutoff: Paywall Grenze oberhalb setzen
         show: Außerhalb des Editors einblenden
-        hidden: Nur im Editor sichtbar
       section_padding_visualization:
         intersecting_auto: "Darstellung des dynamischen Abstands, der sich an die Größe des Motivbereichs anpasst, um Überlappungen von Text und Motiv zu vermeiden"
         intersecting_manual: "Darstellung des manuell definierten Abstands, der bei Änderung der Fenstergröße konstant bleibt"

entry_types/scrolled/config/locales/en.yml

@@ -436,9 +436,9 @@ en:
                 Turn cards with a flip animation and offer
                 additional content on the backside of the card.
           back: Back
-          destroy: Delete
+          confirm_destroy: Are you sure you want to delete this teaser?
+          destroy: Delete teaser
           description: A list of tiles with thumbnail and caption
-          confirm_delete_item: Are you sure you want to delete this teaser?
           items: Items
           name: Teasers
           tabs:
@@ -577,8 +577,8 @@ en:
             general: Image Gallery
           edit_item:
             back: Back
-            destroy: Delete
-            confirm_delete_link: Are you sure you want to delete this image gallery item?
+            confirm_destroy: Are you sure you want to delete this image gallery item?
+            destroy: Delete item
             attributes:
               image:
                 label: Image
@@ -878,8 +878,8 @@ en:
         hotspots:
           edit_area:
             back: Back
-            destroy: Delete
-            confirm_delete_link: Are you sure you want to delete this area?
+            confirm_destroy: Are you sure you want to delete this area?
+            destroy: Delete area
             tabs:
               area: Hotspot Area
               portrait: Portrait
@@ -1117,10 +1117,6 @@ en:
             inline_help: |-
               Chapter can be used as link destination but does not
               appear in the navigation bar.
-        confirm_destroy: |-
-          Really delete this chapter including ALL its sections?
-
-          This operation cannot be undone.
         save_error: There was an error while saving this chapter.
         tabs:
           chapter: Chapter
@@ -1133,7 +1129,27 @@ en:
         hint: Drag to select the most important part of the image.
         reset: Reset
         save: Save
+      chapter_menu_items:
+        move_to_main: Turn into chapter
+        move_to_excursions: Turn into excursion
+      destroy_chapter_menu_item:
+        confirm_destroy: |-
+          Really delete this chapter including ALL its sections?
+
+          This operation cannot be undone.
+        destroy: Delete chapter
+      destroy_content_element_menu_item:
+        confirm_destroy: Really delete this element?
+        destroy: Delete element
+        selection_label: Delete selection
+      duplicate_content_element_menu_item:
+        label: Duplicate element
+        selection_label: Duplicate selection
+      destroy_section_menu_item:
+        confirm_destroy: Really delete this section including all its elements?
+        destroy: Delete section
       edit_section:
+        hidden_info: This section is hidden outside of the editor.
         motif_area_info_text: Mark the most important part of the backdrop that should be visible and unobstructed when reaching the section.
         attributes:
           appearance:
@@ -1249,11 +1265,9 @@ en:
         header: Insert element
       no_options: No options available
       section_item:
+        cutoff: Paywall cutoff
         drag_hint: Drag to move section
-        duplicate: Duplicate
-        insert_section_above: Insert section above
-        insert_section_below: Insert section below
-        copy_permalink: Copy permalink
+        hidden: Only visible in editor
         save_error: There was an error while saving this section.
         transitions:
           beforeAfter: Static Backgrounds
@@ -1262,9 +1276,15 @@ en:
           reveal: Reveal
           scroll: Scroll
           scrollOver: Scroll over
+      section_menu_items:
+        copy_permalink: Copy permalink
+        duplicate: Duplicate section
         hide: Hide outside of the editor
+        insert_section_above: Insert section above
+        insert_section_below: Insert section below
+        reset_cutoff: Remove paywall cutoff
+        set_cutoff: Set paywall cutoff above
         show: Show outside of the editor
-        hidden: Only visible in editor
       section_padding_visualization:
         intersecting_auto: "Visualization of dynamic padding that adjusts to the motif area size to prevent text from overlapping the motif"
         intersecting_manual: "Visualization of manually defined padding that stays constant as viewport size changes"