From 3423af1eda4651a15dfeaf5783ebba96c8148131 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 1 Feb 2023 16:50:17 +0100
Subject: [PATCH] Feat: Trigger datalayer when navigating to booking url

---
 .../ext/ep_theme/Resources/Private/Partials/Pricetable.html   | 4 +++-
 .../Private/Templates/AjaxTable/EventPricetable.html          | 1 +
 .../Resources/Private/Templates/AjaxTable/Pricetable.html     | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
index 8dc26c6a..82fece05 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
@@ -35,7 +35,8 @@
                                     <div class="lg:hidden">
                                         <f:if condition="{row.available}">
                                             <f:then>
-                                                <a href="{row.bookingUrl}">
+                                                <a href="{row.bookingUrl}"
+                                                   data-controller="datalayer" data-datalayer-event-value="ZurBuchung" data-action="datalayer#trigger">
                                                     Jetzt buchen <i class="fa fa-angle-right"></i>
                                                 </a>
                                             </f:then>
@@ -91,6 +92,7 @@
                                     <f:if condition="{row.available}">
                                         <f:then>
                                             <a class="button bg-button button--small w-full"
+                                               data-controller="datalayer" data-datalayer-event-value="ZurBuchung" data-action="datalayer#trigger"
                                                href="{row.bookingUrl}"
                                                title="{row.roomName} buchen"
                                                target="_blank">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
index 1bbc302a..476b3e58 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/EventPricetable.html
@@ -55,6 +55,7 @@
                                         <f:if condition="{row.rooms.{type}.available}">
                                             <f:then>
                                                 <a class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary\', snz: \'text-snz-primary\', uch: \'text-uch-primary\'}', key: settings.themekey)}"
+                                                   data-controller="datalayer" data-datalayer-event-value="ZurBuchung" data-action="datalayer#trigger"
                                                    href="{row.bookingUrl}"
                                                    title="Jetzt buchen"
                                                    target="_blank">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
index bfe3989e..31aa9fad 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
@@ -51,6 +51,7 @@
                                 <f:then>
                                     <a class="inline-block text-ep-primary-light text-xs sm:text-sm md:text-base leading-tight"
                                        href="{row.bookingUrl}"
+                                       data-controller="datalayer" data-datalayer-event-value="ZurBuchung" data-datalayer-action="trigger"
                                        target="_blank"
                                        title="{row.roomName}, {hotel.name},  {dateRange} buchen">
                                         {row.roomName}
@@ -119,6 +120,7 @@
                                     <f:if condition="{row.available}">
                                         <f:then>
                                             <a class="button bg-button button--small w-full"
+                                               data-controller="datalayer" data-datalayer-event-value="ZurBuchung" data-action="datalayer#trigger"
                                                href="{row.bookingUrl}"
                                                title="{row.roomName}, {hotel.name},  {dateRange} buchen"
                                                target="_blank">