templates/includes/blocks/actions.html.twig line 1

  1. {% if content.actionsLinkedItem == 'actionsModal' %}
  2. <div class="modal" :class="{'modal--show': show}" x-data="modal">
  3.     <div class="actions  {% if content.centered %} actions--center {% endif %}  {{ content.top }} {{ content.bottom }}
  4.    {% if content.inverted %} actions--inverted {% endif %}">
  5.         <div class="actions__container">
  6.             {% include('/includes/popup-cta.html.twig') with { label: content.actionsButtonLabel, buttonColor: content.actionsButtonColor, buttonSize: content.actionsButtonSize } %}
  7.         </div>
  8.     </div>
  9.     {% if content.actionsDownloadFormBlock %}
  10.         {% include('/includes/blocks/' ~ content.actionsDownloadFormBlock.type ~ '.html.twig') with { content: content.actionsDownloadFormBlock, view: view.actionsDownloadFormBlock } %}
  11.     {% endif %}
  12. </div>
  13. {% elseif content.actionsLinkedItem == 'actionsModalCalendly' %}
  14. <div class="modal" :class="{'modal--show': show}" x-data="modal">
  15.     <div class="actions  {% if content.centered %} actions--center {% endif %}  {{ content.top }} {{ content.bottom }}
  16.     {% if content.inverted %} actions--inverted {% endif %}">
  17.         <div class="actions__container">
  18.             {% include('/includes/popup-cta.html.twig') with { label: content.actionsButtonLabel, buttonColor: content.actionsButtonColor, buttonSize: content.actionsButtonSize, icon: false } %}
  19.         </div>
  20.     </div>
  21.     {% if content.actionsCalendlyFormBlock %}
  22.         {% include('/includes/blocks/' ~ content.actionsCalendlyFormBlock.type ~ '.html.twig') with { content: content.actionsCalendlyFormBlock, view: view.actionsCalendlyFormBlock } %}
  23.     {% endif %}
  24. </div>
  25. {% elseif content.actionsActionLink %}
  26.     <div class="actions  {% if content.centered %} actions--center {% endif %}  {{ content.top }} {{ content.bottom }}
  27.            {% if content.inverted %} actions--inverted {% endif %}">
  28.         <div class="actions__container">
  29.             {% if content.actionsButtonType == 'box' %}
  30.                 <a href="{{ content.actionsActionLink }}"
  31.                    class="button button--{{ content.actionsButtonColor }} button--size-{{ content.actionsButtonSize }}">
  32.                 <span class="button__inner">
  33.                   {{ content.actionsButtonLabel }}
  34.                 </span>
  35.                 </a>
  36.             {% elseif content.actionsButtonType == 'text' %}
  37.                 <a href="{{ content.actionsActionLink }}"
  38.                    class="text-button text-button--{{ content.actionsTextButtonColor }}
  39.                      {% if content.uppercase %} uppercase {% endif %}">
  40.                     {{ content.actionsButtonLabel }}
  41.                     <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  42.                         <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor" stroke-miterlimit="10"
  43.                               stroke-linecap="round" stroke-linejoin="round"/>
  44.                     </svg>
  45.                 </a>
  46.             {% endif %}
  47.         </div>
  48.     </div>
  49. {% endif %}