templates/project/show.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <img src="{{ vich_uploader_asset(project, 'imageFile') | imagine_filter('w1600') }}" class="cover_380"
  6. alt="{{ project.name }}">
  9. <div id='content_shaw_project' class="mt-5 mx-auto p-3 f_text_serif" style="max-width: 900px;">
  10.     <h1>{{ project.name }}</h1>
  11.     <h3> {{ project.client.name }}</h3>
  12.     {{ project.content|raw }}
  13.     <div class="my-4">
  14.         {% for category in project.category %}
  15.             <span class="badge bg-secondary rounded f_text_serif">{{ category.name }}</span>
  16.         {% endfor %}
  17.     </div>
  18. </div>
  20. {% if project.attachments %}
  21. <div class="container-fluid px-2">
  22.     {% if project.attachments|length == 1 %}
  23.     <div class="row">
  24.         {% for listImage in project.attachments %}
  25.             <div class="col-md-12 col-sm-12 py-2">
  26.                 <img src="{{ asset('/uploads/images/projects/attachments/' ~ listImage.image )|imagine_filter('w1600') }}"
  27.                      class="cover_420"
  28.                      alt="{{ listImage.project.name ~listImage.id}}">
  29.             </div>
  30.         {% endfor %}
  31.     </div>
  32.     {% elseif project.attachments|length >= 2 and project.attachments|length <= 4 %}
  33.         <div class="row p-1">
  34.             {% for listImage in project.attachments %}
  35.             <div class="col-md-6 col-sm-12 p-0">
  36.                 <img src="{{ asset('/uploads/images/projects/attachments/' ~ listImage.image )|imagine_filter('w800') }}"
  37.                      class="cover_380"
  38.                      alt="{{ listImage.project.name ~listImage.id}}">
  39.             </div>
  40.             {% endfor %}
  41.         </div>
  42.     {% else %}
  43.         <div id="attch_img" class="imgGrid grid">
  44.             <div class="imgGrid-size col-xs-6 col-sm-3 col-md-4"></div>
  45.             {% for listImage in project.attachments %}
  46.                 <div class="imgGrid-item col-xs-6 col-sm-3 col-md-4">
  47.                     <img id="attchImage" src="{{ asset('/uploads/images/projects/attachments/' ~ listImage.image ) }}"
  48.                          data-bs-toggle="modal"
  49.                          data-bs-target="#imageAttch"
  50.                          class="img-fluid"
  51.                          alt="{{ listImage.project.name ~listImage.id}}">
  52.                 </div>
  53.             {% endfor %}
  54.         </div>
  56.         <div class="modal bg-dark bg-opacity-75" id="imageAttch" aria-label="imageAttchLabel">
  57.             <div class="modal-dialog modal-dialog-centered modal-lg">
  58.                 <div class="modal-content bg-transparent border-0">
  59.                     <div class="modal-body">
  60.                         <img id="attchImage"
  61.                              src=""
  62.                              class="w-100"
  63.                              alt="image">
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     {% endif %}
  69. </div>
  70. {% endif %}
  72. {% if project.attachments|length >= 3 %}
  73. <div class="container-fluid">
  74.     <div id="return_button" class="mt-4 p-4">
  75.         <a href="{{ path('home') }}" class="px-0 hidden_link">
  76.             <i class="fas fa-chevron-left me-1"></i>
  77.             <span class='f_serif'>Retour</span>
  78.         </a>
  79.     </div>
  80. </div>
  81. {% endif %}
  82. {% endblock %}
  83. {% block javascripts %}
  84.     {{ parent() }}
  85.     {{ encore_entry_script_tags('imgGrid') }}
  86. {% endblock %}