templates/component/cure_description.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: cure description
  4.     heading: [{
  5.         title {string}: Titre 
  6.         titleAnnex {string}: Titre annexe (au dessus du titre)
  7.     }]
  8.     text: {
  9.         left {string}: (WYSIYWG) Liste à gauche 
  10.         right {string}: (WYSIYWG) Liste à droite
  11.     }
  12.     message: {
  13.         text {string}: Message en dessous de la description de la cure
  14.         icon {string}: Nom de l'icone
  15.     }
  16. #}
  18. {% set props = {
  19.   heading: null,
  20.   text: null,
  21.   message: null
  22. }|merge(props|default({}))  %}
  24. <section
  25.     data-component="cure-description" class="CureDescription-component">
  27.     {# Background image #}
  28.     <div class="CureDescription-backgroundImage backgroundPatternWaves">
  29.         {% include "component/waves.html.twig"  with {
  30.                 props: {
  31.                     speed:0.1,
  32.                     shape:{
  33.                         src:asset('build/images/pattern.jpg'),
  34.                         backgroundcolor:false
  35.                     },
  36.                 }
  37.         } %}
  38.     </div>
  40.     <div class="l-container">
  42.         <div
  43.             class="l-row u-center">
  45.             {# Main #}
  46.             <div
  47.                 class="l-column CureDescription-main">
  49.                 {# Heading #}
  50.                 {% include "component/heading.html.twig" with {
  51.                     props: props.heading
  52.                 } %}
  54.                 {# Text #}
  55.                 <div class="CureDescription-wysiwyg">
  57.                     <div class="CureDescription-left">
  58.                         {% include "component/wysiwyg.html.twig" with {
  59.                             props: {
  60.                                 content: props.text.left
  61.                             }
  62.                         } %}
  63.                     </div>
  65.                     <div class="CureDescription-right">
  66.                         {% include "component/wysiwyg.html.twig" with {
  67.                             props: {
  68.                                 content: props.text.right
  69.                             }
  70.                         } %}
  71.                     </div>
  73.                 </div>
  75.             </div>
  77.         </div>
  79.         <div
  80.             class="l-row">
  82.             {# Message #}
  83.             {% if props.message %}
  85.                 <div class="CureDescription-message">
  87.                     {% include "component/svg.html.twig" with {
  88.                         props: {
  89.                             name: props.message.icon
  90.                         }
  91.                     } %}
  93.                     <p class="CureDescription-messageText">{{ props.message.text|raw }}</p>
  95.                 </div>
  97.             {% endif %}
  99.         </div>
  101.     </div>
  103. </section>