templates\site\news\index.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/site_page.html.twig' %}
  2. {% block title %}Actualités financières et divers : Orishas-finance{% endblock %}
  3. {% block meta %}
  4.     <meta name="description" content="Nous agrégeons les sources d’informations financières spécifiques Régionales et Internationales. Info Générale, Economique, Marchés Forex-Comodities- Actions-Obligataires-Taux, Vieille règlementaire etc.">
  5.     <meta property="og:title" content="Toutes les actualités économiques sur Orishas-finance">
  6.     <meta property="og:description" content="Nous agrégeons les sources d’informations financières spécifiques Régionales et Internationales. Info Générale, Economique, Marchés Forex-Comodities- Actions-Obligataires-Taux, Veille règlementaire etc.">
  7.     <meta property="og:image" content="https://www.orishas-finance.com/assets/site/images/logot.png">
  8.     <meta property="og:url" content="https://www.orishas-finance.com/actualites">
  9.     <meta name="twitter:card" content="summary_large_image">
  10. {% endblock %}
  11. {% block css %}
  12.     <link rel="stylesheet" href="{{ asset('assets/common/daterangepicker/daterangepicker.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('assets/common/select2/css/select2.min.css') }}">
  14.     <link rel="stylesheet" href="{{ asset('assets/common/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
  15.     <style type="text/css">
  16.         .link-gray{
  17.             color: #4f4f4f;
  18.         }
  19.         .link-gray:hover{
  20.             color: #2CA4E8;
  21.         }
  22.     </style>
  23. {% endblock %}
  24. {% block body %}
  25.     <section class="jumbotron text-white of-page-header position-relative">
  26.         <div class="container text-center mb-4">
  27.             <h4 class="display-5 font-weight-bold">NEWS FINANCIÈRES</h4>
  28.             <p class="font-italic mb-0">Nous agrégeons les sources d’informations financières spécifiques Régionales et Internationales. Info Générale, Economique, Marchés Forex-Comodities- Actions-Obligataires-Taux, Vieille règlementaire etc.</p>
  29.         </div>
  30.         <div class="of-header-fixed-bottom">
  31.             <nav>
  32.                 <ol class="breadcrumb mb-0">
  33.                     <li class="breadcrumb-item"><a href="{{ path('site_home') }}"><i class="fa fa-home"></i></a></li>
  34.                     <li class="breadcrumb-item active">Actualités</li>
  35.                 </ol>
  36.             </nav>
  37.         </div>
  38.     </section>
  39.     <div class="pl-3 pr-3">
  40.         <section class="row mt-4">
  41.             <div class="col-md-9 order-lg-1">
  42.                 <div class="row">
  43.                      <div class="col-md-12">
  44.                         {% if lang == 'en' %}
  45.                             <a class="of-simple-tab" href="?lang=fr"><i class="flag-icon flag-icon-fr"></i> Version Française</a>
  46.                         {% else %}
  47.                             <a class="of-simple-tab" href="?lang=en"><i class="flag-icon flag-icon-gb"></i> English Version</a>
  48.                         {% endif %}
  49.                         <hr>
  50.                     </div>
  51.                     <div class="col-md-12">
  52.                         <a href="{{ path('site_news') }}" class="of-simple-tab {% if not typeId %} selected {% endif %} ">{{(lang == 'en')? "All categories":"Toutes les actualités"}}</a>
  53.                         {% for typenews in typesnews %}
  54.                             <a href="{{ path('site_news',{'slug': typenews.slug}) }}" class="of-simple-tab {% if typeId==typenews.id %} selected {% endif %} ">{{ (lang == 'en')? typenews.libelleEn: typenews.libelle }}</a>
  55.                         {% endfor %}
  56.                     </div>
  57.                     <div class="col-md-12">
  58.                         {# <div class="card-header">
  59.                              <small class="d-flex justify-content-between">
  60.                                  <span>Total: <span class="font-weight-bold">200</span></span>
  61.                                  <span>Type: <span class="font-weight-bold">*</span></span>
  62.                                  <span>Catégorie : <span class="font-weight-bold">*</span></span>
  63.                                  <span>Période: <b>Aujourd'hui</b></span>
  64.                              </small>
  65.                          </div>#}
  66.                         <form class="row mt-1 pt-2 pb-1 mb-1 border-top border-bottom">
  67.                             <input type="hidden" name="lang" value="{{ lang }}">
  68.                             <div class="form-group col-md-6 col-12">
  69.                                 {#<label for="type">Type</label>#}
  70.                                 <select name="type" id="type" class="form-control">
  71.                                     <option value="all" {% if not type %} selected{% endif %} >{{(lang == 'en')?"All types": "Tous les types" }}</option>
  72.                                     <option value="gratuit" {% if type=='gratuit' %} selected{% endif %} >{{(lang == 'en')?"Free":"Gratuit" }}</option>
  73.                                     <option value="premium" {% if type=='premium' %} selected{% endif %} >Premium</option>
  74.                                 </select>
  75.                             </div>
  76.                             <div class="form-group col-md-6 col-12">
  77.                                 {# <label for="q">Rechercher</label>#}
  78.                                 <input type="text" name="q" id="q" value="{{ q }}" class="form-control" placeholder="{{ (lang == 'en')? "Search":"Rechercher" }}" />
  79.                             </div>
  80.                             {# <div class="form-group col-lg-12 col-6">
  81.                                  <label for="dates">Date de publication</label>
  82.                                  <input type="text" name="dates" id="dates" class="form-control" value="{{ selectedDate }}">
  83.                              </div>
  84.                              <div class="form-group col-lg-12 col-6">
  85.                                  <label for="categories">Catégorie</label>
  86.                                  <select name="categorie" id="categories" class="form-control">
  87.                                      <option value="">Toutes les catégories</option>
  88.                                      <option value="">Eco/fin</option>
  89.                                      <option value="">Matière première</option>
  90.                                      <option value="">Marché</option>
  91.                                  </select>
  92.                              </div>#}
  93.                             <div class="form-group mx-auto">
  94.                                 <button type="submit" class="btn btn-sm btn-outline-primary">{{ (lang == 'en')?"Filter":"Filtrer" }}</button>
  95.                                 <button type="reset" class="btn btn-sm btn-outline-secondary">{{(lang == 'en')?"Reset":"Réinitialiser"}}</button>
  96.                             </div>
  97.                         </form>
  98.                         <div class="card-body">
  99.                             {% for news in newsfinance %}
  100.                                 <div class="col-md-12 border-bottom mt-2">
  101.                                     <div class="media">
  102.                                         <div class="media-left of-news-ima-caption pb-0">
  103.                                             <div class="of-img-hoverable">
  104.                                                 <a href="{{ path('site_news_show',{'id': news.id}) }}{{ (lang == 'en')?'?lang=en':'' }}">
  105.                                                     <img class="media-object w-100" src="{{ (news.image)?asset("uploads/news/#{news.getImage()}"):asset("uploads/news/defaultnews.jpg") }}" alt="">
  106.                                                 </a>
  107.                                             </div>
  108.                                         </div>
  109.                                         <div class="media-body">
  110.                                             <p class="m-0">
  111.                                                 <small class="badge badge-info">
  112.                                                     <i class="fa fa-calendar-alt"></i> {{ news.date|date('d/m/Y') }}
  113.                                                 </small> -
  114.                                                 {% for types in news.type %}
  115.                                                     <small class="badge badge-success"> {{ (lang == 'en')? types.libelleEn : types.libelle }} </small>
  116.                                                 {% endfor %}
  117.                                                 {% if news.premium %}  <small class="fa fa-lock text-muted"></small> {% endif %}
  118.                                             </p>
  119.                                             <h6 class="media-heading">
  120.                                                 <a href="{{ path('site_news_show',{'id': news.id}) }}{{ (lang == 'en')?'?lang=en':'' }}" class="of-news-title">{{ (lang == 'en')?news.titreEn:news.titre }}</a>
  121.                                             </h6>
  122.                                         </div>
  123.                                     </div>
  124.                                 </div>
  125.                             {% else %}
  126.                                 <div class="text-center alert alert-warning">
  127.                                     {{ (lang == 'en')?"No article available":"Aucun article disponible" }} {% if typeId %}
  128.                                     {{(lang == 'en')?"in this category": "dans cette catégorie"}} {% endif %}
  129.                                 </div>
  130.                             {% endfor %}
  131.                             {% if lang == 'en' %}
  132.                                 <div class="mt-2">
  133.                                     <span class="border-secondary bg-lightbluey p-2 mb-4 ml-3"> Provided by AWS Translate</span>
  134.                                 </div>
  135.                             {% endif %}
  136.                             <div class="border-top mt-4">
  137.                                 <div class="d-flex justify-content-center">
  138.                                     {{ knp_pagination_render(newsfinance) }}
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.             <div class="col-md-3 order-lg-2">
  146.                 <div class="sticky-top">
  147.                     <div class="">
  148.                         <div class="block block-primary mb-5">
  149.                             <h3 class="block-title"><span>Nos services</span></h3>
  150.                             <div class="list-group">
  151.                                 {%for service in services %}
  152.                                     <a class="list-group-item link-gray" href="{{ path('servicefront_show', {'id': service.id}) }}">{{service.libelle}}</a>
  153.                                 {%endfor%}
  154.                             </div>
  155.                             {#<form class="row">
  156.                                 <div class="form-group col-lg-12 col-6">
  157.                                     <label for="type">Type</label>
  158.                                     <select name="type" id="type" class="form-control">
  159.                                         <option value="all" {% if not type %} selected{% endif %} >Tous les types</option>
  160.                                         <option value="gratuit" {% if type=='gratuit' %} selected{% endif %} >Gratuit</option>
  161.                                         <option value="premium" {% if type=='premium' %} selected{% endif %} >Premium</option>
  162.                                     </select>
  163.                                 </div>
  164.                                 <div class="form-group col-lg-12 col-6">
  165.                                     <label for="q">Rechercher</label>
  166.                                     <input type="search" name="q" id="q" value="{{ q }}" class="form-control">
  167.                                 </div>
  168.                                 #}{# <div class="form-group col-lg-12 col-6">
  169.                                      <label for="dates">Date de publication</label>
  170.                                      <input type="text" name="dates" id="dates" class="form-control" value="{{ selectedDate }}">
  171.                                  </div>
  172.                                  <div class="form-group col-lg-12 col-6">
  173.                                      <label for="categories">Catégorie</label>
  174.                                      <select name="categorie" id="categories" class="form-control">
  175.                                          <option value="">Toutes les catégories</option>
  176.                                          <option value="">Eco/fin</option>
  177.                                          <option value="">Matière première</option>
  178.                                          <option value="">Marché</option>
  179.                                      </select>
  180.                                  </div>#}{#
  181.                                 <div class="form-group mx-auto">
  182.                                     <button type="submit" class="btn btn-sm btn-outline-primary">Filtrer</button>
  183.                                     <button type="reset" class="btn btn-sm btn-outline-secondary">Réinitialiser</button>
  184.                                 </div>
  185.                             </form>#}
  186.                         </div>
  187.                     </div>
  188.                     <div class="block block-gray mb-1">
  189.                         <h3 class="block-title"><span>Publicité</span></h3>
  190.                         <img src="{{ asset('assets/site/images/pub-1.png') }}" alt="" class="img-responsive w-100">
  191.                     </div>
  192.                 </div>
  193.             </div>
  194.     </section>
  195.     </div>
  196. {% endblock %}
  197. {% block scripts %}
  198.     <script>(function(w,d, s, id) {if(typeof(w.webpushr)!=='undefined') return;w.webpushr=w.webpushr||function(){(w.webpushr.q=w.webpushr.q||[]).push(arguments)};var js, fjs = d.getElementsByTagName(s)[0];js = d.createElement(s); js.id = id;js.async=1;js.src = "https://cdn.webpushr.com/app.min.js";fjs.parentNode.appendChild(js);}(window,document, 'script', 'webpushr-jssdk'));webpushr('setup',{'key':'BMtEewNU-73-Okp-AyhCiqZMJD0WMUuzECrqHYgEGdNt0NcU00fdS_pXwo4Jy1WzDl4m_lhH-G_uXbX0-xvODlI' });</script>
  199.     <script type="text/javascript" src="{{ asset('assets/common/daterangepicker/moment.min.js') }}"></script>
  200.     <script src="{{ asset('assets/common/daterangepicker/daterangepicker.js') }}"></script>
  201.     <script src="{{ asset('assets/common/select2/js/select2.full.min.js') }}"></script>
  202.     <script>
  203.         $(document).ready(function () {
  204.             $('.multiple').select2();
  205.             $('#dates').daterangepicker({
  206.                 singleDatePicker: true,
  207.             });
  208.         })
  209.     </script>
  210. {% endblock %}