templates/pages/internes/articles/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front/baseinternes.html.twig' %}
  3. {% block title %}{{ parametres.structure.name ?? company_name }} | {{ title }}{% endblock %}
  4. {% block stylesheets %}
  5.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animsition.min.css') }}">
  6.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/animate.min.css') }}">
  7.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/jquery.fancybox.min.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('assetics/assets/lib/css/lightgallery.min.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assetics/assets/css/style3.min.css') }}">
  10. <style>
  11.     .blog-single-aside__content .title{
  12.         color: #993300!important;
  13.         text-shadow: none!important;
  14.     }
  15. </style>
  16. {% endblock %}
  17. {% block body %}
  18.     <section class="top-banniere">
  19.         <div class="page-banner" style="background-image: url(
  20.             {% if article.bandeaufile %}
  21.                 {{ vich_uploader_asset(article, 'imageBandeauFile') | imagine_filter('bandeau') }}
  22.             {% elseif article.filename %}
  23.                 {{ vich_uploader_asset(article, 'imageFile') | imagine_filter('bandeau') }}
  24.             {% else %}
  25.                 {{ asset('assetics/internes/images/empty.jpg') }}
  26.             {% endif %}
  27.         )">
  28.             {{ fil_arial(title) }}
  29.         </div>
  30.     </section>
  32.     <section class="tour-item-banner-2">
  33.         <div class="container">
  34.             <h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / {{ menu }} / <span> {{ title }}</span></h4>
  35.         </div>
  36.     </section>
  39.     <section>
  40.         <div class="container">
  41.             <div class="row">
  42.                 <div class="col-lg-9">
  43.                     <aside>
  44.                         <div class="blog-single-aside" style="padding: 20px 30px 30px 0;">
  45.                             <div class="blog-single-aside__thumbnail">
  46.                                 {% if article.filename %}
  47.                                     <img src="{{ vich_uploader_asset(article, 'imageFile') | imagine_filter('medium') }}" alt="{{ article.name }}">
  48.                                 {% else %}
  49.                                     <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ article.name }}">
  50.                                 {% endif %}
  51.                             </div>
  52.                             <div class="blog-single-aside__time">
  53.                                 {#<span><i class="far fa-calendar-check"></i> {{ article.createdAt|date('d/m/Y H:i:s') }} </span>
  54.                                 <span><i class="far fa-user"></i> {{ article.user.username }} </span>
  55.                                 <span><i class="far fa-comment-alt"></i> 6 commnets </span>#}
  56.                             </div>
  57.                             <div class="blog-single-aside__content">
  58.                                 <h3>{{ title }}</h3>
  59.                                 <div class="text-justify mb-lg-3">
  60.                                     {{ article.content|raw }}
  61.                                 </div>
  62.                                 {% if article.urlvideo %}
  63.                                     <div class="text-justify mb-lg-3">
  64.                                         {{ article.urlvideo|raw }}
  65.                                     </div>
  66.                                 {% endif %}
  67.                             </div>
  68.                             <div class="blog-single-aside__tag">
  69.                                 {#<div class="blog-single-aside__tag__item">
  70.                                     <span>Partager: </span>
  71.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/ins.png') }}" alt="share1"></a>
  72.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/facebook.png') }}" alt="share2"></a>
  73.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/twit.png') }}" alt="share3"></a>
  74.                                 </div>#}
  75.                             </div>
  76.                             {% if article.mediaarticles.count > 0 %}
  77.                                 <div>
  78.                                     <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  79.                                         {% for index, media in article.mediaarticles %}
  80.                                             <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}" class="dgwt-jg-item"
  81.                                                data-sub-html="<h4>{{ media.name ?? article.name }}</h4><div class='dgwt-jg-item-desc'>{{ media.name ?? article.name }}</div>">
  82.                                                 <img data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  83.                                                      src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}" class="s-img-switch" alt=""/>
  84.                                                 <div class="dgwt-jg-caption"><span>{{ media.name ?? article.name }}</span></div>
  85.                                             </a>
  86.                                         {% endfor %}
  87.                                     </div>
  88.                                 </div>
  89.                             {% endif %}
  90.                             {% if ciruits|length != 0 %}
  91.                                 <section>
  92.                                     <div class="container">
  93.                                         <div class="destination-4-2__tittle">
  94.                                             <!-- section tittle -->
  95.                                             <div class="section-tittle">
  96.                                                 <h2>Circuits Touristiques</h2>
  97.                                                 <div class="section-tittle__line-under"></div>
  98.                                                 <p>Circuits <span>liés</span></p>
  99.                                             </div>
  100.                                         </div>
  101.                                         <div class="destination-4-2__slider">
  102.                                             {% include 'pages/internes/articles/partials/__card_circuit.html.twig' with {articles: ciruits } %}
  103.                                         </div>
  104.                                     </div>
  105.                                 </section>
  106.                             {% endif %}
  108.                             {% if articles|length != 0 %}
  109.                             <div class="blog-single-aside__content">
  110.                                 <h3 class="blog-single-aside__tag">D'autres articles qui pourraient vous intéresser</h3>
  111.                                 <div class="row">
  112.                                     {% include 'pages/internes/articles/partials/__card_random.html.twig' with {articles: articles } %}
  113.                                 </div>
  114.                             </div>
  115.                             {% endif %}
  116.                         </div>
  117.                     </aside>
  118.                 </div>
  120.                 <div class="col-lg-3">
  121.                     {% include 'pages/partials/__sidebar.html.twig' %}
  122.                 </div>
  123.             </div>
  124.         </div>
  125.     </section>
  126. {% endblock %}
  128. {% block javascripts %}
  129.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  130.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  131.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  132.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  133.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  134.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  135.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  136.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  137.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  138. {% endblock %}