templates/lancer_un_post/showpost.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Affichage d'un Post{% endblock %}
  5. {% block body %}
  6. <div style="height: auto; margin:15px 15px; list-style-type: none; border: 2px solid white; border-radius: 10px; padding: 20px; font-size: 20px;">
  7.     <h1 style="display:flex;flex-direction:row; justify-content:center;box-shadow: 15px 1px 55px #5ED9F4; padding: 15px 15px;">{{ postDetails.title }}</h1>
  9.     <!-- Pseudo et date de création et catégorie -->
  10.     <p style="font-size: 20px;">
  11.         Créé par <strong>
  12.             <a href="{{ path('app_envoyer_message', { 'username': postDetails.username }) }}">
  13.                 {{ postDetails.username }}
  14.             </a>
  15.         </strong> le {{ postDetails.creationDate|date('d/m/Y H:i') }} | {{ postDetails.name }}
  16.     </p>
  17.     
  19.     <!-- Image facultative -->
  20.     {% if postDetails.image %}
  21.     <div style="text-align: center;">
  22.         <img src="{{ asset('uploads/images/' ~ postDetails.image) }}" style="max-width: 60%; ">
  23.     </div>
  24.     {% endif %}
  26.     <hr>
  27.     <!-- Contenu principal du post -->
  28.     <div>
  29.         <p style="font-size: 20px;"><strong>{{ postDetails.username }}</strong> : {{ postDetails.content }}</p>
  30.     </div>
  32.    <!-- Réponses au post -->
  33. <div>
  34.     {% for response in postDetails.responses %}
  35.         <p><strong><a href="{{ path('app_envoyer_message', { 'username': response.username }) }}">{{ response.username }}</a></strong>: {{ response.content }}</p>
  36.     {% endfor %}
  37. </div>
  39. </div>
  41.     <!-- Formulaire de réponse -->
  42.     {% if app.user %}
  43.         <div>
  44.             <h3>Répondre au Post</h3>
  45.             <form method="post" action="{{ path('app_repondre_au_post', { 'id': postDetails.id }) }}">
  46.                 <textarea name="response" rows="4" cols="50"></textarea><br>
  47.                 <button type="submit" style="padding: 10px 10px;">Envoyer</button>
  48.             </form>
  49.         </div>
  50.     {% endif %}
  52. {% endblock %}