templates/sonata/Block/plan_lot.html.twig line 1

Open in your IDE?
  1. {% set lot = lot is defined ? lot : sonata_admin.admin.subject %}
  3. {% if lot.id is null %}
  4.     <i><i class="fa fa-info-circle"></i> Il est nécessaire d'enregistrer une première fois le lot pour afficher le plan sélectionné dans les pièces jointes.</i>
  5. {% else %}
  7.     {% if lot.imageAdminLot is not null %}
  8.         {% if lot.imageAdminLot.filename|unserialize is not null %}
  9.             {% for img in lot.imageAdminLot.filename|unserialize %}
  10.                 <img class="minia-plan minia-plan-white clickable-image" data-toggle="modal" data-backdrop="static" data-target="#planModal"  width="100%" loading="lazy" src="{{ asset(img) }}"/><br/>
  11.             {% endfor %}
  12.         {% else %}
  13.             <img class="minia-plan minia-plan-white clickable-image" data-toggle="modal" data-backdrop="static" data-target="#planModal"  width="100%" loading="lazy" src="{{ asset('uploads/pieces_jointes/' ~ lot.imageAdminLot.filename) }}"/>
  14.         {% endif %}
  15.     {% elseif lot.image is not null %}
  16.         <img class="h-100 w-100 minia-plan-white clickable-image" data-toggle="modal" data-backdrop="static" data-target="#planModal"  width="100%" loading="lazy" src="{{ asset('uploads/lots_images/' ~ lot.image) }}"><br/>
  17.     {% endif %}
  19.     <br/><br/><i><i class="fa fa-info-circle"></i> Modifier les pièces jointes puis cliquer sur "Enregistrer" pour actualiser le plan ci-dessus.</i>
  20. {% endif %}
  22. {% if lot.id is not null %}
  23.     <div class="modal fade" id="planModal" tabindex="-1" role="dialog" aria-labelledby="planModalLabel" aria-hidden="true">
  24.         <div class="modal-dialog" role="document">
  25.             <div class="modal-content">
  26.                 <div class="modal-header">
  27.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  28.                         <span aria-hidden="true">&times;</span>
  29.                     </button>
  31.                 </div>
  32.                 <div class="modal-body">
  33.                     {% if lot.imageAdminLot is not null %}
  34.                         {% if lot.imageAdminLot.filename|unserialize is not null %}
  35.                             {% for img in lot.imageAdminLot.filename|unserialize %}
  36.                                 <img class="minia-plan minia-plan-white" width="100%" loading="lazy" src="{{ asset(img) }}"/><br/>
  37.                             {% endfor %}
  38.                         {% else %}
  39.                             <img class="minia-plan minia-plan-white" width="100%" loading="lazy" src="{{ asset('uploads/pieces_jointes/' ~ lot.imageAdminLot.filename) }}"/>
  40.                         {% endif %}
  41.                     {% elseif lot.image is not null %}
  42.                         <img class="h-100 w-100 minia-plan-white" width="100%" loading="lazy" src="{{ asset('uploads/lots_images/' ~ lot.image) }}"><br/>
  43.                     {% endif %}
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </div>
  48. {% endif %}
  50. <script>
  51.     var modal = document.getElementById("planModal");
  53.     document.querySelectorAll('.clickable-image').forEach(item => {
  54.     item.onclick = function(){
  55.         modal.style.display = "block";
  56.     }
  57.     })
  58. </script>