templates/pages/internes/cit/actualites/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 actualite.bandeaufile %}
  21.             {{ vich_uploader_asset(actualite, 'imageBandeauFile') | imagine_filter('bandeau') }}
  22.         {% elseif actualite.filename %}
  23.             {{ vich_uploader_asset(actualite, '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 actualite.filename %}
  47.                                     <img src="{{ vich_uploader_asset(actualite, 'imageFile') | imagine_filter('medium') }}" alt="{{ actualite.name }}">
  48.                                 {% else %}
  49.                                     <img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ actualite.name }}">
  50.                                 {% endif %}
  51.                             </div>
  52.                             <div class="blog-single-aside__time">
  53.                                 {#<span><i class="far fa-calendar-check"></i> {{ actualite.createdAt|date('d/m/Y H:i:s') }} </span>
  54.                                 <span><i class="far fa-user"></i> {{ actualite.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.                                     {{ actualite.content|raw }}
  61.                                 </div>
  62.                             </div>
  63.                             <div class="blog-single-aside__tag">
  64.                                 <div class="blog-single-aside__tag__item">
  65.                                     <span>Catégorie: </span>
  66.                                     <p>{{ actualite.categories.name }}</p>
  67.                                 </div>
  68.                                 <div class="blog-single-aside__tag__item">
  69.                                     <span>Partager: </span>
  70.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/ins.png') }}" alt="share1"></a>
  71.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/facebook.png') }}" alt="share2"></a>
  72.                                     <a href="#"><img src="{{ asset('assetics/internes/images/blog/twit.png') }}" alt="share3"></a>
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  77.                         {% if actualite.mediasactualites|length != 0%}
  78.                             <div>
  79.                                 <div id="dgwt-jg-1" data-thumb="true" data-height="160" class="dgwt-jg-gallery dgwt-jg-style1 dgwt-jg-1 ">
  80.                                     {% for index, media in actualite.mediasactualites %}
  81.                                         <a style="background-size: cover!important;" href="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('large') }}"
  82.                                            class="dgwt-jg-item"
  83.                                            data-sub-html="<h4>{{ media.name ?? page.name }}</h4><div class='dgwt-jg-item-desc'>{{ media.name ?? actualite.name }}</div>"><img
  84.                                                     data-lazy-src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  85.                                                     src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}"
  86.                                                     class="s-img-switch" alt=""/>
  87.                                             <div class="dgwt-jg-caption"><span>{{ media.name ?? actualite.name }}</span></div>
  88.                                         </a>
  89.                                     {% endfor %}
  90.                                 </div>
  91.                             </div>
  92.                         {% endif %}
  94.                         {#{% if actualite.mediasactualites|length != 0%}
  95.                             <!-- gallery-syncing-item -->
  96.                             <div class="gallery-syncing-item" style="margin-bottom: 0px!important;padding: 0px 30px 30px 0px;">
  97.                                 <div class="gallery-syncing-item__single">
  98.                                     {% for index, media in actualite.mediasactualites %}
  99.                                         <div class="gallery-syncing-item__single__item">
  100.                                             {% if actualite.filename %}
  101.                                                 <img src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('medium') }}" style="width: 100%" alt="{{ media.name ?? actualite.name }}">
  102.                                             {% endif %}
  103.                                         </div>
  104.                                     {% endfor %}
  105.                                 </div>
  106.                                 <div class="gallery-syncing-item__nav">
  107.                                     {% for index, media in actualite.mediasactualites %}
  108.                                     <div class="gallery-syncing-item__nav__item">
  109.                                         {% if actualite.filename %}
  110.                                             <img src="{{ vich_uploader_asset(media, 'imageFile') | imagine_filter('thumbnail_gallery') }}" alt="{{ media.name ?? actualite.name }}">
  111.                                         {% endif %}
  112.                                     </div>
  113.                                     {% endfor %}
  114.                                 </div>
  115.                             </div>
  116.                             <!--end  gallery-syncing-item -->
  117.                         {% endif %}#}
  118.                         {% if actualites|length != 0 %}
  119.                             <div class="blog-single-aside__content">
  120.                                 <h3 class="blog-single-aside__tag">D'autres articles qui pourraient vous intéresser</h3>
  121.                                 <div class="row">
  122.                                     {% include 'pages/internes/cit/actualites/partials/__card_random.html.twig' with {actualites: actualites } %}
  123.                                 </div>
  124.                             </div>
  125.                         {% endif %}
  126.                     </aside>
  127.                 </div>
  129.                 <div class="col-lg-3">
  130.                     {% include 'pages/partials/__sidebar.html.twig' %}
  131.                 </div>
  132.             </div>
  133.         </div>
  134.     </section>
  135. {% endblock %}
  136. {% block javascripts %}
  137.     <script src="{{ asset('assetics/assets/js/jquery-3.3.1.min.js') }}"></script>
  138.     <script src="{{ asset('assetics/assets/js/equalHeightsPlugin.min.js') }}"></script>
  139.     <script src="{{ asset('assetics/assets/js/jquery.fancybox.min.js') }}"></script>
  140.     <script src="{{ asset('assetics/assets/js/jquery.fitvids.min.js') }}"></script>
  141.     <script src="{{ asset('assetics/assets/js/swiper3.min.js') }}"></script>
  142.     <script src="{{ asset('assetics/assets/lib/js/lightgallery.min.js') }}"></script>
  143.     <script src="{{ asset('assetics/assets/lib/js/jquery.justifiedGallery.min.js') }}"></script>
  144.     <script src="{{ asset('assetics/assets/js/jquery.sliphover.min.js') }}"></script>
  145.     <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  146. {% endblock %}