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

Open in your IDE?
  1. {% extends 'layouts/site_page.html.twig' %}
  3. {% block title %} {% if lang == 'en' %} {{ news.titreEn }} {% else %} {{ news.titre }} {% endif %} : Orishas-finance{% endblock %}
  5. {% block meta %}
  6.     <meta name="description"
  7.           content="{{ news.titre }}...Lire cet article sur Orishas-fiance">
  8.     <meta property="og:title" content="{{ news.titre }}">
  9.     <meta property="og:description"
  10.           content="{{ news.titre }}...Lire cet article sur Orishas-fiance">
  11.     {% if news.image %}
  12.         <meta property="og:image" content="https://www.orishas-finance.com{{ asset("uploads/news/#{news.getImage()}") }}">
  13.     {% else %}
  14.         <meta property="og:image" content="https://www.orishas-finance.com/uploads/news/defaultnews.jpg">
  15.     {% endif %}
  16.     <meta property="og:url" content="https://www.orishas-finance.com/actualite/{{ news.id }}">
  17.     <meta name="twitter:card" content="summary_large_image">
  19. {% endblock %}
  21. {% block css %}
  22.     <link rel="stylesheet" href="{{ asset('assets/common/daterangepicker/daterangepicker.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('assets/common/select2/css/select2.min.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assets/common/select2-bootstrap4-theme/select2-bootstrap4.min.css') }}">
  26.     <link rel="stylesheet" href="{{ asset('assets/common/flag-icon-css/css/flag-icon.min.css') }}">
  27. {% endblock %}
  30. {% block body %}
  31.     <style>
  32.         .c-alert__text {
  33.             font-size: 14px;
  34.             font-weight: 500;
  35.             line-height: 1.25;
  36.             display: inline-block;
  37.             margin: 0;
  38.             padding-top: 1px;
  39.             padding-top: .1rem;
  40.             width: calc(100% - 20px);
  41.         }
  42.     </style>
  43.     <section class="jumbotron text-white of-page-header position-relative">
  44.         <div class="container text-center mb-4">
  45.             <h4 class="display-5 font-weight-bold">NEWS FINANCIÈRES</h4>
  46.             <p class="font-italic mb-0">Nous agrégeons les sources d’informations financières spécifiques Régionales et
  47.                 Internationales.
  48.                 Info Générale, Economique, Marchés Forex-Comodities- Actions-Obligataires-Taux, Vieille règlementaire
  49.                 etc.</p>
  51.         </div>
  53.         <div class="of-header-fixed-bottom">
  54.             <nav>
  55.                 <ol class="breadcrumb mb-0">
  56.                     <li class="breadcrumb-item"><a href="{{ path('site_home') }}"><i class="fa fa-home"></i></a></li>
  57.                     <li class="breadcrumb-item"><a href="{{ path('site_news') }}">News financières</a></li>
  58.                     <li class="breadcrumb-item active">Détail</li>
  59.                 </ol>
  60.             </nav>
  61.         </div>
  62.     </section>
  63.     <div class="pl-3 pr-3">
  64.         <section class="row mt-4">
  66.             <div class="col-md-9">
  67.                 <div class="row">
  68.                       <div class="col-md-12">
  69.                         {% if lang == 'en' %}
  70.                             <a class="of-simple-tab" href="?lang=fr"><i class="flag-icon flag-icon-fr"></i> Version Française</a>
  71.                         {% else %}
  72.                             <a class="of-simple-tab" href="?lang=en"><i class="flag-icon flag-icon-gb"></i> English Version</a>
  73.                         {% endif %}
  74.                         <hr>
  75.                     </div>
  77.                     <div class="col-md-12">
  78.                         <h3>
  79.                             {% if lang == 'en' %}
  80.                                 {{ news.titreEn }}
  81.                             {% else %}
  82.                                 {{ news.titre }}
  83.                             {% endif %}
  84.                         </h3>
  85.                         <div class="card-header mb-2">
  86.                             <div class="row">
  87.                                 <div class="col-md-2 small"><i
  88.                                             class="fa fa-calendar-alt"></i> {{ news.date? news.date|date('d/m/Y'):'-' }}
  89.                                 </div>
  90.                                 {% if news.source %}
  91.                                     <div class="col-md-4 small">Source : <b>{{ news.source }}</b></div>{% endif %}
  92.                                 <div class="col-md-6 small">{{(lang == 'en')? "Categories":"Catégories"}}:
  93.                                     {% for categorie in news.type %}
  94.                                         <span class="of-slide-cat">{{ (lang == 'en')? categorie.libelleEn : categorie.libelle }}</span>
  95.                                     {% endfor %}
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  100.                         <div class="col-md-12 mb-2 text-center">
  101.                             {# <div class="btn-group btn-group-sm mx-auto" role="group">
  102.                                  <button class="btn btn-sm btn-outline-primary">Partager</button>
  103.                                  <button class="btn btn-sm btn-outline-info">retwitter</button>
  104.                                  <button class="btn btn-sm btn-outline-secondary">linkedIn</button>
  105.                              </div>#}
  107.                             <!-- ShareThis BEGIN -->
  108.                             <div class="mx-auto">
  109.                                 <div class="sharethis-inline-share-buttons"></div>
  110.                             </div>
  111.                             <!-- ShareThis END -->
  112.                             <div class="btn-group btn-group-sm mx-auto" role="group2">
  113.                                 <a href="#" id="export-pdf" class="btn btn-sm btn-outline-info"><i
  114.                                             class="fa fa-print"></i> imprimer</a>
  115.                             </div>
  116.                         </div>
  118.                         <div class="">
  119.                             <div class="of-slide-wrapper clearfix mx-auto w-70">
  120.                                 <a href="#commentaire">
  121.                                     <i class="fas fa-comment" title="commenter cet article" style="color: var(--color-primary); font-size:30px"></i>
  122.                                     </a>
  124.                                         {% if news.image %}
  125.                                             <div class="of-slide-header">
  126.                                                 <img src="{{ asset("uploads/news/#{news.getImage()}") }}"
  127.                                                      alt="{% if lang == 'en' %} {{ news.titreEn }} {% else %} {{ news.titre }} {% endif %}" class="img-fluid rounded-0"/>
  128.                                             </div>
  129.                                         {% endif %}
  130.                                         {% if news.titreimage %}
  131.                                             <div class="of-slide-caption">
  132.                                                 <p class="white-text mb-1 text-truncate" title="{{ news.titreimage }}">
  133.                                                     {{ news.titreimage }}
  134.                                                 </p>
  135.                                             </div>
  136.                                         {% endif %}
  138.                             </div>
  139.                         </div>
  141.                         <div class="card-body text-justify of-news-body">
  142.                             <div class="border-secondary bg-light p-2 mb-4">
  143.                             {% if lang == 'en' %}
  144.                                 <p class="pb-0 text-lg font-weight-bold">Enjoy a simplified experience</p>
  145.                                 Find all the economic and financial information on our Orishas Direct application to download on
  146.                                 <a href="https://play.google.com/store/apps/details?id=com.orishasfinance.app" target="_blank">Play Store</a>
  147.                             {% else %}
  148.                                 <p class="pb-0 text-lg font-weight-bold">Profitez d'une expérience simplifiée</p>
  149.                                 Retrouvez toute l'information économique et financière sur notre application Orishas Direct à Télécharger sur
  150.                                 <a href="https://play.google.com/store/apps/details?id=com.orishasfinance.app" target="_blank">Play Store</a>
  151.                             {% endif %}
  152.                             </div>
  154.                             {% if lang == 'en' %}
  155.                                 {{ news.descriptionEn|raw }}
  156.                             {% else %}
  157.                                 {{ news.description|raw }}
  158.                             {% endif %}
  160.                         </div>
  161.                         {% if lang == 'en' %}
  162.                             <div>
  163.                                 <span class="border-secondary bg-lightbluey p-2 mb-4 ml-3"> Provided by AWS Translate</span>
  164.                             </div>
  165.                         {% endif %}
  167.                         <div id="commentaire">
  168.                             <div class="card-body text-justify of-news-body">
  170.                                 <hr>
  171.                                 <diV class="block block-gray ">
  172.                                     <h3 class="block-title">
  173.                                         <span>
  174.                                             {% if(nbnews>1) %}
  176.                                                 {{ nbnews }} COMMENTAIRES
  177.                                             {% elseif nbnews is null %}
  178.                                                 0 COMMENTAIRE
  179.                                             {% else %}
  180.                                                 {{ nbnews }} COMMENTAIRE
  181.                                             {% endif %}
  182.                                             </span>
  183.                                     </h3>
  184.                                 </div>
  186.                                 {% if app.user %}
  188.                                     {% for commentaire in commentaires %}
  189.                                         <!-- Media top -->
  190.                                         <div class="media">
  191.                                             <img src=" {% if commentaire.user.avatar %} {{ asset('uploads/users/#{commentaire.user.getAvatar()}') }} {% else %} {{ asset('uploads/users/user_300px.png') }}{% endif %} "
  192.                                                  class="mr-3 mt-3 rounded-circle" style="width:40px">
  193.                                             <div class="media-body">
  194.                                                 <span style="color: #003883;font-weight: bold;">{{ commentaire.user.prenom }}
  195.                                                     {{ commentaire.user.nom }}</span> <i style="color: #003883">posté
  196.                                                     le {{ commentaire.createAt|date('d/m/Y . H:i') }}
  197.                                                 </i>
  198.                                                 <p style="font-size: 0.8rem;"> {{ commentaire.message }}</p>
  199.                                             </div>
  201.                                         </div>
  202.                                         <hr>
  204.                                     {% endfor %}
  206.                                     <div class="border-top mt-4">
  207.                                         <div class="d-flex justify-content-center">
  208.                                             {{ knp_pagination_render(commentaires) }}
  209.                                         </div>
  211.                                     </div>
  213.                                     {{ form_start(form) }}
  214.                                     <div class="form-group">
  216.                                         {{ form_row(form.message) }}
  218.                                     </div>
  219.                                     <button type="submit" class="btn btn-primary">Poster <i
  220.                                                 class="fa fa-paper-plane"></i></button>
  221.                                     {{ form_end(form) }}
  223.                                 {% else %}
  224.                                     <div class="alert alert-primary" role="alert">
  225.                                         <i class="c-alert__icon-state / c-icon c-icon--alert-warning"></i>
  226.                                         <p class="c-alert__text">
  227.                                             Vous devez être membre pour ajouter un commentaire.
  228.                                             <br>
  229.                                             Vous êtes déjà membre ?
  230.                                             <a href="{{ path('app_login') }}" title="Connectez-vous" class=""
  231.                                                data-authentication-required="member">Connectez-vous</a>
  232.                                             <br>
  233.                                             Pas encore membre ?
  234.                                             <a href="{{ path('app_register') }}" title="Devenez membre gratuitement"
  235.                                                class="">Devenez membre gratuitement</a>
  236.                                         </p>
  237.                                     </div>
  239.                                     {% for commentaire in commentaires %}
  242.                                         <!-- Media top -->
  243.                                         <div class="media">
  244.                                             <img src=" {% if commentaire.user.avatar %} {{ asset("uploads/users/#{commentaire.user.getAvatar()}") }} {% else %} {{ asset('uploads/users/user_300px.png') }}{% endif %} "
  245.                                                  class="mr-3 mt-3 rounded-circle" style="width:40px">
  246.                                             <div class="media-body">
  247.     <span style="color: #003883;font-weight: bold;">{{ commentaire.user.prenom }}
  248.         {{ commentaire.user.nom }}</span> <i style="color: #003883">posté
  249.                                                     le {{ commentaire.createAt|date('d/m/Y . H:i') }}
  250.                                                 </i>
  251.                                                 <p style="font-size: 0.8rem;"> {{ commentaire.message }}</p>
  252.                                             </div>
  254.                                         </div>
  255.                                         <hr>
  257.                                     {% endfor %}
  258.                                 {% endif %}
  261.                             </div>
  262.                         </div>
  264.                         <div class="block block-green mb-5">
  265.                             <h3 class="block-title"><span>Dans la même rubrique</span></h3>
  267.                             <div class="card-body">
  268.                                 {% for news in others %}
  269.                                     <div class="col-md-12 border-bottom mt-2">
  270.                                         <div class="media">
  271.                                             <div class="media-left of-news-ima-caption pb-0">
  272.                                                 <div class="of-img-hoverable">
  273.                                                     <a href="{{ path('site_news_show',{'id': news.id}) }}">
  274.                                                         <img class="media-object w-100"
  275.                                                              src="{{ (news.image)?asset("uploads/news/#{news.getImage()}"):asset("uploads/news/defaultnews.jpg") }}"
  276.                                                              alt="">
  277.                                                     </a>
  278.                                                 </div>
  279.                                             </div>
  280.                                             <div class="media-body">
  281.                                                 <p class="m-0">
  282.                                                     <small class="badge badge-info">
  283.                                                         <i class="fa fa-calendar-alt"></i> {{ news.date|date('d/m/Y') }}
  284.                                                     </small> -
  285.                                                     {% for types in news.type %}
  286.                                                         <small class="badge badge-success"> {{ types.libelle }} </small>
  287.                                                     {% endfor %}
  288.                                                     {% if news.premium %}  <small
  289.                                                             class="fa fa-lock text-muted"></small> {% endif %}
  290.                                                 </p>
  291.                                                 <h6 class="media-heading">
  292.                                                     <a href="{{ path('site_news_show',{'id': news.id}) }}"
  293.                                                        class="of-news-title">{{ news.titre }}</a>
  294.                                                 </h6>
  295.                                             </div>
  296.                                         </div>
  297.                                     </div>
  299.                                 {% endfor %}
  302.                             </div>
  303.                         </div>
  305.                     </div>
  308.                 </div>
  309.             </div>
  311.             <div class="col-md-3 mb-2">
  312.                 <div class="sticky-top">
  314.                     <div class="block block-primary mb-5">
  315.                         <h3 class="block-title"><span>Voir aussi</span></h3>
  317.                         <div class="row">
  318.                             {% for relate in related %}
  319.                                 <div class="col-6 col-md-12">
  321.                                     <div class="item card mb-2">
  322.                                         <div class="of-img-hoverable h-200">
  323.                                             <img src="{{ (relate.image)?asset("uploads/news/#{relate.getImage()}"):asset("uploads/news/defaultnews.jpg") }}"
  324.                                                  class="card-img-top" alt="{{ relate.titre }}">
  325.                                         </div>
  326.                                         <div class="card-body">
  327.                                             <p><small class="text-muted"><i
  328.                                                             class="fa fa-calendar-alt"></i> {{ relate.date|date('d/m/Y') }}
  329.                                                 </small> -
  330.                                                 {% for types in relate.type %}
  331.                                                     <small class="of-slide-cat"> {{ types.libelle }} </small>
  332.                                                 {% endfor %}
  333.                                             </p>
  334.                                             <h6 class="card-title text-truncate"><a
  335.                                                         href="{{ path('site_news_show',{'id': relate.id}) }}"
  336.                                                         title="{{ relate.titre }}">{{ relate.titre }}</a></h6>
  337.                                         </div>
  338.                                     </div>
  339.                                 </div>
  340.                             {% endfor %}
  342.                         </div>
  343.                     </div>
  344.                     <div class="block block-gray mb-5 d-none d-md-block d-lg-block mb-2">
  345.                         <h3 class="block-title"><span>Publicité</span></h3>
  347.                         <img src="{{ asset('assets/site/images/pub-1.png') }}" alt="" class="img-responsive w-100">
  349.                     </div>
  350.                 </div>
  353.             </div>
  356.         </section>
  357.     </div>
  359. {% endblock %}
  361. {% block scripts %}
  362.     <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>
  364.     <script type="text/javascript" src="{{ asset('assets/common/daterangepicker/moment.min.js') }}"></script>
  365.     <script src="{{ asset('assets/common/daterangepicker/daterangepicker.js') }}"></script>
  367.     <script src="{{ asset('assets/common/select2/js/select2.full.min.js') }}"></script>
  369.     <script>
  370.         $(document).ready(function () {
  372.             $('#close-news-modal').on('click', function (e) {
  373.                 e.preventDefault();
  374.                 setCookie('newsModalDisplay', 24, 1);
  375.                 $('#news-modal').modal('hide');
  376.             });
  378.             {% if not app.user %}
  379.             $cook = getCookie('newsModalDisplay');
  380.             if ($cook != 24) {
  381.                 setTimeout(function () {
  382.                     $('#news-modal').modal('show');
  383.                 }, 1500);
  384.             }
  385.             {% endif %}
  387.             //Export
  388.             $('#export-pdf').on('click', function (e) {
  389.                 e.preventDefault();
  390.                 var loc = window.location.href.replace('/actualite', '/export/news');
  391.                 //console.log(loc);
  392.                 window.open(loc, "Orishas Export", "fullscreen=no,location=no");
  393.             })
  394.         })
  395.     </script>
  397. {% endblock %}