EWPP-2072: Update event extra fields to render external icon.

openeuropa · Apr 4, 2022 · 80f1ffc · 80f1ffc
1 parent 4ba72ce
commit 80f1ffc
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/modules/oe_theme_content_event/templates/oe-theme-content-event-online-description.html.twig b/modules/oe_theme_content_event/templates/oe-theme-content-event-online-description.html.twig
@@ -8,6 +8,12 @@
   <div {% if hidden %}class="ecl-u-d-none"{% endif %} data-livestream-element="true">
     <h3 class="ecl-u-type-heading-3">{{ 'Livestream'|t }}</h3>
     {{ description }}
-    <a href="{{ url }}" class="ecl-u-mt-l ecl-u-mb-l ecl-link ecl-link--cta ecl-u-d-inline-block">{{ label }}</a>
+    <span class="ecl-u-mt-l ecl-u-mb-l ecl-u-d-inline-block">
+      {{ pattern('link', {
+        variant: 'cta',
+        text: label,
+        url: url
+      }) }}
+    </span>
   </div>
 {% endif %}
diff --git a/...les/oe_theme_content_event/templates/oe-theme-content-event-registration-button.html.twig b/...les/oe_theme_content_event/templates/oe-theme-content-event-registration-button.html.twig
@@ -7,11 +7,23 @@
 <div id="event-registration-block">
   {% if show_button %}
     {% if registration_day %}
-      <a href="{{ url }}" class="ecl-u-mt-2xl ecl-link ecl-link--cta{% if not enabled %} ecl-u-d-none{% else %} ecl-u-d-inline-block{% endif %}" data-registration-active-element="true">{{ label }}</a>
+      <span class="ecl-u-mt-2xl{% if not enabled %} ecl-u-d-none{% else %} ecl-u-d-inline-block{% endif %}" data-registration-active-element="true">
+        {{ pattern('link', {
+          variant: 'cta',
+          text: label,
+          url: url
+        }) }}
+      </span>
       <button type="submit" class="ecl-button ecl-button--call ecl-u-mt-2xl ecl-link ecl-link--cta{% if enabled %} ecl-u-d-none{% endif %}" disabled="" data-registration-upcoming-element="true">{{ label }}</button>
     {% else %}
       {% if enabled %}
-        <a href="{{ url }}" class="ecl-u-mt-2xl ecl-link ecl-link--cta ecl-u-d-inline-block">{{ label }}</a>
+        <span class="ecl-u-mt-2xl ecl-u-d-inline-block">
+          {{ pattern('link', {
+            variant: 'cta',
+            text: label,
+            url: url
+          }) }}
+        </span>
       {% else %}
         <button type="submit" class="ecl-button ecl-button--call ecl-u-mt-2xl ecl-link ecl-link--cta" disabled="">{{ label }}</button>
       {% endif %}