templates/homepage/homepage_default.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block layout %}
  4. <div class="row">
  5.     <!-- NAVBAR LATERALE -->
  6.     <div class="d-lg-block col-lg-3">
  7.         <div class="list-group homepage-navbar" style="margin-bottom:10px;"> <!-- sticky ?? -->
  8.             <a href="{{ path('homepage', {categorie: null}) }}" class="list-group-item list-group-item-action {{ (null == categoryRequest) ? "active" : "" }}">
  9.                 Toutes les catégories
  10.             </a>
  11.             <a href="{{ path('homepage', {categorie: 'jurisprudences'}) }}" class="color jurisprudence list-group-item list-group-item-action {% if 'jurisprudences' == categoryRequest %} active {% endif %}">
  12.                 Les jurisprudences
  13.             </a>
  14.             <a href="{{ path('homepage', {categorie: 'tutos'}) }}" class="color tuto list-group-item list-group-item-action {{ (categoryRequest != null and 'tutos' == categoryRequest) ? "active" : "" }}">
  15.                 La Base
  16.             </a>
  17.             <a href="{{ path('homepage', {categorie: 'infos'}) }}" class="color news list-group-item list-group-item-action {{ (categoryRequest != null and 'infos' == categoryRequest) ? "active" : "" }}">
  18.                 Les actualités
  19.             </a>
  22.         </div>
  23.     </div>
  25.     <div class="col-lg-9 col-12">
  26.        <div class="row">
  27.             {% for data in dataContent %}
  28.                 <div class="col-sm-12 col-lg-6 liste">
  29.                     <div class="card" style="border: 1px solid black;height: 100%;min-height:215px">
  30.                         <h5 class="card-header color {% if data.type == 'tuto' %} tuto {% elseif data.type == 'news' %} news {% else %} jurisprudence {% endif %}">
  31.                             <strong>
  32.                                 {{ data.title }}
  33.                             </strong>
  34.                         </h5>
  35.                         <div class="card-body">
  36.                             <p class="card-text">
  37.                                 <i>
  38.                                     {{ data.content|length > 200 ? data.content|slice(0,200)|raw : data.content|raw }}
  39.                                     {{ data.content|length > 200 ? '...' : ''}}
  40.                                 </i>
  41.                             </p>
  42.                         </div>
  43.                         <div class="card-footer" style="display: flex; align-items: center">
  44.                             <span style="">{{ data.date|date('d/m/Y') }} </span>
  45.                             {% if data.type == 'tuto' %}
  46.                                 <a href="{{ path('tuto_read', {tutoId: data.id}) }}" style="margin-left:auto; background-color:var(--info); border-color:var(--info);" class="btn btn-primary">
  47.                                     Lire l'article
  48.                                 </a>
  49.                             {% elseif data.type == 'news' %}
  50.                                 <a href="{{ path('news_read', {actuId: data.id}) }}" style="margin-left:auto; background-color:var(--news-color); border-color:var(--news-color);" class="btn btn-primary">
  51.                                     Lire l'actu
  52.                                 </a>
  53.                             {% else %}
  54.                                 <a href="{{ path('jurisprudence_show', {jurisprudenceId: data.id}) }}" style="margin-left:auto;" class="btn btn-primary">
  55.                                     Consulter la jurisprudence
  56.                                 </a>
  57.                             {% endif %}
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             {% endfor %}
  62.         </div>
  64.         <div class="navigation">
  65.             {{ knp_pagination_render(dataContent) }}
  66.         </div>
  67.     </div>
  68. </div>
  71. {% endblock %}