templates/front/gallery/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %} {{ 'app.gallery.title'|trans }} {{ parent() }} {% endblock %}
  5. {% block breadcrumb_title %}{{ 'app.gallery.title'|trans }}{% endblock %}
  6. {% block breadcrumb_sub_title %}{{ 'app.gallery.introduction'|trans }}{% endblock %}
  8. {% block body %}
  9.     <!--Start Latest gallery Area-->
  10.     <section class="latest-portfolio-area">
  11.         <div class="container">
  12.             <div class="gallery-box">
  13.                 <div class="row masonary-layout">
  14.                     {% for media in medias %}
  15.                         {% include 'front/gallery/media.html.twig' with {'media': media} %}
  16.                     {% endfor %}
  17.                 </div>
  18.             </div>
  19.             {% if page < medias.pageCount %}
  20.                 <div class="row load-more-section">
  21.                     <div class="col-xl-12">
  22.                         <div class="all-portfolio-button text-center">
  23.                             <a class="btn-one load-more"><span class="txt" style="color: black; cursor:pointer">{{ 'app.gallery.view_more'|trans }}</span></a>
  24.                         </div>
  25.                     </div>
  26.                 </div>
  27.             {% endif %}
  28.         </div>
  29.     </section>
  30.     <!--End Latest gallery Area-->
  31. {% endblock %}
  33. {% block javascripts %}
  34.     <script>
  35.         $( document ).ready(function() {
  36.             var currentPage = {{ page }},
  37.                 totalPages = {{ medias.pageCount }};
  39.             $(".load-more").click(function(e) {
  40.                 var nextPage = currentPage + 1;
  41.                 var url = Routing.generate('front_gallery_load.' + locale, {page: nextPage});
  42.                 $.get(url, function(data, status){
  43.                     if (status == 'success') {
  44.                         currentPage = nextPage;
  45.                         $(".gallery-box").append(data);
  46.                         if (currentPage === totalPages) {
  47.                             $(".load-more-section").css('display', 'none');
  48.                         }
  49.                     }
  50.                 });
  51.             });
  52.         });
  53.     </script>
  54. {% endblock %}