Streamline header rendering

2022-03-14 18:40:58 +01:00
parent f690f48447
commit 3e0d900860
23 changed files with 62 additions and 38 deletions
@@ -7,7 +7,8 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="SubpageHeader" arguments="{images: city.headerImages, topline: city.headerSubtitle, headline: city.headerTitle, settings: settings}"/>
+        <f:render partial="SubpageHeader"
+                  arguments="{images: city.headerImages, topline: city.headerSubtitle, headline: city.headerTitle, settings: settings}"/>
        <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
        <div class="container">
            <f:if condition="{teasers}">
@@ -21,7 +22,8 @@
                    </button>
                </div>
            </f:if>
-            <f:render partial="Header/Header" arguments="{layout: 8, subheader: city.name, header: city.headline}"/>
+            <f:render partial="Header/Header"
+                      arguments="{layout: 8, subheader: city.name, header: city.headline}"/>
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 lg:col-span-2">
                    <f:render partial="City/Details" arguments="{city: city}"/>
@@ -8,11 +8,11 @@
    <f:section name="Main">
        <ep:container data="{data}">
            <f:if condition="{teasers}">
-                <div class="container"
-                     data-controller="teasergrid"
+                <div data-controller="teasergrid"
                     data-teasergrid-grid-class="grid-cols-2"
                     data-teasergrid-disabled-value="false">
-                    <f:render partial="Header/Header" arguments="{_all}"/>
+                    <f:render partial="Header/Header"
+                              arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
                    <div class="flex items-center space-x-1 mb-2 sm:hidden">
                        <button type="button"
                                class="opacity-50"
@@ -6,7 +6,8 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="SubpageHeader" arguments="{images: concept.headerImages, topline: concept.headerSubtitle, headline: concept.headerTitle, settings: settings}"/>
+        <f:render partial="SubpageHeader"
+                  arguments="{images: concept.headerImages, topline: concept.headerSubtitle, headline: concept.headerTitle, settings: settings}"/>
        <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
        <div class="container">
            <f:if condition="{teasers}">
@@ -20,7 +21,8 @@
                    </button>
                </div>
            </f:if>
-            <f:render partial="Header/Header" arguments="{layout: 8, subheader: concept.name, header: concept.headline}"/>
+            <f:render partial="Header/Header"
+                      arguments="{layout: 8, subheader: concept.name, header: concept.headline}"/>
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 lg:col-span-2">
                    <div data-rte-content>
@@ -8,7 +8,8 @@
    <f:section name="Main">
        <f:if condition="{teasers}">
            <ep:container data="{data}">
-                <f:render partial="Header/Header" arguments="{_all}"/>
+                <f:render partial="Header/Header"
+                          arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
                <div data-controller="teasergrid"
                     data-teasergrid-grid-class="grid-cols-2"
                     data-teasergrid-disabled-value="false">
@@ -6,7 +6,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-2 gap-8">
                <f:for each="{children_300}" as="record">
                    {record.renderedContent -> f:format.raw()}
@@ -6,7 +6,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-8">
                <f:for each="{children_300}" as="record">
                    {record.renderedContent -> f:format.raw()}
@@ -9,7 +9,8 @@
                 data-controller="teasergrid"
                 data-teasergrid-grid-class="grid-cols-2"
                 data-teasergrid-disabled-value="false">
-                <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
+                <f:render partial="Header/Header"
+                          arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
                <f:if condition="{children_300}">
                    <div class="flex items-center space-x-1 mb-2 sm:hidden">
                        <button type="button"
@@ -6,7 +6,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <f:for each="{children_300}" as="record">
                    {record.renderedContent -> f:format.raw()}
@@ -7,7 +7,8 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="SubpageHeader" arguments="{images: country.headerImages, topline: country.headerSubtitle, headline: country.headerTitle, settings: settings}"/>
+        <f:render partial="SubpageHeader"
+                  arguments="{images: country.headerImages, topline: country.headerSubtitle, headline: country.headerTitle, settings: settings}"/>
        <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
        <div class="container">
            <f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
@@ -21,7 +22,8 @@
                    </button>
                </div>
            </f:if>
-            <f:render partial="Header/Header" arguments="{layout: 8, subheader: country.name, header: country.headline}"/>
+            <f:render partial="Header/Header"
+                      arguments="{layout: 8, subheader: country.name, header: country.headline}"/>
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 lg:col-span-2" id="teasers">
                    <div data-rte-content>
@@ -7,11 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}">
-            <f:render partial="Header/Header" arguments="{
-                    header: data.header,
-                    subheader: data.subheader,
-                    layout: data.header_layout,
-                    link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
        </ep:container>
    </f:section>

@@ -7,7 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-2 gap-8">
                <div class="col-span-2 md:col-span-1">
                    {data.tx_gridelements_view_column_51 -> f:format.raw()}
@@ -7,7 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <f:if condition="{data.tx_gridelements_view_column_21 -> v:format.trim()}">
                    <div>
@@ -7,7 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                {data.tx_gridelements_view_column_41 -> f:format.raw()}
                {data.tx_gridelements_view_column_42 -> f:format.raw()}
@@ -7,7 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                {data.tx_gridelements_view_column_31 -> f:format.raw()}
                {data.tx_gridelements_view_column_32 -> f:format.raw()}
@@ -7,7 +7,8 @@

    <f:section name="Main">
        <ep:container data="{data}" cssClasses="py-8">
-            <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
            <div class="grid grid-cols-2 gap-8">
                <div class="col-span-2 md:col-span-1">
                    <div class="grid grid-cols-2 gap-8">
@@ -6,7 +6,8 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="SubpageHeader" arguments="{images: hotel.headerImages, topline: hotel.headerSubtitle, headline: hotel.headerTitle, settings: settings}"/>
+        <f:render partial="SubpageHeader"
+                  arguments="{images: hotel.headerImages, topline: hotel.headerSubtitle, headline: hotel.headerTitle, settings: settings}"/>
        <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
        <div class="container">
            <f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
@@ -20,10 +21,12 @@
                    </button>
                </div>
            </f:if>
-            <f:render partial="Header/Header" arguments="{layout: 8, subheader: hotel.name, header: hotel.headline}"/>
+            <f:render partial="Header/Header"
+                      arguments="{layout: 8, subheader: hotel.name, header: hotel.headline}"/>
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 md:col-span-2">
-                    <f:render partial="Hotel/Details" arguments="{hotel: hotel, teasers: teasers, filterSettings: filterSettings, showNonBookableHint: 1}"/>
+                    <f:render partial="Hotel/Details"
+                              arguments="{hotel: hotel, teasers: teasers, filterSettings: filterSettings, showNonBookableHint: 1}"/>
                </div>
                <div class="col-span-3 md:col-span-1">
                    <f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
@@ -5,10 +5,12 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="Header/Header" arguments="{layout: 8, subheader: hotel.name, header: hotel.headline}"/>
+        <f:render partial="Header/Header"
+                  arguments="{layout: 8, subheader: hotel.name, header: hotel.headline}"/>
        <div class="grid grid-cols-2 gap-8">
            <div class="col-span-2 md:col-span-1">
-                <f:render partial="ImageGallery" arguments="{id: hotel.uid, images: hotel.images, thumbnails: 0}"/>
+                <f:render partial="ImageGallery"
+                          arguments="{id: hotel.uid, images: hotel.images, thumbnails: 0}"/>
            </div>
            <div class="col-span-2 md:col-span-1">
                {hotel.description -> f:format.html()}
@@ -7,7 +7,8 @@
    <f:section name="Main">
        <f:if condition="{bookable} || {nonBookable}">
            <ep:container data="{data}">
-                <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
+                <f:render partial="Header/Header"
+                          arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
                <div data-controller="teasergrid"
                     data-teasergrid-grid-class="grid-cols-2"
                     data-teasergrid-disabled-value="false">
@@ -21,7 +21,8 @@
                    </f:else>
                </f:if>
            >
-                <f:render partial="Header/Header" arguments="{layout: 8, subheader: '{product.region.name} / {product.name}', header: product.headline}"/>
+                <f:render partial="Header/Header"
+                          arguments="{layout: 8, subheader: '{product.region.name} / {product.name}', header: product.headline}"/>
                <div class="flex flex-col lg:flex-row-reverse lg:items-start"
                     data-controller="tabs"
                     data-tabs-button-class="bg-ep-primary-dark"
@@ -8,7 +8,8 @@
        <f:render partial="Product/HeaderDetail" arguments="{_all}"/>
        <div class="py-8 bg-ep-primary-bg">
            <div class="container">
-                <f:render partial="Header/Header" arguments="{layout: 8, subheader: product.name, header: product.headline}"/>
+                <f:render partial="Header/Header"
+                          arguments="{layout: 8, subheader: product.name, header: product.headline}"/>
            </div>
            <div class="container grid grid-cols-3 gap-8">
                <div class="col-span-3 lg:col-span-2">
@@ -7,7 +7,8 @@
    <f:layout name="Default"/>

    <f:section name="Main">
-        <f:render partial="SubpageHeader" arguments="{images: region.headerImages, topline: region.headerSubtitle, headline: region.headerTitle, settings: settings, badge: badge}"/>
+        <f:render partial="SubpageHeader"
+                  arguments="{images: region.headerImages, topline: region.headerSubtitle, headline: region.headerTitle, settings: settings, badge: badge}"/>
        <f:cObject typoscriptObjectPath="lib.breadcrumb"/>
        <div class="container">
            <f:if condition="{teasers}">
@@ -21,7 +22,8 @@
                    </button>
                </div>
            </f:if>
-            <f:render partial="Header/Header" arguments="{layout: 8, subheader: region.name, header: region.headline}"/>
+            <f:render partial="Header/Header"
+                      arguments="{layout: 8, subheader: region.name, header: region.headline}"/>
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 lg:col-span-2">
                    <f:render partial="Region/Details" arguments="{region: region, teasers: teasers, filterSettings: filterSettings}"/>
@@ -8,11 +8,11 @@
    <f:section name="Main">
        <ep:container data="{data}">
            <f:if condition="{teasers}">
-                <div class="container"
-                     data-controller="teasergrid"
+                <div data-controller="teasergrid"
                     data-teasergrid-grid-class="grid-cols-2"
                     data-teasergrid-disabled-value="false">
-                    <f:render partial="Header/Header" arguments="{_all}"/>
+                    <f:render partial="Header/Header"
+                              arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
                    <div class="flex items-center space-x-1 mb-2 sm:hidden">
                        <button type="button"
                                class="opacity-50"
@@ -8,7 +8,8 @@

    <f:section name="Main">
        <div class="container">
-            <f:render partial="Header/Header" arguments="{header: header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
+            <f:render partial="Header/Header"
+                      arguments="{header: header, subheader: data.subheader, layout: data.header_layout, link: data.header_link, default: settings.defaultHeaderType}" />
            <div class="grid grid-cols-3 gap-8">
                <div class="col-span-3 md:col-span-1">
                    <f:if condition="{member.image}">