rivet-1.0.x-dev/templates/form/webform-confirmation.html.twig

{#
/**
 * @file
 * Default theme implementation to webform confirmation.
 *
 * Available variables:
 * - progress: Progress bar.
 * - message: Confirmation message.
 * - back_url: URL to the previous webform submission.
 *
 * @see template_preprocess_webform_confirmation()
 *
 * @ingroup themeable
 */
#}
{{ attach_library('webform/webform.confirmation') }}

{% if progress %}
  {{ progress }}
{% endif %}

<div{{ attributes.addClass('webform-confirmation') }}>

  {% if message %}
  <div class="rvt-p-all-xl rvt-color-white rvt-bg-green-000 rvt-border-all rvt-border-radius rvt-border-color-green">
    <div class="rvt-text-center">
      <svg width="40" height="48" viewbox="0 0 40 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <path d="M20 0C20.6162 0.544682 21.2362 1.06588 21.9102 1.53864C22.0151 1.61221 22.1263 1.68894 22.2437 1.76843C23.0656 2.32485 24.1921 3.01661 25.5899 3.70947C25.9895 3.90752 26.411 4.10553 26.8536 4.30041C29.9518 5.66457 34.0862 6.87545 39 6.87545H40V23.8354C40 31.6275 37.1229 36.6487 33.162 40.1474C29.6467 43.2526 25.2923 45.135 21.5796 46.74C21.547 46.7541 21.5144 46.7682 21.4819 46.7823C21.4457 46.7979 21.4095 46.8135 21.3735 46.8291C21.0934 46.9503 20.8171 47.0699 20.5453 47.1885L20.5435 47.1893C20.4958 47.2101 20.4482 47.2309 20.4008 47.2516L20 47.427L19.5992 47.2516C19.215 47.0835 18.8214 46.9134 18.4204 46.74C14.7077 45.135 10.3533 43.2526 6.83797 40.1474C2.87714 36.6487 0 31.6275 0 23.8354V6.87545H1C5.91383 6.87545 10.0482 5.66457 13.1464 4.30041C13.589 4.10553 14.0105 3.90752 14.4101 3.70947C15.8079 3.01661 16.9344 2.32485 17.7563 1.76843C17.8737 1.68894 17.9849 1.61222 18.0898 1.53865C18.7639 1.06584 19.3841 0.54512 20 0Z" fill="white"></path>
        <path d="M26.8243 20.7497L17.3536 30.2204L13 25.1412L14.5185 23.8396L17.4665 27.279L25.41 19.3354L26.8243 20.7497Z" fill="#056E41"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M20 12.3354C13.3726 12.3354 8 17.708 8 24.3354C8 30.9629 13.3726 36.3354 20 36.3354C26.6274 36.3354 32 30.9629 32 24.3354C32 17.708 26.6274 12.3354 20 12.3354ZM10 24.3354C10 18.8126 14.4772 14.3354 20 14.3354C25.5228 14.3354 30 18.8126 30 24.3354C30 29.8583 25.5228 34.3354 20 34.3354C14.4772 34.3354 10 29.8583 10 24.3354Z" fill="#056E41"></path>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0371 0.833992C18.827 1.0012 18.5092 1.2445 18.0898 1.53865C17.2507 2.12724 16.0076 2.91763 14.4101 3.70947C11.2135 5.29389 6.6158 6.87545 1 6.87545H0V23.8354C0 31.6275 2.87714 36.6487 6.83797 40.1474C10.3533 43.2526 14.7077 45.135 18.4204 46.74C18.8214 46.9134 19.215 47.0835 19.5992 47.2516L20 47.427L20.4008 47.2516C20.785 47.0835 21.1786 46.9134 21.5796 46.74C25.2923 45.135 29.6467 43.2526 33.162 40.1474C37.1229 36.6487 40 31.6275 40 23.8354V6.87545H39C33.3842 6.87545 28.7865 5.29389 25.5899 3.70947C23.9924 2.91763 22.7493 2.12723 21.9102 1.53864C21.4908 1.24449 21.173 1.0012 20.9629 0.833992C20.6303 0.569381 20.3181 0.281467 20 0C19.682 0.281344 19.3695 0.569512 19.0371 0.833992ZM2 8.85976V23.8354C2 31.0433 4.62286 35.5222 8.16203 38.6485C11.4241 41.5299 15.4802 43.2866 19.2297 44.9104C19.488 45.0223 19.7449 45.1335 20 45.2445C20.2551 45.1335 20.512 45.0223 20.7703 44.9104C24.5198 43.2866 28.5759 41.5299 31.838 38.6485C35.3771 35.5222 38 31.0433 38 23.8354V8.85976C32.4586 8.68575 27.9114 7.09232 24.7017 5.50143C23.0007 4.65827 21.6708 3.81367 20.7617 3.17601C20.4617 2.96556 20.2072 2.77746 20 2.61912C19.7928 2.77746 19.5383 2.96556 19.2383 3.17601C18.3292 3.81367 16.9993 4.65827 15.2983 5.50143C12.0886 7.09232 7.54138 8.68575 2 8.85976Z" fill="#056E41"></path>
      </svg>
    </div>
    <div class="rvt-text-center rvt-color-green rvt-m-top-md rvt-ts-sm">
      {{ message }}
    </div>

  </div>
  {% endif %}

  {% if back %}
  <div class="webform-confirmation__back rvt-m-top-lg">
    <a href="{{ back_url }}" rel="prev"{{ back_attributes }}>{{ back_label }}</a>
  </div>
  {% endif %}

</div>