templates/pictures_view/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}ManiGalerie | Photos
  4. {% endblock %}
  6. {% block content %}
  8.     {% if pictures|length <= 0 %}
  9.         <div class="container mt-4">
  10.             <div class="row bordrline">
  11.                 <div class="col-md-8 p-5">
  12.                     <h2 class="title-noalbum">Aucune photo pour l'instant..</h2>
  13.                     <p>L'album n'a pour l'instant aucune photo à son actif</p>
  14.                     <p>Nous avons besoin de vous :</p>
  15.                     <p>Si vous possédez des photos, n’hésitez pas à les envoyer à 
  16.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             l’adresse suivante : photo@asmanissieux.fr</p>
  17.                     <a class="btn-block returnback" onclick="history.back()">Revenir en arrière</a>
  18.                 </div>
  19.                 <div class="col-md-4">
  20.                     <img src="{{ asset('assets/img/cloud-data1.svg') }}" alt="image erreur pas d'album" class="imgright">
  22.                 </div>
  24.             </div>
  25.         </div>
  26.     {% else %}
  27.         <div class="container head-description mt-4 mb-4">
  28.             <img class="leftimg" src="{{ asset('assets/img/travel.svg') }}" alt="Icone photo">
  29.             <div class="desc-album">
  30.                 <p>
  31.                     <span class="font-weight-bold">Album :</span>
  32.                     {{ album.name }}</p>
  33.                 <p>
  34.                     <span class="font-weight-bold">Catégorie :
  35.                     </span>
  36.                     {{ album.category.name }}</p>
  38.             </div>
  39.             <div class="nav-album">
  40.                 <a class="button-nav hover" href="#">Télécharger l'album</a>
  41.                 <a class="button-nav hover" onclick="history.back()">Revenir en arrière</a>
  42.             </div>
  43.         </div>
  44.         <div class="container">
  45.             <div class="row">
  47.                 {% for picture in pictures %}
  50.                     <div class="col-sm-6 col-md-4 col-lg-3">
  51.                         {% if is_granted('ROLE_ADMIN') %}
  52.                             <div class="dlt">
  53.                                 <a class="text-white" href="{{ asset('pictures/album/pictures/') }}{{ picture.image }}" download>
  54.                                     <i class="bi bi-box-arrow-down"></i>
  55.                                 </a>
  56.                             </div>
  57.                         {% endif %}
  58.                         <a href="{{ asset('pictures/album/pictures/') }}{{ picture.image }}" data-lightbox="mygallery">
  59.                             <img src="{{ asset('pictures/album/pictures/') }}{{ picture.image }}" alt="photo {{ picture.category.name }}" class="img-fluid"></a>
  60.                     </div>
  62.                 {% endfor %}
  63.             </div>
  64.         </div>
  65.     {% endif %}
  66. {% endblock %}