DDFLSBP-651 - Implement cookie blocking placeholder

config/sync/cookieinformation.settings.yml

@@ -1,4 +1,4 @@
-enable_popup: false
+enable_popup: true
 google_consent_mode: ''
 block_iframes: false
 block_iframes_category: functional

config/sync/core.extension.yml

@@ -31,6 +31,7 @@ module:
   dpl_breadcrumb: 0
   dpl_cache_settings: 0
   dpl_campaign: 0
+  dpl_cookies: 0
   dpl_dashboard: 0
   dpl_error_pages: 0
   dpl_event: 0

web/modules/custom/dpl_cookies/dpl_cookies.info.yml

@@ -0,0 +1,7 @@
+name: "DPL Cookies"
+type: module
+description: "A module that handles cookie functionality."
+package: DPL
+core_version_requirement: ^10
+dependencies:
+  - cookieinformation:cookieinformation

web/modules/custom/dpl_cookies/dpl_cookies.module

@@ -0,0 +1,21 @@
+<?php
+
+/**
+ * @file
+ * DPL cookies module.
+ */
+
+/**
+ * Implements hook_preprocess_media().
+ *
+ * Adds cookie consent attributes to media video fields.
+ */
+function dpl_cookies_preprocess_field__media__video(array &$variables): void {
+  foreach ($variables['items'] as &$item) {
+    if (isset($item['content']['#attributes']['src'])) {
+      $item['content']['#attributes']['data-once'] = 'cookieinformation-iframe';
+      $item['content']['#attributes']['data-category-consent'] = 'cookie_cat_marketing';
+      $item['content']['#attributes']['data-consent-src'] = $item['content']['#attributes']['src'];
+    }
+  }
+}

web/themes/custom/novel/templates/fields/field--media--video.html.twig

@@ -0,0 +1,22 @@
+{% for item in items %}
+  {{ item.content }}
+{% endfor %}
+
+<div class="consent-placeholder cookie-placeholder cookie-placeholder__hide" data-category="cookie_cat_marketing">
+  <div class="pagefold-triangle--medium pagefold-inherit-parent"></div>
+  <div class="cookie-placeholder__wrapper">
+    <div class="cookie-placeholder__description">
+        <div id="dpl-react-apps-cookie-placeholder">
+        {{ "To view this content, we need your consent to use marketing cookies."|t({}, {"context": "Cookie Placeholder"}) }}
+        </div>
+    </div>
+    <button
+        type="button"
+        class="cookie-placeholder__manage-consent-button btn-primary btn-outline btn-xlarge arrow__hover--right-small"
+        aria-label="{{ 'Manage consent'|t({}, {'context': 'Cookie Placeholder'}) }}"
+        onClick="javascript:CookieConsent.renew();"
+    >
+        {{ "Manage consent"|t({}, {"context": "Cookie Placeholder"}) }}
+    </button>
+  </div>
+</div>