templates/news/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{'Actualités' | trans}} | {{ parent()}} {% endblock %}
  3. {% block content %}
  4.     {% for news in newsTitle %}
  5.         {% if news.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  6.             <!-- Page Title -->
  7.             <section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ news.image) }})">
  8.                 <div class="auto-container">
  9.                     <h2>{{ 'Actualités' | trans }}</h2>
  10.                     <ul class="bread-crumb clearfix">
  11. {#                        <li><a href="{{ path('app_main') }}">{{ 'Accueil' | trans }}</a></li>#}
  12. {#                        <li>Toute l'actualité</li>#}
  13.                     </ul>
  14.                 </div>
  15.             </section>
  16.             <!-- End Page Title -->
  17.         {% elseif news.langue == 'en_en' and '/en/' in app.request.uri %}
  18.             <!-- Page Title -->
  19.             <section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ news.image) }})">
  20.                 <div class="auto-container">
  21.                     <h2>{{ 'Actualités' | trans }}</h2>
  22.                     <ul class="bread-crumb clearfix">
  23. {#                        <li><a href="{{ path('app_main') }}">{{ 'Accueil' | trans }}</a></li>#}
  24. {#                        <li>Toute l'actualité</li>#}
  25.                     </ul>
  26.                 </div>
  27.             </section>
  28.             <!-- End Page Title -->
  29.         {% endif %}
  30.     {% endfor %}
  31.     <!-- Sidebar Page Container -->
  32.     <section class="sidebar-page-container">
  33.         <div class="auto-container">
  34.             <div class="row clearfix">
  35.                 <!-- Content Side -->
  36.                 <div class="content-side col-lg-8 col-md-12 col-sm-12">
  37.                     <div class="blog-classic">
  38.                         {% for new in news %}
  39.                             <!-- News Block Two -->
  40.                             <div class="news-block-two">
  41.                                 <div class="inner-box">
  42.                                     <div class="image">
  43.                                         <a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}"><img src="{{ asset('uploads/news/' ~ new.bannerImg) }}" alt="" /></a>
  44.                                     </div>
  45.                                     <div class="lower-content">
  46.                                         <ul class="post-meta">
  47. {#                                            <li><span class="icon flaticon-user"></span>By BT</li>#}
  48. {#                                            <li><span class="icon flaticon-chat-2"></span>3 comments</li>#}
  49.                                         </ul>
  50.                                         <h4><a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}">{{ new.title }}</a></h4>
  51.                                         <div class="text">{{ new.content | u.truncate(255, false, ('...')) | raw }} ...</div>
  52.                                         <a href="{{ path('app_news_details', {'_locale': 'fr', 'slug': new.slug}) }}" class="theme-btn btn-style-four"><span class="txt">{{ 'Read More' | trans}}<i class="lnr lnr-arrow-right"></i></span></a>
  53.                                     </div>
  54.                                 </div>
  55.                             </div>
  56.                         {% endfor %}
  57.                     </div>
  58.                 </div>
  59.                 <!-- Sidebar Side -->
  60.                 <div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
  61.                     <aside class="sidebar sticky-top">
  62.                         <!-- Search -->
  63. {#                        <div class="sidebar-widget search-box">#}
  64. {#                            <form method="post" action="#">#}
  65. {#                                <div class="form-group">#}
  66. {#                                    <input type="search" name="search-field" value="" placeholder="Recherche ..." required>#}
  67. {#                                    <button type="submit"><span class="icon fa fa-search"></span></button>#}
  68. {#                                </div>#}
  69. {#                            </form>#}
  70. {#                        </div>#}
  71.                         <!-- Popular Posts -->
  72. {#                        <div class="sidebar-widget popular-posts">#}
  73. {#                            <div class="widget-content">#}
  74. {#                                <div class="sidebar-title">#}
  75. {#                                    <h5>Derniers articles</h5>#}
  76. {#                                </div>#}
  77. {#                                <article class="post">#}
  78. {#                                    <figure class="post-thumb"><img src="images/resource/post-thumb-3.jpg" alt=""><a href="news-detail.html" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
  79. {#                                    <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
  80. {#                                    <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
  81. {#                                </article>#}
  82. {#                                <article class="post">#}
  83. {#                                    <figure class="post-thumb"><img src="images/resource/post-thumb-4.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
  84. {#                                    <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
  85. {#                                    <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
  86. {#                                </article>#}
  87. {#                                <article class="post">#}
  88. {#                                    <figure class="post-thumb"><img src="images/resource/post-thumb-5.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
  89. {#                                    <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
  90. {#                                    <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
  91. {#                                </article>#}
  92. {#                                <article class="post">#}
  93. {#                                    <figure class="post-thumb"><img src="images/resource/post-thumb-6.jpg" alt=""><a href="#" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>#}
  94. {#                                    <div class="text"><a href="#">Everyone knows that duct tape</a></div>#}
  95. {#                                    <div class="post-info">Nov 28, 2023 <span>Yammi Guan</span></div>#}
  96. {#                                </article>#}
  97. {#                            </div>#}
  98. {#                        </div>#}
  99.                     </aside>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </section>
  104.     <!-- End Sidebar Page Container -->
  105. {% endblock %}