templates/Frontend/news/new.html.twig line 1

Open in your IDE?
  1. {% extends 'Frontend/layout.html.twig' %}
  3. {% set newsAbsPath = url('new', {'seoSlug' : new.getTranslations[0].getTitle() | make_url_phrase, 'id' : new.getId() }) %}
  4. {% if new.images[0] is defined %}
  5.     {% set imgPath =  IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_backendGallery.' ~ new.images[0].extension %}
  6.     {% set imgSocialMediaPath =  IMG_PATH ~ new.images[0].section ~ '/' ~ new.images[0].itemId ~ '/resized/' ~ new.images[0].id ~ '_socialmedia.' ~ new.images[0].extension %}
  7. {% else %}
  8.     {% set imgPath = '' %}
  9. {% endif %}
  11. {% block stylesheets %}
  12.     {{ parent() }}
  13.     <link rel="stylesheet" href="{{ asset('css/frontend/lightgallery/lightgallery.css') }}" />
  14.     <link rel="stylesheet" href="{{ asset('css/frontend/lightgallery/lightgallery-bundle.css') }}" />
  15. {% endblock %}
  16. {% block seo %}
  17.     <meta property="og:type" content="website" />
  18.     <meta property="og:title" content="{{ (new.getTranslations()[0].getSeoTitle())?new.getTranslations()[0].getSeoTitle()|raw:new.getTranslations()[0].getTitle() }}" />
  19.     <title>{{ (new.getTranslations()[0].getSeoTitle())?new.getTranslations()[0].getSeoTitle()|raw :new.getTranslations()[0].getTitle() }}</title>
  20.     <meta property="og:description" content="{{ (new.getTranslations()[0].getSeoDescription())?new.getTranslations()[0].getSeoDescription()|raw:new.getTranslations()[0].getSubtitle()|raw }}" />
  22.     <meta name="description" content="{{ (new.getTranslations()[0].getSeoDescription())?new.getTranslations()[0].getSeoDescription()|raw:new.getTranslations()[0].getSubtitle()|raw}}"/>
  23.     {% if fileExists %}
  24.         <meta property="og:image" itemprop="image" content="{{ absolute_url(asset(imgSocialMediaPath)) }}" />
  25.     {% else %}
  26.         <meta property="og:image" itemprop="image" content="{{ absolute_url(asset(imgPath)) }}" />
  27.     {% endif %}
  28.     <meta name="twitter:site" content="@RCDEspanyol" />
  29.     {#    {{ dump( absolute_url(asset(imgPath) )) }}#}
  30. {% endblock %}
  32. {% block content %}
  34.     {# dump(new) #}
  35.     {#   aa {% set newsAbsPath = PATH_ABS|trim('/', 'right') ~ path('new', {'seoSlug' : new.getTranslations()[0].getTitle() | make_url_phrase, 'id' : new.getId() }) %}#}
  37. {% if new.id == news_for_china_only %}
  38.     {% if fromChina is not empty %}
  39.      <section id="new">
  40.         <article>
  41.             <div class="grid-container">
  42.                 <div class="grid-x grid-margin-x">
  43.                     <!-- News content -->
  44.                     <div id="content" class="cell small-12 medium-8 large-7">
  45.                         <a href="{{ path('news') }}" role="button" tabindex="0" class="back">
  46.                             <img src="{{ asset('assets/images/icon/chevron.svg') }}" alt="{% trans %}Atrás{% endtrans %}" title="{% trans %}Atrás{% endtrans %}"/>
  47.                             <span>{% trans %}Atrás{% endtrans %}</span>
  48.                         </a>
  49.                         <header>
  50.                             <h1>{{ new.getTranslations()[0].getTitle() }}</h1>
  51.                         </header>
  52.                         <header>
  53.                             <h2>{{ new.getTranslations()[0].getSubtitle() }}</h2>
  54.                         </header>
  55.                         <div class="tools">
  56.                             {% for categ in new.getCategories() %}
  57.                                 <div class="category">
  58.                                     <a href="{{ path('newsByCateg', {
  59.                                     'seoSlugCategory' : categ.getTranslations()[0].getName() | make_url_phrase,
  60.                                     'id' : categ.getId() }) }}" title="{{ categ.getTranslations()[0].getName() }}" class="">{{ categ.getTranslations()[0].getName() }}</a>
  61.                                 </div>
  62.                             {% endfor %}
  63.                             <span class="dia">{{ new.getPublicationDate() | date('d/m/Y') }}</span>
  64.                             <span class="hora">{{ new.getPublicationDate() | date('H:i:s') }}</span>
  65.                             <span class="share"><a href="https://www.facebook.com/sharer/sharer.php?u={{ newsAbsPath }}" target="_blank"><i class="fab fa-2x fa-facebook-f"></i></a></span>
  66.                             <span class="share xtwitter"><a href="https://twitter.com/intent/tweet?url={{ newsAbsPath }}" target="_blank"><img src="{{ asset('assets/images/icon/x-twitter.svg') }}" alt="Twitter" title="Twitter"/></a></span>
  67.                             <span class="hide-for-small-only share"><a href="https://web.whatsapp.com/send?text={{ newsAbsPath }}" title="WhatsApp" target="_blank" data-param-url="{{ newsAbsPath }}" data-action="share/whatsapp/share" data-param-description="{{ new.getTranslations()[0].getSeoDescription() }}" data-param-title="{{ new.getTranslations()[0].getTitle() }}"><i class="fab fa-2x fa-whatsapp" aria-hidden="true"></i></a></span>
  68.                             <span class="show-for-small-only share"><a href="whatsapp://send?text={{ newsAbsPath }}" title="WhatsApp" target="_blank" data-param-url="{{ newsAbsPath }}" data-action="share/whatsapp/share" data-param-description="{{ new.getTranslations()[0].getSeoDescription() }}" data-param-title="{{ new.getTranslations()[0].getTitle() }}"><i class="fab fa-2x fa-whatsapp" aria-hidden="true"></i></a></span>
  69.                         </div>
  71.                         {% if new.getKalturaId() is not empty %}
  72.                             <div class="responsive-embed">
  73.                                 <iframe type="text/javascript" src='https://cdnapisec.kaltura.com/p/4626453/embedPlaykitJs/uiconf_id/50311432?iframeembed=true&entry_id={{ new.KalturaId() }}' style="width: 100%; height: 100%;" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0"></iframe>
  74.                             </div>
  75.                         {% else %}
  76.                             <figure>
  77.                                 <img src="{{ imgPath }}" alt="{{ new.getTranslations()[0].getTitle() }}" title="{{ new.getTranslations()[0].getTitle() }}" />
  78.                             </figure>
  79.                         {% endif %}
  81.                         {{ new.getTranslations()[0].getText() | raw }}
  82.                         {% if new.getVideo1() is not empty %}
  83.                             <p><a href="{{ new.getVideo1() }}">{{ new.getVideo1() }}</a></p>
  84.                             {% endif %}
  85.                             {% if new.getVideo2() is not empty %}
  86.                             <p><a href="{{ new.getVideo2() }}">{{ new.getVideo2() }}</a></p>
  87.                             {% endif %}
  88.                             {% include 'Frontend/news/match_stats.html.twig' %}
  90.                     </div>
  92.                     <!-- Sidebar -->
  93.                     <aside id="sidebar" class="cell small-12 medium-4 large-5">
  94.                         {% if new.getBanner() | default and new.getBanner().getImages()[0] | default %}
  95.                             {% set bannerImg = new.getBanner().getImages()[0] %}
  96.                             <div class="sponsor">
  97.                                 <a href="{{ new.getBanner().getTranslations()[0].getLink() }}" rel="noopener noreferrer" target="_blank" title="{{ new.getBanner().getTranslations()[0].getTitle() }}">
  98.                                     <img src="{{ IMG_PATH ~ bannerImg.section ~ '/' ~ bannerImg.itemId ~ '/resized/' ~ bannerImg.id ~ '_backendGallery.' ~ bannerImg.extension }}" alt="{{ new.getBanner().getTranslations()[0].getTitle() }}" />
  99.                                 </a>
  100.                             </div>
  101.                         {% endif %}
  102.                         {% if new.getBanner2() | default and new.getBanner2().getImages()[0] | default %}
  103.                             {% set bannerImg = new.getBanner2().getImages()[0] %}
  104.                             <div class="sponsor">
  105.                                 <a href="{{ new.getBanner2().getTranslations()[0].getLink() }}" rel="noopener noreferrer" target="_blank" title="{{ new.getBanner2().getTranslations()[0].getTitle() }}">
  106.                                     <img src="{{ IMG_PATH ~ bannerImg.section ~ '/' ~ bannerImg.itemId ~ '/resized/' ~ bannerImg.id ~ '_backendGallery.' ~ bannerImg.extension }}" alt="{{ new.getBanner2().getTranslations()[0].getTitle() }}" />
  107.                                 </a>
  108.                             </div>
  109.                         {% endif %}
  110.                         {% include 'Frontend/common/nextmatch.html.twig' %}
  111.                         {% for banner in banners %}
  112.                             {% if banner.image is defined and banner.image is not empty %}
  113.                                 <div class="banner">
  114.                                     <header>
  115.                                         <h4>{{ banner.record.title }}</h4>
  116.                                     </header>
  117.                                     <a href="{{ banner.record.link }}"  target="_blank" title="{{ banner.record.title }}">
  118.                                         <img src="{{banner.image }}" alt="{{ banner.record.title }}" />
  119.                                     </a>
  120.                                 </div>
  121.                             {% endif %}
  122.                         {% endfor %}
  123.                         <div class="download">
  124.                             <div class="" role="main">
  125.                                 <header>
  126.                                     <h4>{% trans %}Descárgate la app{% endtrans %}</h4>
  127.                                 </header>
  128.                                 <p>{% trans %}Todos los detalles del partido en tu móvil{% endtrans %}</p>
  129.                                 <div class="" role="button">
  130.                                     <a class="" href="https://apps.apple.com/app/rcd-espanyol-de-barcelona/id1482739348?ls=1&amp;l=" target="_blank" rel="noopener noreferrer">
  131.                                         <img src="{{ asset('assets/images/tmp/download-appstore.png') }}" alt="Download it on the App Store" title="Download it on the App Store" />
  132.                                     </a>
  133.                                     <a class="" href="https://play.google.com/store/apps/details?id=com.rcdespanyol.app&amp;hl=" target="_blank" rel="noopener noreferrer">
  134.                                         <img src="{{ asset('assets/images/tmp/google-play.png') }}" alt="Get it on Google Play" title="Get it on Google Play"/>
  135.                                     </a>
  136.                                 </div>
  137.                                 <div class="" role="figure">
  138.                                     <img src="{{ asset('assets/images/static/rcde_banner_app.png') }}" alt="{% trans %}Descárgate la app{% endtrans %}" title="{% trans %}Descárgate la app{% endtrans %}" />
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                     </aside>
  143.                     <aside id="download">
  144.                         <div class="grid-container">
  146.                             {% if new.getDocuments()|default %}
  147.                                 <header>
  148.                                     <h3>{% trans %}Archivos{% endtrans %}</h3>
  149.                                 </header>
  150.                                 <ul>
  151.                                     {% for doc in new.getDocuments() %}
  152.                                         <li class="cell">
  153.                                             <a href="{{ DOC_PATH ~ doc.section ~ '/' ~ doc.itemId ~ '/' ~ doc.id ~ '.' ~ doc.extension }}" title="{{ doc.fileName }}" target="_blank">
  154.                                                 <figure>
  155.                                                     <img src="{{ asset('assets/images/icon/file.svg') }}" alt="{{ doc.extension }}" />
  156.                                                 </figure>
  157.                                                 <span>{{ doc.fileName }}</span>
  158.                                                 <div>
  159.                                                     <span>{{ doc.extension }}</span>
  160.                                                     <span><img src="{{ asset('assets/images/icon/download.svg') }}"></span>
  161.                                                 </div>
  162.                                             </a>
  163.                                         </li>
  164.                                     {% endfor %}
  165.                                 </ul>
  166.                             {% endif %}
  167.                         </div>
  168.                     </aside>
  169.                 </div>
  170.             </div>
  171.             <aside class="fixgallery">
  172.                 <header>
  173.                     <h2>{% trans %}Galería{% endtrans %}</h2>
  174.                 </header>
  175.                 <div id="lightgallery" class="gallery-carousel">
  176.                     {% if new.images|default %}
  177.                         {% for image in new.images %}
  178.                             <div class="item" data-src="{{ IMG_PATH ~ image.section ~ '/' ~ image.itemId ~ '/resized/' ~ image.id ~ '_backendGallery.' ~ image.extension }}" title="" data-index="0" />
  179.                             <figure>
  180.                                 <img src="{{ IMG_PATH ~ image.section ~ '/' ~ image.itemId ~ '/resized/' ~ image.id ~ '_backendGallery.' ~ image.extension }}"/>
  181.                             </figure>
  182.                         </div>
  183.                     {% endfor %}
  184.                 {% endif %}
  185.                 </div>
  186.             </aside>
  187.             {# dump(relatedNews) #}
  188.             {% if relatedNews is not empty %}
  189.                 <aside id="related">
  190.                     <div class="grid-container">
  191.                         <div class="grid-x grid-margin-x">
  192.                             <header class="cell small-12 medium-11 large-11">
  193.                                 <h2>{% trans %}Noticias relacionadas{% endtrans %}</h2>
  194.                             </header>
  195.                         </div>
  196.                         <div class="related">
  197.                             {% for relNew in relatedNews %}
  198.                                 {% if relNew.getTranslations()[0].getTitle() | default %}
  199.                                     {% set relNewPath = path('new', {'seoSlug' : relNew.getTranslations[0].getTitle() | make_url_phrase, 'id' : relNew.getId() }) %}
  200.                                 {% else %}
  201.                                     {% set relNewPath = '' %}
  202.                                 {% endif %}
  203.                                 {% if relNew.images[0] is defined %}
  204.                                     {% set imgPath =  IMG_PATH ~ relNew.images[0].section ~ '/' ~ relNew.images[0].itemId ~ '/resized/' ~ relNew.images[0].id ~ '_backendGallery.' ~ relNew.images[0].extension %}
  205.                                 {% else %}
  206.                                     {% set imgPath = '' %}
  207.                                 {% endif %}
  208.                                 <div>
  209.                                     <figure>
  210.                                         <a href="{{ relNewPath }}" title="{{ relNew.getTranslations[0].getTitle() }}">
  211.                                             <img src="{{ imgPath }}" alt="{{ relNew.getTranslations[0].getTitle() }}" />
  212.                                         </a>
  213.                                     </figure>
  214.                                     <div class="description">
  215.                                         <header>
  216.                                             <h3><a href="{{ relNewPath }}" title="{{ relNew.getTranslations[0].getTitle() }}">{{ relNew.getTranslations[0].getTitle() }}</a></h3>
  217.                                         </header>
  218.                                         <p>
  219.                                             {% for categ in relNew.getCategories() %}
  220.                                                 <a href="{{ path('newsByCateg', {
  221.                                             'seoSlugCategory' : categ.getTranslations()[0].getName() | make_url_phrase,
  222.                                             'id' : categ.getId() }) }}" title="{{ categ.getTranslations()[0].getName() }}" class="category">{{ categ.getTranslations()[0].getName() }}</a>
  223.                                             {% endfor %}
  224.                                             <span>{{ relNew.getPublicationDate() | date('d/m/Y') }}</span>
  225.                                         </p>
  226.                                     </div>
  227.                                 </div>
  228.                             {% endfor %}
  229.                         </div>
  230.                     </div>
  231.                 </aside>
  232.             {% endif %}
  233.         </article>
  234.     </section>
  235.     {% endif %}
  236. {% else %}
  238.  <section id="new">
  239.         <article>
  240.             <div class="grid-container">
  241.                 <div class="grid-x grid-margin-x">
  242.                     <!-- News content -->
  243.                     <div id="content" class="cell small-12 medium-8 large-7">
  244.                         <a href="{{ path('news') }}" role="button" tabindex="0" class="back">
  245.                             <img src="{{ asset('assets/images/icon/chevron.svg') }}" alt="{% trans %}Atrás{% endtrans %}" title="{% trans %}Atrás{% endtrans %}"/>
  246.                             <span>{% trans %}Atrás{% endtrans %}</span>
  247.                         </a>
  248.                         <header>
  249.                             <h1>{{ new.getTranslations()[0].getTitle() }}</h1>
  250.                         </header>
  251.                         <header>
  252.                             <h2>{{ new.getTranslations()[0].getSubtitle() }}</h2>
  253.                         </header>
  254.                         <div class="tools">
  255.                             {% for categ in new.getCategories() %}
  256.                                 <div class="category">
  257.                                     <a href="{{ path('newsByCateg', {
  258.                                     'seoSlugCategory' : categ.getTranslations()[0].getName() | make_url_phrase,
  259.                                     'id' : categ.getId() }) }}" title="{{ categ.getTranslations()[0].getName() }}" class="">{{ categ.getTranslations()[0].getName() }}</a>
  260.                                 </div>
  261.                             {% endfor %}
  262.                             <span class="dia">{{ new.getPublicationDate() | date('d/m/Y') }}</span>
  263.                             <span class="hora">{{ new.getPublicationDate() | date('H:i:s') }}</span>
  264.                             <span class="share"><a href="https://www.facebook.com/sharer/sharer.php?u={{ newsAbsPath }}" target="_blank"><i class="fab fa-2x fa-facebook-f"></i></a></span>
  265.                             <span class="share xtwitter"><a href="https://twitter.com/intent/tweet?url={{ newsAbsPath }}" target="_blank"><img src="{{ asset('assets/images/icon/x-twitter.svg') }}" alt="Twitter" title="Twitter"/></a></span>
  266.                             <span class="hide-for-small-only share"><a href="https://web.whatsapp.com/send?text={{ newsAbsPath }}" title="WhatsApp" target="_blank" data-param-url="{{ newsAbsPath }}" data-action="share/whatsapp/share" data-param-description="{{ new.getTranslations()[0].getSeoDescription() }}" data-param-title="{{ new.getTranslations()[0].getTitle() }}"><i class="fab fa-2x fa-whatsapp" aria-hidden="true"></i></a></span>
  267.                             <span class="show-for-small-only share"><a href="whatsapp://send?text={{ newsAbsPath }}" title="WhatsApp" target="_blank" data-param-url="{{ newsAbsPath }}" data-action="share/whatsapp/share" data-param-description="{{ new.getTranslations()[0].getSeoDescription() }}" data-param-title="{{ new.getTranslations()[0].getTitle() }}"><i class="fab fa-2x fa-whatsapp" aria-hidden="true"></i></a></span>
  268.                         </div>
  270.                         {% if new.getKalturaId() is not empty %}
  271.                             <div class="responsive-embed">
  272.                                 <iframe type="text/javascript" src='https://cdnapisec.kaltura.com/p/4626453/embedPlaykitJs/uiconf_id/50311432?iframeembed=true&entry_id={{ new.KalturaId() }}' style="width: 100%; height: 100%;" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0"></iframe>
  273.                             </div>
  274.                         {% else %}
  275.                             <figure>
  276.                                 <img src="{{ imgPath }}" alt="{{ new.getTranslations()[0].getTitle() }}" title="{{ new.getTranslations()[0].getTitle() }}" />
  277.                             </figure>
  278.                         {% endif %}
  280.                         {{ new.getTranslations()[0].getText() | raw }}
  281.                         {% if new.getVideo1() is not empty %}
  282.                             <p><a href="{{ new.getVideo1() }}">{{ new.getVideo1() }}</a></p>
  283.                             {% endif %}
  284.                             {% if new.getVideo2() is not empty %}
  285.                             <p><a href="{{ new.getVideo2() }}">{{ new.getVideo2() }}</a></p>
  286.                             {% endif %}
  287.                             {% include 'Frontend/news/match_stats.html.twig' %}
  289.                     </div>
  291.                     <!-- Sidebar -->
  292.                     <aside id="sidebar" class="cell small-12 medium-4 large-5">
  293.                         {% if new.getBanner() | default and new.getBanner().getImages()[0] | default %}
  294.                             {% set bannerImg = new.getBanner().getImages()[0] %}
  295.                             <div class="sponsor">
  296.                                 <a href="{{ new.getBanner().getTranslations()[0].getLink() }}" rel="noopener noreferrer" target="_blank" title="{{ new.getBanner().getTranslations()[0].getTitle() }}">
  297.                                     <img src="{{ IMG_PATH ~ bannerImg.section ~ '/' ~ bannerImg.itemId ~ '/resized/' ~ bannerImg.id ~ '_backendGallery.' ~ bannerImg.extension }}" alt="{{ new.getBanner().getTranslations()[0].getTitle() }}" />
  298.                                 </a>
  299.                             </div>
  300.                         {% endif %}
  301.                         {% if new.getBanner2() | default and new.getBanner2().getImages()[0] | default %}
  302.                             {% set bannerImg = new.getBanner2().getImages()[0] %}
  303.                             <div class="sponsor">
  304.                                 <a href="{{ new.getBanner2().getTranslations()[0].getLink() }}" rel="noopener noreferrer" target="_blank" title="{{ new.getBanner2().getTranslations()[0].getTitle() }}">
  305.                                     <img src="{{ IMG_PATH ~ bannerImg.section ~ '/' ~ bannerImg.itemId ~ '/resized/' ~ bannerImg.id ~ '_backendGallery.' ~ bannerImg.extension }}" alt="{{ new.getBanner2().getTranslations()[0].getTitle() }}" />
  306.                                 </a>
  307.                             </div>
  308.                         {% endif %}
  309.                         {% include 'Frontend/common/nextmatch.html.twig' %}
  310.                         {% for banner in banners %}
  311.                             {% if banner.image is defined and banner.image is not empty %}
  312.                                 <div class="banner">
  313.                                     <header>
  314.                                         <h4>{{ banner.record.title }}</h4>
  315.                                     </header>
  316.                                     <a href="{{ banner.record.link }}"  target="_blank" title="{{ banner.record.title }}">
  317.                                         <img src="{{banner.image }}" alt="{{ banner.record.title }}" />
  318.                                     </a>
  319.                                 </div>
  320.                             {% endif %}
  321.                         {% endfor %}
  322.                         <div class="download">
  323.                             <div class="" role="main">
  324.                                 <header>
  325.                                     <h4>{% trans %}Descárgate la app{% endtrans %}</h4>
  326.                                 </header>
  327.                                 <p>{% trans %}Todos los detalles del partido en tu móvil{% endtrans %}</p>
  328.                                 <div class="" role="button">
  329.                                     <a class="" href="https://apps.apple.com/app/rcd-espanyol-de-barcelona/id1482739348?ls=1&amp;l=" target="_blank" rel="noopener noreferrer">
  330.                                         <img src="{{ asset('assets/images/tmp/download-appstore.png') }}" alt="Download it on the App Store" title="Download it on the App Store" />
  331.                                     </a>
  332.                                     <a class="" href="https://play.google.com/store/apps/details?id=com.rcdespanyol.app&amp;hl=" target="_blank" rel="noopener noreferrer">
  333.                                         <img src="{{ asset('assets/images/tmp/google-play.png') }}" alt="Get it on Google Play" title="Get it on Google Play"/>
  334.                                     </a>
  335.                                 </div>
  336.                                 <div class="" role="figure">
  337.                                     <img src="{{ asset('assets/images/static/rcde_banner_app.png') }}" alt="{% trans %}Descárgate la app{% endtrans %}" title="{% trans %}Descárgate la app{% endtrans %}" />
  338.                                 </div>
  339.                             </div>
  340.                         </div>
  341.                     </aside>
  342.                     <aside id="download">
  343.                         <div class="grid-container">
  345.                             {% if new.getDocuments()|default %}
  346.                                 <header>
  347.                                     <h3>{% trans %}Archivos{% endtrans %}</h3>
  348.                                 </header>
  349.                                 <ul>
  350.                                     {% for doc in new.getDocuments() %}
  351.                                         <li class="cell">
  352.                                             <a href="{{ DOC_PATH ~ doc.section ~ '/' ~ doc.itemId ~ '/' ~ doc.id ~ '.' ~ doc.extension }}" title="{{ doc.fileName }}" target="_blank">
  353.                                                 <figure>
  354.                                                     <img src="{{ asset('assets/images/icon/file.svg') }}" alt="{{ doc.extension }}" />
  355.                                                 </figure>
  356.                                                 <span>{{ doc.fileName }}</span>
  357.                                                 <div>
  358.                                                     <span>{{ doc.extension }}</span>
  359.                                                     <span><img src="{{ asset('assets/images/icon/download.svg') }}"></span>
  360.                                                 </div>
  361.                                             </a>
  362.                                         </li>
  363.                                     {% endfor %}
  364.                                 </ul>
  365.                             {% endif %}
  366.                         </div>
  367.                     </aside>
  368.                 </div>
  369.             </div>
  370.             <aside class="fixgallery">
  371.                 <header>
  372.                     <h2>{% trans %}Galería{% endtrans %}</h2>
  373.                 </header>
  374.                 <div id="lightgallery" class="gallery-carousel">
  375.                     {% if new.images|default %}
  376.                         {% for image in new.images %}
  377.                             <div class="item" data-src="{{ IMG_PATH ~ image.section ~ '/' ~ image.itemId ~ '/resized/' ~ image.id ~ '_backendGallery.' ~ image.extension }}" title="" data-index="0" />
  378.                             <figure>
  379.                                 <img src="{{ IMG_PATH ~ image.section ~ '/' ~ image.itemId ~ '/resized/' ~ image.id ~ '_backendGallery.' ~ image.extension }}"/>
  380.                             </figure>
  381.                         </div>
  382.                     {% endfor %}
  383.                 {% endif %}
  384.                 </div>
  385.             </aside>
  386.             {# dump(relatedNews) #}
  387.             {% if relatedNews is not empty %}
  388.                 <aside id="related">
  389.                     <div class="grid-container">
  390.                         <div class="grid-x grid-margin-x">
  391.                             <header class="cell small-12 medium-11 large-11">
  392.                                 <h2>{% trans %}Noticias relacionadas{% endtrans %}</h2>
  393.                             </header>
  394.                         </div>
  395.                         <div class="related">
  396.                             {% for relNew in relatedNews %}
  397.                                 {% if relNew.getTranslations()[0].getTitle() | default %}
  398.                                     {% set relNewPath = path('new', {'seoSlug' : relNew.getTranslations[0].getTitle() | make_url_phrase, 'id' : relNew.getId() }) %}
  399.                                 {% else %}
  400.                                     {% set relNewPath = '' %}
  401.                                 {% endif %}
  402.                                 {% if relNew.images[0] is defined %}
  403.                                     {% set imgPath =  IMG_PATH ~ relNew.images[0].section ~ '/' ~ relNew.images[0].itemId ~ '/resized/' ~ relNew.images[0].id ~ '_backendGallery.' ~ relNew.images[0].extension %}
  404.                                 {% else %}
  405.                                     {% set imgPath = '' %}
  406.                                 {% endif %}
  407.                                 <div>
  408.                                     <figure>
  409.                                         <a href="{{ relNewPath }}" title="{{ relNew.getTranslations[0].getTitle() }}">
  410.                                             <img src="{{ imgPath }}" alt="{{ relNew.getTranslations[0].getTitle() }}" />
  411.                                         </a>
  412.                                     </figure>
  413.                                     <div class="description">
  414.                                         <header>
  415.                                             <h3><a href="{{ relNewPath }}" title="{{ relNew.getTranslations[0].getTitle() }}">{{ relNew.getTranslations[0].getTitle() }}</a></h3>
  416.                                         </header>
  417.                                         <p>
  418.                                             {% for categ in relNew.getCategories() %}
  419.                                                 <a href="{{ path('newsByCateg', {
  420.                                             'seoSlugCategory' : categ.getTranslations()[0].getName() | make_url_phrase,
  421.                                             'id' : categ.getId() }) }}" title="{{ categ.getTranslations()[0].getName() }}" class="category">{{ categ.getTranslations()[0].getName() }}</a>
  422.                                             {% endfor %}
  423.                                             <span>{{ relNew.getPublicationDate() | date('d/m/Y') }}</span>
  424.                                         </p>
  425.                                     </div>
  426.                                 </div>
  427.                             {% endfor %}
  428.                         </div>
  429.                     </div>
  430.                 </aside>
  431.             {% endif %}
  432.         </article>
  433.     </section>
  435. {% endif %}
  436. {% endblock %}
  438. {% block javascripts %}
  439.     <script src="{{ asset('js/frontend/lightgallery/lightgallery.min.js') }}"></script>
  440.     <script type="text/javascript">
  441.         lightGallery(document.getElementById('lightgallery'), {
  442.             speed: 500,
  443.             animateThumb: false,
  444.             zoomFromOrigin: false,
  445.             allowMediaOverlap: true,
  446.             thumbnail: true,
  447.             mobileSettings: {
  448.                 controls: true,
  449.                 showCloseIcon: true,
  450.                 download: true,
  451.             }
  452.         });
  453.     </script>
  454.     <script type="text/javascript">
  455.         lightGallery(document.getElementById('selector'), {
  456.             selector: '.item',
  457.         });
  458.     </script>
  459.     {{ parent() }}
  460. {% endblock %}