templates/front/mobilier.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}UP-Mobilier{% endblock %}
  5. {% block body %}
  7.   <!-- debut de page-->
  8.   <div class="container pageUnique justify-content-center">
  10.     <div class="bandeauTitrePageUnique">Mobilier</div>
  12.     {% if allMob|length > 0 %}
  13.       {% for mob in allMob %}
  14.         {% if mob.actif == 1 %}
  16.           <div class="row mb-5">
  17.             {% set linkMob = mob.slug %}
  19.             {# recup les 3 premières photos #}
  20.             {% set arr = [] %}
  21.             {% for img in mob.mobilierImages %}
  22.               {% set lengthA = img.imgUrlFile|length %}
  23.               {% set ext = img.imgUrlFile|slice((lengthA - 3), 3) %}
  25.               {% if ext == 'mp4' or ext == 'm4v' %}
  26.               {% else %}
  27.                 {% set arr = arr|merge({(img.ordre): img}) %}
  28.               {% endif %}
  29.             {% endfor %}
  31.             {% if arr|length > 2 %}
  32.               {% set img1 = arr[0] %}
  33.               {% set img2 = arr[1] %}
  34.               {% set img3 = arr[2] %}
  35.             {% else %}
  37.             {% endif %}
  38.             {# dump(img3) #}
  41.             <!-- col 1 -->
  42.             <div class="col-md-4 screen gaucheMob" style="align-self:center;">
  43.               <a href="{{ path("paul_mobilier_detail", {'slug': linkMob }) }}">
  44.                 <table class="table table-borderless">
  45.                   <tr>
  46.                     <td style="padding:0;">
  47.                       <img class="img-fluid" src="{{ pathLocal }}uploads/mobilier/640/v_{{ img3.imgUrlFile }}" alt="">
  48.                     </td>
  49.                   </tr>
  50.                 </table>
  51.               </a>
  52.             </div>
  54.             <!-- col 2 -->
  55.             <div class="col-md-4 screen gaucheMob">
  56.               <a href="{{ path("paul_mobilier_detail", {'slug': linkMob }) }}"> 
  57.                 <table class="table table-borderless" style="vertical-align: middle; height:100%;">
  58.                   <tr>
  59.                     <td style="padding:0;">
  60.                       <img class="img-fluid" src="{{ pathLocal }}uploads/mobilier/640/v_{{ img2.imgUrlFile }}" alt="">
  61.                     </td>
  62.                   </tr>
  63.                 </table>
  64.               </a>
  65.             </div>
  66.             <!-- fin de gaucheMob 1 -->
  68.             <!-- col 3 -->
  69.             <div class="col-md-4 DroiteMob">
  70.               <div class="row">
  72.                 <!-- section IMG -->
  73.                 <a href="{{ path("paul_mobilier_detail", {'slug': linkMob }) }}">
  74.                 <div class="couvMob">
  75.                   <img class="imgCroixCouv" src="{{ pathLocal }}uploads/mobilier/640/v_{{ img1.imgUrlFile }}" alt="">
  77.                   <div class="">
  78.                     {{ mob.titre }}
  79.                     <div class="" style="width:66%; text-align:right; float:right;" >
  80.                       Découvrir
  81.                     </div>
  82.                   </div>
  84.                 </div>
  85.                 </a>
  88.               </div>
  89.             </div>
  90.             <!--fin DroiteMob -->
  93.           <div class="margeB"></div>
  95.         </div>
  97.         {% endif %}
  98.       {% endfor %}
  99.     {% endif %}
  103.     <div class="row">
  104.       {% include "elements/signatureFF.html.twig" %}
  105.     </div>
  107.     <div class="margeDuBas"></div>
  109.   </div>
  110.   <!--fin de page-->
  113. {% endblock %}