pageflow 15.1.2 → 15.2.0

data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_entry.json.jbuilder

@@ -30,11 +30,20 @@ json.config do
   end
 end
 
+unless options[:skip_i18n]
+  json.i18n do
+    json.default_locale I18n.default_locale
+    json.locale I18n.locale
+    json.translations scrolled_i18n_translations(entry,
+                                                 **options.fetch(:translations, {}))
+  end
+end
+
 unless options[:skip_collections]
   json.collections do
     json.entries do
       json.array!([entry]) do |entry|
-        json.call(entry, :id, :share_providers, :share_url, :credits)
+        json.call(entry, :id, :locale, :share_providers, :share_url, :credits)
         json.permaId entry.id # required as keyAttribute in EntryStateProvider
       end
     end

data/entry_types/scrolled/config/locales/new/de.yml

@@ -1,14 +1,188 @@
 de:
   pageflow_scrolled:
+    public:
+      navigation:
+        chapter: Kapitel
+      external_link:
+        open_in_new_tab: Seite in neuem Tab ansehen
+        open_in_new_tab_message: Öffnen im selben Tab ist im Editor deaktiviert.
+      sound_disclaimer:
+        help_text: >
+          Dieser Artikel wirkt am besten mit eingeschaltetem Ton.<br/>
+          Klicken Sie einmal in dieses Feld, um den Ton für die gesamte Geschichte zu aktivieren.
+    inline_editing:
+      insert_content_element: Neues Element einfügen
     editor:
+      content_elements:
+        externalLinkList:
+          name: Externe Verweise
+          outline: Gliederung
+          destroy: Löschen
+          add: Hinzufügen
+          back: Zurück
+          confirm_delete: Möchten Sie dieses Element wirklich löschen?
+          confirm_delete_link: Möchten Sie diesen Link wirklich löschen?
+          attributes:
+            url:
+              label: URL
+              inline_help: Absolute URL (inklusive http:// oder https://) des Links.
+            open_in_new_tab:
+              label: In neuem Tab öffnen
+            title:
+              label: Titel
+              inline_help: Link-Überschrift für die Darstellung im Beitrag.
+            description:
+              label: Beschreibung
+              inline_help: Link-Beschreibung für die Darstellung im Beitrag.
+            thumbnail:
+              label: Miniaturansicht
+              inline_help: Dem Link zugeordnertes Bild für die Darstellung im Beitrag.
+          tabs:
+            edit_link: Link bearbeiten
+        dataWrapperChart:
+          name: DataWrapper Diagramm
+          tabs:
+            general: Diagramm
+          attributes:
+            create_chart:
+              label: Neues Datawrapper Diagramm erstellen
+            url:
+              label: Diagramm URL
+              inline_help: >
+                URL zu einem bei Datawrapper publizierten Diagramm. Datawrapper bietet in den
+                Diagramm Optionen ein spezielles "Pageflow"-Design für eine optimale Darstellung
+                innerhalb des Beitrags.
+        heading:
+          name: Überschrift
+          tabs:
+            general: Überschrift
+          attributes:
+            children:
+              label: Text
+        textBlock:
+          name: Text-Block
+          tabs:
+            general: Text-Block
+          attributes:
+            children:
+              label: Text
+              inline_help: >
+                Zusammenhängender Block von Fließtext des Abschnitts. Reichern Sie Fließtext mit
+                Medien an indem Sie die Medien-Elemente zwischen zwei Fließtexten innerhalb eines
+                Abschnitts einfügen. Positionierung und Abblendung von Texten innerhalb eines
+                Abschnitts können über die Einstellungen des Abschnitts konfiguriert werden.
+        inlineImage:
+          name: Inline-Bild
+          tabs:
+            general: Inline-Bild
+          attributes:
+            id:
+              label: Bild
+        soundDisclaimer:
+          name: Audio-Hinweis
+          tabs:
+            general: Audio-Hinweis
+        inlineVideo:
+          name: Inline-Video
+          tabs:
+            general: Inline-Video
+        inlineBeforeAfter:
+          name: Vorher/Nachher
+          tabs:
+            general: "Vorher/Nachher"
+          attributes:
+            before_id:
+              label: Vorher-Bild
+              inline_help: >
+                Wird links von der Trennlinie gezeigt.
+            before_label:
+              label: Vorher-Beschriftung
+              inline_help: >
+                Hier kann ein kurzes Label für das Vorher-Bild mit
+                Text gefüllt werden. Beispiele: 'Vorher', 'Januar
+                2000'
+            after_id:
+              label: Nachher-Bild
+              inline_help: >
+                Wird rechts von der Trennlinie gezeigt.
+            after_label:
+              label: Nachher-Beschriftung
+              inline_help: >
+                Hier kann ein kurzes Label für das Nachher-Bild mit
+                Text gefüllt werden. Beispiele: 'Nachher', 'Januar
+                2040'
+            initial_slider_position:
+              label: Trennlinien-Startposition
+              inline_help: >
+                Falls die Trennlinie zu Beginn nicht in der Mitte des
+                Bildes liegen soll, lässt sich ihre Startposition hier
+                voreinstellen.
+            slider:
+              label: Schieberegler sichtbar
+              inline_help: >
+                Zeigt/versteckt den sichtbaren Schieberegler.
+            slider_handle:
+              label: Schieberegler-Griff sichtbar
+              inline_help: >
+                Aktiviert/deaktiviert den Griff des Schiebereglers.
+            slider_color:
+              label: Schieberegler-Farbe
+              inline_help: >
+                Farbe des Schiebereglers inklusive Griff kann frei
+                konfiguriert werden. Achten Sie auf gute Sichtbarkeit
+                des Reglers über den gesamten Vorher/Nachher-Bereich.
+        videoEmbed:
+          name: Video Embed
+          tabs:
+            general: Video-Embed
+          attributes:
+            videoSource:
+              label: Video-URL
+            hideControls:
+              label: Steuerelemente ausblenden
+              inline_help: >
+                Blendet die Steuerelemente aus wenn möglich (variiert je nach Anbieter und
+                Konfiguration). Das Video kann per Klick gestartet und pausiert werden.
+            hideInfo:
+              label: Titel in Embed ausblenden
+              inline_help: >
+                Blendet Titel und Author Informationen innerhalb des Embeds aus wenn möglich
+                (variiert je nach Anbieter und Konfiguration)
+            aspectRatio:
+              label: Seitenverhältnis des Videos
+              values:
+                wide: "Landscape 16:9"
+                narrow: "Landscape 4:3"
+                square: "Quadratisch"
+                portrait: "Portrait (9:16)"
+      common_content_element_attributes:
+        caption:
+          label: Beschriftung
+          inline_help: Die Beschriftung des Elements wird direkt unterhalb des Elements angezeigt.
+        position:
+          label: Position
+          inline_help: >
+            Mit dieser Einstellung können Sie die Position des Elements im Zusammenspiel mit
+            Fließtext steuern: Das Element kann prominent für sich alleine stehen
+            ("Volle Breite"), im Text verankert werden ("Im Textfluss") oder auch beim Scrollen
+            begleitend neben dem Text stehenbleiben ("Sticky"). Sticky-Elemente bleiben statisch
+            in der Mitte des Viewports neben dem Text stehen, bis entweder der Abschnitt aus dem
+            Viewport gescrollt wird oder sie vom nächsten Sticky-Element des Abschnitts verdrängt
+            werden. In Mobil-Darstellung werden Sticky Elemente automatisch im Text verankert.
+            Sticky-Elemente funktionieren besonders gut bei Desktop-Darstellung in Kombination mit
+            langen Textpassagen.
+          values:
+            inline: Im Textfluss
+            full: Volle Breite
+            sticky: Sticky
       entry_outline:
-        header: "Giederung"
-        add_chapter: "Neues Kapitel"
+        header: Gliederung
+        add_chapter: Neues Kapitel
       chapter_item:
-        add_section: "Neuer Abschnitt"
+        add_section: Neuer Abschnitt
         save_error: Beim Speichern des Kapitels ist ein Fehler aufgetreten.
       section_item:
-        edit: "Abschnitt bearbeiten"
+        edit: Abschnitt bearbeiten
         save_error: Beim Speichern des Abschnitts ist ein Fehler aufgetreten.
       edit_chapter:
         tabs:
@@ -16,8 +190,16 @@ de:
         attributes:
           title:
             label: Titel
+            inline_help: >
+              Wird in der Editor-Übersicht und der Navigationsleiste des Beitrags angezeigt.
+              Nur Kapitel die sowohl Titel als auch Zusammenfassung gesetzt haben werden als
+              Menüpunkt zur Navigation hinzugefügt.
           summary:
             label: Zusammenfassung
+            inline_help: >
+              Zusammenfassung des Kapitels für die Darstellung in der Navigationsleiste. Nur Kapitel
+              die sowohl Titel als auch Zusammenfassung gesetzt haben werden als Menüpunkt zur
+              Navigation hinzugefügt.
         confirm_destroy: |-
           Kapitel einschließlich ALLER enthaltener Abschnitte wirklich löschen?
 
@@ -27,20 +209,61 @@ de:
         tabs:
           section: Abschnitt
         attributes:
+          appearance:
+            label: Abblendung
+            inline_help: >
+              Diese Einstellung legt fest wie die scrollenden Vordergrund-Ebene vom Hintergrund
+              abgehoben werden soll. Bei der Einstellung "Karte" wird der Vordergrund mit einer
+              Fläche mit abgerundeten Ecken hinterlegt, bei "Schatten" mit einem hellen oder dunklen
+              Farbverlauf und bei "Block" flächendeckend mit einer Farbe.
+            values:
+              cards: Karte
+              shadow: Schatten
+              solid: Block
+              transparent: Keine
           backdropImage:
             label: Hintergrund
           backdropType:
             label: Hintergrund-Typ
+            inline_help: >
+              Im Hintergund des Abschnitts kann entweder ein Bild, eine Farbe oder ein Video-Loop
+              angezeigt werden. Im Fall eines Hintergrund-Bilds kann der wichtige Bildteil markiert
+              werden. Dieser wird dann sowohl in Desktop- als auch in Mobil-Darstellung zunächst
+              nicht vom scrollenden Vordergrund verdeckt.
+          fullHeight:
+            label: Volle Viewport-Höhe
+            inline_help: >
+              Aktivieren sie diese Einstellung wenn der Abschnitt mindestens einen Viewport hoch sein
+              soll. Deaktivieren sie sie um kurze Szenen zu ermöglichen, die vertikal nur von ihrem
+              Inhalt aufgespannt werden
           invert:
             label: Text invertieren
           layout:
-            label: Text-Ausrichtung
+            label: Vordergrund-Positionierung
+            inline_help: >
+              Mit dieser Einstellung können Sie die Position der scrollenden
+              Vordergrund-Ebene des Abschnitts in Desktop-Darstellung konfigurieren.
+              In Mobil-Darstellung wird die Vordergrund-Ebene automatisch zentriert.
+            values:
+              left: Links
+              right: Rechts
+              center: Mitte
+          transition:
+            label: Übergang vom vorigen Abschnitt
+            inline_help: >
+              Diese Einstellung definiert den Übergang vom vorigen Abschnitt zu diesem. Der Übergang
+              wirkt sich jeweils auf den Hintergrund und den Vordergrund unterschiedlich aus.
             values:
-              left: "Links"
-              right: "Rechts"
-              center: "Mitte"
+              beforeAfter: Scrollen mit statischen Hintergründen
+              fade: Alles Überblenden
+              fadeBg: Nur Hintergrund überblenden
+              reveal: Freilegen
+              scroll: Aus-/Einscrollen
+              scrollOver: Überlagern
         confirm_destroy: |-
           Abschnitt einschließlich ALLER enthaltener Elemente wirklich löschen?
 
           Dieser Schritt kann nicht rückgängig gemacht werden.
         save_error: Beim Speichern des Abschnitts ist ein Fehler aufgetreten.
+      insert_content_element:
+        header: Element einfügen

data/entry_types/scrolled/config/locales/new/en.yml

@@ -1,14 +1,183 @@
 en:
   pageflow_scrolled:
+    public:
+      navigation:
+        chapter: Chapter
+      external_link:
+        open_in_new_tab: Open in new tab
+        open_in_new_tab_message: Opening in same tab is disabled inside the editor
+      sound_disclaimer:
+        help_text: >
+          This article works best with the sound turned on. <br/>
+          Click once in this field to activate the sound for the entire story.
+    inline_editing:
+      insert_content_element: Insert new element
     editor:
+      content_elements:
+        externalLinkList:
+          name: External links
+          outline: Outline
+          destroy: Delete
+          add: Add
+          back: Back
+          confirm_delete: Are you sure you want to delete this element?
+          confirm_delete_link: Are you sure you want to delete this link?
+          attributes:
+            url:
+              label: URL
+              inline_help: Absolute URL (inkluding http:// oder https://) of Link.
+            open_in_new_tab:
+              label: Open in new tab
+            title:
+              label: Title
+              inline_help: Link-title for display in entry.
+            description:
+              label: Description
+              inline_help: Link-description for display in entry.
+            thumbnail:
+              label: Thumbnail
+              inline_help: Link thumbnail image for display in entry.
+          tabs:
+            edit_link: Edit Link
+        dataWrapperChart:
+          name: DataWrapper Chart
+          tabs:
+            general: Chart
+          attributes:
+            create_chart:
+              label: Create new Datawrapper chart
+            url:
+              label: Chart URL
+              inline_help: >
+                URL of a chart published via Datawrapper. Datawrapper offers a special 'Pageflow'
+                layout selectable on the 'Design' tab for optimal display inside Pageflow.
+        heading:
+          name: Heading
+          tabs:
+            general: Heading
+          attributes:
+            children:
+              label: Text
+        textBlock:
+          name: Text Block
+          tabs:
+            general: Text Block
+          attributes:
+            children:
+              label: Text
+              inline_help: >
+                Continuous block of text for the section. Enrich text with media by inserting
+                media elements between two text blocks within a section. Positioning and appearance
+                of the scrolling foreground layer of the section can be configured in the section
+                settings.
+        inlineImage:
+          name: Inline Image
+          tabs:
+            general: Inline Image
+          attributes:
+            id:
+              label: Image
+        soundDisclaimer:
+          name: Audio Notice
+          tabs:
+            general: Audio Notice
+        inlineVideo:
+          name: Inline Video
+          tabs:
+            general: Inline Video
+        inlineBeforeAfter:
+          name: Before/After
+          tabs:
+            general: "Before/After"
+          attributes:
+            before_id:
+              label: Before Image
+              inline_help: >
+                Shown to the left of divider.
+            before_label:
+              label: Before Label
+              inline_help: >
+                Set the text of a short label for the Before
+                image. Examples: 'Before', 'January 2000'
+            after_id:
+              label: After Image
+              inline_help: >
+                Shown to the right of divider.
+            after_label:
+              label: After Label
+              inline_help: >
+                Set the text of a short label for the After
+                image. Examples: 'After', 'January 2040'
+            initial_slider_position:
+              label: Divider start position
+              inline_help: >
+                In case the divider shouldn't be in the middle at the
+                start, its start position can be set here.
+            slider:
+              label: Show Slider
+              inline_help: >
+                Shows/hides visible slider at divider line.
+            slider_handle:
+              label: Show Slider Handle
+              inline_help: >
+                Activates/deactivates slider handle.
+            slider_color:
+              label: Slider Color
+              inline_help: >
+                You can configure slider color (incl. slider handle)
+                freely. Make sure that the slider can be seen clearly
+                on every position over the entire Before/After area.
+        videoEmbed:
+          name: Video Embed
+          tabs:
+            general: Video-Embed
+          attributes:
+            videoSource:
+              label: Video-URL
+            hideControls:
+              label: Hide controls
+              inline_help: >
+                Hides the player controls if possible (depends on the videos provider and
+                configuration). The video can be played and paused via click.
+            hideInfo:
+              label: Hide title in embed
+              inline_help: >
+                Hides the video title and author info inside the embed if possible (depends on the
+                videos provider and configuration).
+            aspectRatio:
+              label: Aspect ratio of video
+              values:
+                wide: "Landscape 16:9"
+                narrow: "Landscape 4:3"
+                square: "Square"
+                portrait: "Portrait (9:16)"
+      common_content_element_attributes:
+        caption:
+          label: Caption
+          inline_help: The caption of the element will be displayed directly underneath the element.
+        position:
+          label: Position
+          inline_help: >
+            This setting allows you to control the position of the element in relation to
+            surrounding text blocks: the element can prominently stand alone ("Full Width"), it can
+            be anchored within the text ("Inline") or it can be positioned adjacent to the text
+            ("Sticky"). Sticky elements remain static in the middle of the viewport alongside the
+            text until either the section is scrolled out of the viewport or until they get pushed
+            upwards by the next sticky element of the section. On mobile devices sticky elements
+            automatically get positioned inline. Sticky elements work particularly well on desktop
+            devices in combination with long texts.
+          values:
+            inline: Inline
+            full: Full Width
+            sticky: Sticky
       entry_outline:
-        header: "Outline"
-        add_chapter: "New chapter"
+        header: Outline
+        add_chapter: New chapter
       chapter_item:
-        add_section: "New section"
+        add_section: New section
         save_error: There was an error while saving this chapter.
       section_item:
-        edit: "Edit section"
+        edit: Edit section
         save_error: There was an error while saving this section.
       edit_chapter:
         tabs:
@@ -16,8 +185,15 @@ en:
         attributes:
           title:
             label: Title
+            inline_help: >
+              The chapter title will be displayed in the editor overview and the navigation bar of
+              the entry. Only chapters with both title and summary set will get added as menu items
+              to the navigation.
           summary:
             label: Summary
+            inline_help: >
+              Summary of the chapter for display in the navigation bar. Only chapters with both
+              title and summary set will get added as menu items to the navigation.
         confirm_destroy: |-
           Really delete this chapter including ALL its sections?
 
@@ -27,20 +203,62 @@ en:
         tabs:
           section: Section
         attributes:
+          appearance:
+            label: Text-Background
+            inline_help: >
+              This setting controls how the scrolling foreground should get dimmed to
+              increase contrast from the background. The option "Cards" adds a box with rounded
+              corners to the foreground, with "Shadow" you can add a light or dark shadow to
+              increase readability and "Block" adds an opaque area.
+            values:
+              shadow: Shadow
+              cards: Card
+              solid: Block
+              transparent: Transparent
           backdropImage:
             label: Background
           backdropType:
             label: Background-Type
+            inline_help: >
+              The section background can either display an image, a color or a video loop.
+              In case of background images you can specify the main image motif area. This area will
+              then initially be left uncovered by foreground content on mobile as well as desktop
+              devices.
+          fullHeight:
+            label: Use Full Viewport-Height
+            inline_help: >
+              Activate this option if the section should span at least one viewport height.
+              Deactivate this option to create a short section which height is determined by its
+              foreground content.
           invert:
-            label: Invert text
+            label: Invert Text
           layout:
-            label: Text alignment
+            label: Content alignment
+            inline_help: >
+              This setting controls the position of the scrolling foreground layer of the section on
+              desktop devices. On mobile devices the foreground layer will automatically become
+              centered.
+            values:
+              left: Left
+              right: Right
+              center: Center
+          transition:
+            label: Transition From Previous Section
+            inline_help: >
+              This setting defines the transition when scrolling from the previous
+              section to the current. The different settings have specific effects concerning the
+              behaviors of background and foreground.
             values:
-              left: "Left"
-              right: "Right"
-              center: "Center"
+              beforeAfter: Scrolling with static Backgrounds
+              fade: Cross-Fade All
+              fadeBg: Cross-Fade Backgrounds
+              reveal: Reveal
+              scroll: Scroll
+              scrollOver: Scroll Over
         confirm_destroy: |-
           Really delete this section including ALL its elements?
 
           This operation cannot be undone.
-        save_error: There was an error while saving this section.
+        save_error: There was an error while saving this section.
+      insert_content_element:
+        header: Insert element