templates/component/modal.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: modal
  4.     title: {string}: titre
  5.     text: {string}: texte
  6.     button: {
  7.         text {string}: Texte du lien
  8.         to {string}: Lien
  9.     },
  10.     image: {image}:
  11. #}
  13. {% set props = {
  14.     title:null,
  15.     text:null,
  16.     button:null,
  17.     image:null,
  18.     open:false
  19. }|merge(props|default({}))  %}
  21. <div data-component="modal" class="Modal" data-open="{{props.open}}">
  23.     <div class="Modal-bg" ref="bg"></div>
  25.     <div class="Modal-content">
  27.         <div class="Modal-btclose" ref="btclose">
  28.             <div class="Modal-btcloseCross"></div>
  29.         </div>
  31.         <div class="Modal-image">
  32.             {% include "component/image.html.twig" with {
  33.                 props: props.image
  34.             } %}
  35.             {# {% include "component/picture.html.twig" with {
  36.                 props: (props.image) ? (props.image|merge({
  37.                     srcWebp: (props.image) ? asset(props.image.src | imagine_filter('convert_img_to_webp')) : ''
  38.                 })) : props.image
  39.             } %} #}
  40.         </div>
  42.         <div class="Modal-article">
  44.             {% if props.title is defined and props.title %}
  45.                 <div class="Modal-title Heading-titleAnnex">
  46.                     {{props.title}}
  47.                 </div>
  48.             {% endif %}
  50.             {% if props.text is defined and props.text %}
  51.                 <div class="Modal-text">
  52.                     {% include "component/wysiwyg.html.twig" with {
  53.                         props: {
  54.                             content: props.text
  55.                         }
  56.                     } %}
  57.                 </div>
  58.             {% endif %}
  60.             {% if props.button is defined and props.button %}
  61.                 {% include "component/button.html.twig" with {
  62.                         props: props.button
  63.                 } %}
  64.             {% endif %}
  66.         </div>
  67.     </div>
  69. </div>