templates/article/article.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ article.metaTitle }}{% endblock %}
  5. {% block meta %}
  6.     <!-- Primary Meta Tags -->
  7.     <meta name="description" content="{{ article.metaDescription }}">
  9.     <!-- Open Graph -->
  10.     <meta property="og:type" content="website">
  11.     <meta property="og:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  12.     <meta property="og:title" content="{{ article.metaTitle }}">
  13.     <meta property="og:description" content="{{ article.metaDescription }}">
  14.     <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageEnTete ~ article.imageUrl }}">
  16.     <!-- Twitter -->
  17.     <meta property="twitter:card" content="summary">
  18.     <meta property="twitter:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  19.     <meta property="twitter:title" content="{{ article.metaTitle }}">
  20.     <meta property="twitter:description" content="{{ article.metaDescription }}">
  21.     <meta property="twitter:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageEnTete ~ article.imageUrl }}">
  22.         <script type="application/ld+json">
  23.     {
  24.         "@context": "https://schema.org",
  25.         "@type": "Article",
  26.         "headline": "{{article.titre}}",
  27.         "image": "{{ app.request.getSchemeAndHttpHost() ~ urlImageEnTete ~ article.imageUrl}}",  
  28.         "author": {
  29.             "@type": "Organization",
  30.             "name": "Sogal"
  31.         },  
  32.         "publisher": {
  33.             "@type": "Organization",
  34.             "name": "Sogal",
  35.             "logo": {
  36.             "@type": "ImageObject",
  37.             "url": "https://www.sogal.com/uploads/logo/logo.png"
  38.             }
  39.         },
  40.         "datePublished": "{{article.date|date('Y-d-m')}}"
  41.         }
  42.     </script>
  43. {% endblock %}
  45. {% block stylesheets %}
  46. <link rel="stylesheet" href="{{ asset('css/page.css') }}"/>
  47. <link rel="stylesheet" href="{{ asset('css/article.css') }}"/>
  49. {% endblock %}
  52. {% block bodyFluid %}
  53.     <div class="bg-grey">
  54.         <div class="container">
  55.             <div class="no-in-header"></div>
  56.             <div class="row">
  57.                 <div class="col-12 col-lg-3">
  59.                     <div class="d-flex align-items-center h-100">
  60.                         <div>
  61.                             <div class="sujet mb-3">[ {{ article.tag.titre }} ]</div>
  62.                             <h1>{{ article.titre }}</h1>
  63.                             <div class="sepa mt-4 mb-3"></div>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.                 <div class="col-12 col-lg-9">
  68.                     <img class="img-fluid" src="{{ urlImageEnTete ~ article.imageTerUrl }}" alt="{{ article.imageAlt }}">
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  74.     <div class="container">
  75.         <div class="row">
  76.             <div class="col-12">
  77.                 <nav aria-label="breadcrumb">
  78.                     <ol class="breadcrumb">
  79.                         <li class="breadcrumb-item"><a href="{{ path('homepage') }}">Accueil</a></li>
  80.                         <li class="breadcrumb-item"><a href="{{ path('article_list') }}">Magazine</a></li>
  81.                         <li class="breadcrumb-item active" aria-current="page">{{ article.titre }}</li>
  82.                     </ol>
  83.                 </nav>
  84.             </div>
  85.         </div>
  86.     </div>
  89.     {% if article.tagProduits is not empty %}
  90.         <div class="container">
  91.             <div class="row">
  92.                 {% for tagProduit in article.tagProduits %}
  93.                     <div class="px-3 py-2 border border-dark ml-3">{{ tagProduit.titre }}</div>
  94.                 {% endfor %}
  95.             </div>
  96.         </div>
  97.     {% endif %}
  99.     <div class="row">
  100.         {% if article.rows is not empty %}
  101.             <div class="a" style="background-color: {{ article.rows.first.backgroundColor }}">
  102.             </div>
  103.         {% else %}
  104.             <div class="a">
  105.             </div>
  106.         {% endif %}
  107.     </div>
  108.     {% for row in article.rows %}
  109.         {% include "template/row.html.twig" %}
  110.     {% endfor %}
  112.     {% if article.pdf %}
  113.         <div class="container">
  114.             <div class="row">
  115.                 <div class="col-12 col-lg-3 bynder">
  116.                     {{ article.pdf|raw }}
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     {% endif %}
  122.     <div id="myModal" class="modal modal-zoom">
  123.         <section class="row">
  124.             <div class="col-12">
  125.                 <img class="modal-content-zoom img-fluid" id="img01">
  126.                 <p id="titreModal" class="caption-zoom"></p>
  127.             </div>
  128.         </section>
  129.     </div>
  131. </section>
  132. {% endblock %}
  134. {% block javascripts %}
  135.     <script src="{{ asset('js/page.js') }}"></script>
  136. {% endblock %}