templates/ajax/realisation.html.twig line 1

Open in your IDE?
  1. <div class="portfolio-ajax-page realisation-ajax">
  2. <div class="container-fluid">
  3. <div class="carousel" data-dots="true" data-lightbox="gallery" id="carousel{{ realisation.id }}" data-loop="false" data-adaptive-height="true">
  4. {% if realisation.image %}
  5. <div class="portfolio-item img-zoom classic-style ct-photography ct-media ct-branding ct-Media">
  6. <div class="portfolio-item-wrap">
  7. <div class="portfolio-image">
  8. <a target="_blank" href="{{ absolute_url(asset('images/upload/' ~ realisation.image)) }}">
  9. <img src="{{ asset('images/upload/' ~ realisation.image) }}" alt="">
  10. </a>
  11. </div>
  12. </div>
  13. </div>
  14. {% endif %}
  15. <!-- portfolio item -->
  16. {% for image in realisation.images %}
  17. <div class="portfolio-item img-zoom classic-style ct-photography ct-media ct-branding ct-Media">
  18. <div class="portfolio-item-wrap">
  19. <div class="portfolio-image">
  20. <a target="_blank" href="{{ absolute_url(asset(image.url)) }}">
  21. <img src="{{ asset(image.url) }}" alt="{{ image.altDesc }}">
  22. </a>
  23. </div>
  24. </div>
  25. </div>
  26. {% endfor %}
  27. </div>
  28. </div>
  29. <div class="container">
  30. <div class="project-description">
  31. <h2>{{ realisation.titre }}</h2>
  32. <h5>{{ realisation.adresse }}</h5>
  33. <div>{{ realisation.contenu | raw }}</div>
  34. <div>
  35. <ul class="pagination pagination-flat justify-content-arround realisationNavigation">
  36. {% if generalS.hasPreviousRealisation(realisation.id) %}
  37. <li class="page-item previous"><a href="{{ path('realisationAjax',{'realisation' : generalS.hasPreviousRealisation(realisation.id)}) }}" data-lightbox="ajax" class="page-link"> <i class="fa fa-angle-left"></i></a></li>
  38. {% endif %}
  39. {% if generalS.hasNextRealisation(realisation.id) %}
  40. <li class="page-item next"><a href="{{ path('realisationAjax',{'realisation' : generalS.hasNextRealisation(realisation.id)}) }}" data-lightbox="ajax" class="page-link"><i class="fa fa-angle-right"></i></a></li>
  41. {% endif %}
  42. </ul>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <script>
  49. INSPIRO.elements.magnificPopup()
  51. $('#carousel{{ realisation.id }}').on('ready.flickity', () => {
  52. setTimeout(function(){
  53. if($('#carousel{{ realisation.id }}').data('flickity').slides.length <= 1){
  54. $('#carousel{{ realisation.id }}').find('.flickity-button').addClass('d-none')
  55. }
  56. },500)
  58. })
  60. </script>