templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block meta_description %} Bienvenue sur notre page d'accueil ! {% endblock %}
  5. {% block title %}Page d'accueil{% endblock %}
  7. {% block body %}
  9.     <div class="side-bar p-3">
  11.                 <div class="logo"> </div>
  12.                 <div class="photo"> </div>
  13.                 <div class="list-categories">
  16.     {# Permet de rediriger vers la page d'accueil #}
  18.             <ul>
  19.                 {% for category in listCategories %}
  20.                    <li class="my-3">
  21.                         <a href="{{ path('show_articles_by_category', {id : category.id}) }}"> {{category.name}} </a>
  22.                    </li>
  23.                 {% endfor %}
  24.             </ul>
  25.         
  26.         </div>
  28.     </div>
  30.     <div class="main-content px-5">
  32.         <div class="inner-content">
  34.                     {# créer 1 msg d'alerte que l'article a bien été supprimé ! #}
  36.                     {% for msg in app.flashes('confirmation') %}
  37.                             <div class="alert alert-success">
  38.                     {{ msg }}
  39.         </div>
  40.         
  41.         {% endfor %}
  43.             <a href="{{path('create_article')}}" class="btn btn-success"> Créer un article</a> 
  45.             <h1 class="mb-5"> Nos derniers articles </h1>
  47.                 {% for article in listArticles %}
  49.                     <div class="article d-flex flex-column align-items-start my-3">
  50.                         <a class="d-flex text-decoration-none text-reset" href="{{ path('show_article_by_id', { id:article.id }) }}">
  51.                             <img src="{{ asset('images/articles/' ~ article.picture ) }}" />
  52.                         
  53.                         <div class="d-flex flex-column ps-2">   
  54.                             <h2>{{ article.title }} - {{ article.date|date("d-m-Y") }} </h2>
  55.                             <p>{{ article.chapo }} </p>
  56.                             
  57.                         </div>
  58.                         </a>
  60.                             <button id="{{article.id}}" class="delete-button my-3 btn btn-danger"> Supprimer </button>
  61.                     </div>
  63.                 {% endfor %}
  65.                 {# mise en place de la pagination 12>>> cf la page "Nos derniers articles" controller HomeController.php #}
  67.                 <div class="navigation">
  68.                     {{ knp_pagination_render(listArticles) }}
  69.                 </div>
  70.         </div>
  72.     </div>
  75.     {# Permet de rediriger vers la page d'accueil #}
  76.     {# <a href="{{ path('app_home') }}"> Lien vers la page d'accueil </a> #}
  78. {% endblock %}