templates/front/theme1/bloc/bloc.html.twig line 1

Open in your IDE?
  1. {% if bloc is defined and bloc is not empty %}
  3.     {% if bloc.type == 'template' %}
  4.         {% if bloc.template is defined %}
  5.               {{bloc.template|raw}}
  6.         {% endif %}
  7.     {% endif %}
  9.     {% if bloc.type == 'bloc-service' and bloc.data != null %}
  10.         {% if bloc.data.alias == "bloc_travaux" %}
  11.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc_travaux.html.twig',{
  12.                 bloc: bloc.data,
  13.             }, with_context = false)}}
  14.         {% elseif bloc.data.alias == "bloc_raisons" %}
  15.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc_raisons.html.twig',{
  16.                 bloc: bloc.data,
  17.             }, with_context = false)}}
  18.         {% elseif bloc.data.alias == "chiffres"  %}
  19.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/chiffres.html.twig',{
  20.                 bloc: bloc.data,
  21.             }, with_context = false)}}
  22.         {% elseif bloc.data.alias == "Affichage des etape" %}
  23.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/etape.html.twig',{
  24.                 bloc: bloc.data,
  25.             }, with_context = false)}}
  26.          {% elseif bloc.data.alias == "affichage-court" %}
  27.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/court_affichage.html.twig',{
  28.                 bloc: bloc.data,
  29.             }, with_context = false)}}
  30.         {% elseif bloc.data.alias == "affichage_realisation" %}
  31.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/affichage_realisation.html.twig',{
  32.                 bloc: bloc.data,
  33.             }, with_context = false)}}
  34.         {% elseif bloc.data.alias == "affichage_atous" %}
  35.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/affichage_atous.html.twig',{
  36.                 bloc: bloc.data,
  37.             }, with_context = false)}}
  38.         {% elseif bloc.data.alias == "avantages" %}
  39.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/chiffres.html.twig',{
  40.                 bloc: bloc.data,
  41.             }, with_context = false)}}
  42.         {% endif %}         
  43.     {% endif %}
  45.     {% if bloc.type == 'bloc-partenaire' and bloc.data != null %}
  46.           {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc_partenaire.html.twig',{
  47.               bloc: bloc.data,
  48.           }, with_context = false)}}     
  49.     {% endif %}
  51.     
  52.     {% if  bloc.type == 'titre' %}
  53.       {% if bloc.title is defined %}
  54.           <div class="text-widget text-widget-{{bloc.id}}">
  55.               {{bloc.title|raw}}
  56.           </div>
  57.       {% endif %}
  58.     {% endif %}
  60.     {% if bloc.type == 'text' %}
  61.         {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc_titre_text.html.twig',{
  62.             bloc: bloc,
  63.         }, with_context = false)}}
  64.     {% endif %}
  66.     {% if bloc.type == 'text2' %}
  67.         {{ include('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc_image_text.html.twig',{
  68.             bloc: bloc,
  69.         }, with_context = false)}}
  70.     {% endif %}
  72.     {% if bloc.type == 'form' %}
  73.         {% if bloc.form.identifier == 'form-footer' %}
  74.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/form_footer.html.twig',{
  75.                 bloc: bloc,
  76.             }, with_context = false)}}
  77.         {% elseif bloc.form.identifier == 'form-contact' %}
  78.            {{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/contact_form.html.twig',{
  79.                 bloc: bloc,
  80.             }, with_context = false)}}
  81.         {% elseif bloc.form.identifier == 'form-devis' %}
  82.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/devis_form.html.twig',{
  83.                 bloc: bloc,
  84.             }, with_context = false)}}
  85.         {% elseif bloc.form.identifier == 'form-faq' %}
  86.             {{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/form_faq.html.twig',{
  87.                 bloc: bloc,
  88.             }, with_context = false)}}
  89.         {% else %}
  90.           {{ include('front/'~ app.request.server.get('APP_THEME') ~'/form/form.html.twig',{
  91.               bloc: bloc,
  92.           }, with_context = false)}}
  93.         {% endif %}
  94.     {% endif %}
  97.     {% if bloc.type == 'slider' and bloc.images is not empty %}
  98.         <div id="carouselDefaultIndicators" class="carousel slide slider-home" data-ride="carousel">
  99.           {% if bloc.images|length > 1 %}
  100.                 <ol class="carousel-indicators">
  101.                   {% for key,image in bloc.images %}
  102.                         <li data-target="#carouselDefaultIndicators" data-slide-to="{{key}}" {% if key == '0' %}class="active"{% endif %}></li>
  103.                   {% endfor %}
  104.                 </ol>
  105.           {% endif %}
  106.         </div>
  107.     {% endif %}
  110.     {% if bloc.type == 'video' %}
  111.         <section class="all-works espace-p-top text-center panel-st conducteur-trigger text-center">
  112.           <iframe width="962" height="541" src="{{bloc.url_video}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  113.         </section>
  114.     {% endif %}
  116.     {% if bloc.type == 'image' %}
  117.       <section id="BlocImage" class="BlocImage" {% if bloc.bgimage is defined and bloc.bgimage != null %}style="background: url({{bloc.bgimage}}) no-repeat" {% endif %}>
  118.         <div class="container">
  119.           <div class="text-center">
  120.             <p>{{bloc.title}}</p>
  121.           </div>
  122.         </div>
  123.       </section>
  124.     {% endif %}
  127.     {% if bloc.type == 'carousel' %}
  128.         <div class="BlocCarousel">
  129.               <div class="container-fluid">
  130.                     <div class="row justify-content-center">
  131.                       <div class="col-sm-12 col-md-6 col-lg-6">
  132.                             {% if bloc.images is defined and bloc.images is not empty %}
  133.                                   <div id="carousel{{bloc.id}}" class="carousel slide" data-ride="carousel">
  134.                                       {# <ol class="carousel-indicators">
  135.                                           {% for  key,image in bloc.images %}
  136.                                               <li data-target="#carousel{{bloc.id}}" data-slide-to="{{key}}" {% if key == '0' %}class="active"{% endif %}></li>
  137.                                           {% endfor %}
  138.                                       </ol> #}
  139.                                       <div class="carousel-inner text-center">
  140.                                           {% for  key,file in bloc.images  %}
  141.                                           <div {% if key == '0' %}class="carousel-item active" {% else %} class="carousel-item" {% endif %}>
  142.                                               {# <a href="{{asset('/uploads/gallery/'~ file.image)}}" data-fancybox="{{file.image}}" data-caption="{{file.image}}" class="icon-loupe">
  143.                                                   <img src="{{asset('/uploads/icons/icone_loupe.png')}}" alt="icon-loupe">
  144.                                               </a> #}
  145.                                               <img src="{{asset('/uploads/gallery/'~ file.image)| imagine_filter('img_carousel')}}" class="img-carousel img-fluid" alt="{{file.image}}">
  146.                                           </div>
  147.                                           {% endfor %}
  148.                                       </div>
  149.                                   </div>
  150.                             {% endif %}
  151.                       </div>
  152.                     </div>
  153.               </div>
  154.         </div>
  155.     {% endif %}
  157.     {% if bloc.type == 'carousel2' %}
  158.         <div class="BlocCarousel">
  159.               <div class="container-fluid">
  160.                     <div class="row">
  161.                       {% set carousel2_g1 = bloc.gridcarousel != null? (12 - bloc.gridcarousel):'6' %}
  162.                       {% set carousel2_g2 = bloc.gridcarousel != null? bloc.gridcarousel:'6' %}
  163.                       <div class="col-sm-12 col-md-{{carousel2_g1}} col-lg-{{carousel2_g1}} {{bloc.position == 'left'?'order-2':'order-1'}}">
  164.                             {{bloc.content|raw}}
  165.                       </div>
  166.                       <div class="col-sm-12 col-md-{{carousel2_g2}} col-lg-{{carousel2_g2}} {{bloc.position == 'left'?'order-1':'order-2'}}">
  167.                             {% if bloc.images is defined and bloc.images is not empty %}
  168.                                   <div id="carousel{{bloc.id}}" class="carousel slide" data-ride="carousel">
  169.                                       {# <ol class="carousel-indicators">
  170.                                           {% for  key,image in bloc.images %}
  171.                                               <li data-target="#carousel{{bloc.id}}" data-slide-to="{{key}}" {% if key == '0' %}class="active"{% endif %}></li>
  172.                                           {% endfor %}
  173.                                       </ol> #}
  174.                                       <div class="carousel-inner text-center">
  175.                                           {% for  key,file in bloc.images  %}
  176.                                           <div {% if key == '0' %}class="carousel-item active" {% else %} class="carousel-item" {% endif %}>
  177.                                               {# <a href="{{asset('/uploads/gallery/'~ file.image)}}" data-fancybox="{{file.image}}" data-caption="{{file.image}}" class="icon-loupe">
  178.                                                   <img src="{{asset('/uploads/icons/icone_loupe.png')}}" alt="icon-loupe">
  179.                                               </a> #}
  180.                                               <img src="{{asset('/uploads/gallery/'~ file.image)| imagine_filter('img_carousel')}}" class="img-carousel  img-fluid" alt="{{file.image}}">
  181.                                           </div>
  182.                                           {% endfor %}
  183.                                       </div>
  184.                                   </div>
  185.                             {% endif %}
  186.                       </div>
  187.                     </div>
  188.               </div>
  189.         </div>
  190.     {% endif %}
  192. {% endif %}