templates/pages/news.html.twig line 1

Open in your IDE?
  1. {# @var pageinfo \App\Controller\PageInfo #}
  2. {# @var page \App\Controller\Objects\Page #}
  3. {% extends 'base.html.twig' %}
  5.     {% block og %}
  6.         <meta property="og:url"         content="{{ app.request.server.get('APP_URL') }}/news" />
  7.         <meta property="og:type"        content="website" />
  8.         <meta property="og:title"       content="NEWS" />
  9.         <meta property="og:description" content="Informační kanál aktuálních událostí kultury a sportu v Chomutově." />
  10.         <meta property="og:image"       content="{{ app.request.server.get('APP_URL') }}/assets/custom/img/og.png" />
  11.     {% endblock %}
  13. {% block body %}
  15.     <div class=" ms-hero-page ms-hero-bg-info mb-6" style="background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('{{ page.picture.small }}'); background-position-x: right ">
  17.         {% if pageinfo.info != '' %}
  18.             <div class="container" style="position: relative; top: -80px">
  19.                 <div id="id-header-news">
  20.                     <i class="fa fa-info-circle"></i>
  21.                     <div class="marquee">
  22.                         <div class="marquee-content">{{ pageinfo.info|raw }}</div>
  23.                     </div>
  24.                 </div>
  25.             </div>
  26.         {% endif %}
  28.         <div class="text-center color-white mt-6 mb-6 index-1">
  29.             <h1>{{ page.title }}</h1>
  30.             <p class="lead lead-lg mb-4">Informační kanál aktuálních událostí kultury a sportu v Chomutově</p>
  32.         </div>
  33.     </div>
  35.     <div class="container" style="margin-top: -110px">
  36.     <div class="row">
  37.         <div class="col-lg-9">
  38.             <article class="card card-default wow zoomInRight animation-delay-1 mb-4" style="visibility: visible; animation-name: zoomInRight; min-height: 1460px;">
  39.                     <div class="mt-0">
  40.                         <div class="row">
  41.                             <div class="col-1"> </div>
  42.                             <div class="col-10" id="id-news">
  43.                                 {% include 'partials/news_ajax.html.twig' %}
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.             </article>
  48.         </div>
  49.         {% include 'partials/sidecol.html.twig' %}
  50.     </div>
  51. </div>
  53. {% endblock %}
  56. {% block javascripts %}
  57.     {{ parent() }}
  58.     <script src="/assets/js/component-carousels-1.js"></script>
  60.     <script>
  61.         $(document).ready(function(){
  62.             pagination();
  63.         });
  65.         function pagination() {
  66.             $('.page-link').on('click', function(e) {
  67.                 let page = $(this).data('page');
  68.                 $('#id-news').load( '/news/'+page+'/ajax', function() {
  69.                     window.history.pushState('news'+page, '', '/news/'+page);
  70.                     pagination();
  71.                 });
  72.                 return false;
  73.             });
  74.         }
  75.     </script>
  76. {% endblock %}