templates/component/button.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: button
  3.   
  4. #}
  6. {% set props = {
  7.     title: null,
  8.     text: null,
  9.     to: null,
  10.     externe: null,
  11.     icon: null,
  12.     blank: false,
  13.     theme: null,
  14.     arrow:false,
  15.     size: null,
  16.     class:null,
  17.     type:"button",
  18.     contactButton:false,
  19.     bookingLink:null,
  20.     rel:"",
  21.     aquao:null,
  22.     category:"reservation"
  23. }|merge(props|default({}))  %}
  24. {# Modifier classes #}
  25. {% set modifierClasses = [] %}
  26. {% if props.theme %}
  27.     {% set modifierClasses = modifierClasses|merge(['Button-component--' ~ props.theme ~ '-theme']) %}
  28. {% endif %}
  30. {% if props.size %}
  31.     {% set modifierClasses = modifierClasses|merge(['Button-component--' ~ props.size ~ '-size']) %}
  32. {% endif %}
  34. {% if props.class %}
  35.     {% set modifierClasses = modifierClasses|merge([' ' ~ props.class ]) %}
  36. {% endif %}
  38. {# Target #}
  39. {% set targetAttributes = '' %}
  40. {% if props.blank %}
  41.     {% set targetAttributes = targetAttributes ~ 'target="_blank" rel="no-referrer"' %}
  42. {% endif %}
  44. {% set tag = "button" %}
  45. {% if props.to %}
  46.     {% set tag = "a" %}
  47. {% endif %}
  49. <{{tag}} {% if tag != 'a' %} type="{{props.type}}" {% endif %} {% if props.bookingLink %} data-bookinglink="{{ props.bookingLink}}" {% endif %} {% if props.aquao is defined %} data-aquao="{{ props.aquao}}" {% endif %} data-component="button" class="Button-component{{ ' ' ~ modifierClasses | join(' ') }}" {% if props.to %} href="{{ props.to }}" {% endif %} {% if props.to != "#" %} target="{{props.externe}}" {% endif %} data-category="{{props.category}}" title="{{ props.title }}" {{ targetAttributes }} rel="{{ props.rel }}">
  51.     {% if props.contactButton %}
  52.         {% set schemeAndHttpHost = app.request.getSchemeAndHttpHost %}
  53.         {# {% if 'miramar-lacigale.com' in schemeAndHttpHost %}
  54.                                                                                                                                                                                                     <!--
  55.                                                                                                                                                                                                             Event snippet for [MIRAMAR] - CONTACT on : Please do not remove.
  56.                                                                                                                                                                                                             Place this snippet on pages with events you’re tracking. 
  57.                                                                                                                                                                                                             Creation date: 07/15/2020
  58.                                                                                                                                                                                                             -->
  59.                                                                                                                                                                                                     <script>
  60.                                                                                                                                                                                                         gtag('event', 'conversion', {
  61.                                                                                                                                                                                                         'allow_custom_scripts': true,
  62.                                                                                                                                                                                                         'send_to': 'DC-10209412/invmedia/miram000+standard'
  63.                                                                                                                                                                                                         });
  64.                                                                                                                                                                                                     </script>
  65.                                                                                                                                                                                                     <noscript>
  66.                                                                                                                                                                                 
  67.                                                                                                                                                                                                         <img src="https://ad.doubleclick.net/ddm/activity/src=10209412;type=invmedia;cat=miram000;dc_lat=;dc_rdid=;tag_for
  68.                                                                                                                                                                                                                             _child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" alt=""/>
  69.                                                                                                                                                                                                     </noscript>
  70.                                                                                                                                                                                                     <!-- End of event snippet: Please do not remove -->
  71.                                                                                                                                                                                                 {% endif %} #}
  73.     {% endif %}
  74.     {% if props.icon %}
  75.         {% include "component/svg.html.twig" with {
  76.       props: {
  77.         name: props.icon
  78.       }
  79.     } %}
  80.     {% endif %}
  82.     {% if props.arrow %}
  83.         {% include "component/svg.html.twig" with {
  84.       props: {
  85.         name: 'arrow-down'
  86.       }
  87.     } %}
  88.     {% endif %}
  91.     <span class="Button-text">{{ props.text }}</span>
  92. </{{tag}}>