templates/component/waves.html.twig line 1

Open in your IDE?
  1. {% set props = {
  2.   speed:null,
  3.   shape:{
  4.     src:null,
  5.     backgroundcolor:false
  6.   }
  7. }|merge(props|default({}))  %}
  9. {% set backgroundcolor = false %}
  11. {% if props.shape.backgroundcolor is defined %}
  12.     {% set backgroundcolor = props.shape.backgroundcolor %}
  13. {% endif %}
  16. {% set jsComponentId = "waves" %}
  18. <div class="Waves-component" data-component="{{ jsComponentId }}" data-speed="{{ props.speed }}" data-shape="{{ backgroundcolor }}">
  19.     <div class="Waves-img" v-if="!hasWebGL">
  20.         {% include "component/image.html.twig" with {
  21.       props: {
  22.         src: props.shape.src
  23.       }
  24.     } %}
  25.     {# {% include "component/picture.html.twig" with {
  26.       props: {
  27.         src: props.shape.src
  28.       }|merge({
  29.         srcWebp: (props.shape.src) ? asset(props.shape.src | imagine_filter('convert_img_to_webp')) : ''
  30.       })
  31.     } %} #}
  32.     </div>
  33. </div>