templates/home/favoris.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Vos favoris {{ parent() }} {% endblock %}
  5. {% block body %}
  7. <style>
  8.     .carousel-indicators {
  9.         right: auto; /* ou la valeur que vous souhaitez définir */
  10.     }
  11. </style>
  13. <h1 class="text-center my-3">Vos favoris</h1>
  14. <div id="favoris-container" class="container">
  15.     <div class="row">
  16.         {% for property in properties %}
  17.         <div class="col-sm-4 mb-4 bordered">            
  18.            
  19.                     {% if property.images|length > 0 %}
  20.                     
  21.                          <div  style="min-height:200px;">
  22.                <div class="p-3">                         
  23.                                                         
  24.                                 <img src="{{ asset('images/properties/' ~ property.images[0].imagename) }}" style="width: -webkit-fill-available; height:215px;" class="d-block w-100 animate__animated animate__fadeIn" alt="{{ 'Image ' ~ loop.index0 ~ ' de ' ~ property.title }}">
  25.                             </div>                         
  26.  
  27.                       <div class="py-3 text-center"><h3>{{ property.title }}</h3></div>
  28.                         </div>
  29.                     
  30.                     {% else %}
  32.             <div>
  33.                     <img src="{{ asset ('images/no-image.png') }}" style="width: -webkit-fill-available; height: -webkit-fill-available"  alt="No image available">
  34.             </div>
  35.             <div class="py-3"><h2>{{ property.title }}</h2></div>
  38.                     {% endif %}
  43.             <div class="d-flex flex-row justify-content-center">
  44.                             <button class="btn m-1 rounded shadow-sm" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://127.0.0.1/coupdcoeurimmo/public/properties/{{ property.id }}', 'facebook-share-dialog'); return false;">
  45.                                 <i class="fa fa-facebook" arfia-label=" Partager sur Facebook" title="Partager sur Facebook"></i>
  46.                             </button>
  48.                             <button class="btn m-1 rounded shadow-sm" onclick="window.open('https://twitter.com/share?url=http://127.0.0.1/coupdcoeurimmo/public/properties/{{ property.id }}', 'twitter-share-dialog', 'width=626,height=436'); return false;">
  49.                                 <i class="fa fa-twitter" aria-label="Partager sur Twitter" title="Partager sur Twitter"></i>
  50.                             </button>
  52.                             <button class="btn m-1 favori-button rounded shadow-sm" onclick="toggleFavori({{ property.id }})" data-property-id="{{ property.id }}">
  53.                                 <i class="fa fa-heart" aria-label=" Ajouter aux favoris" title="Retirer des favoris"></i>
  54.                             </button>
  56.                             <!-- Bouton "Voir" -->
  57.                             <a class="btn bg-light m-1 rounded px-5 shadow-sm" href="{{ path('app_properties_show', { 'id': property.id }) }}" aria-label="Voir {{ property.title }}">Voir</a>
  58.                             
  59.                         </div>
  63.         </div>
  65.                    
  66.                         
  67.                    
  68.             
  69.         {% endfor %}
  70.     </div>
  71. </div>
  73. {% endblock %}
  75. {% block javascripts %}
  76.     {{ parent() }}
  77.     <script src="{{ asset('js/favorit.js') }}"></script>
  78. {% endblock %}