index.html.twig 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Accueil
  3. {% endblock %}
  4. {% block body %}
  5. <div class="d-flex flex-column align-items-center">
  6. {# Affichage du formulaire #}
  7. <div class="card" style="width: 75rem;">
  8. {{ form_start(form) }}
  9. {{ form_errors(form) }}
  10. {{ form_widget(form) }}
  11. <button type="submit" class="btn btn-primary">Envoyer</button>
  12. {{ form_end(form) }}
  13. </div>
  14. {# On affiche tous les messages #}
  15. {% for msg in messages %}
  16. <div class="card" style="width: 75rem;">
  17. <div class="card-body">
  18. <h5 class="card-title">
  19. <a href={{ path('profile', {'username': msg.sender.getUsername() } ) }}>{{ msg.sender.getUsername() }}</a>
  20. </h5>
  21. <h6 class="card-subtitle mb-2 text-muted">{{ msg.getDate()|date('H:i - d/m/Y') }}</h6>
  22. <p class="card-text">{{ msg.text | striptags('<a>') | raw }}</p>
  23. <a href="{{ path('message', {'msgId': msg.getId() }) }}" class="card-link">Répondre</a>
  24. <a href="{{ path('rt_message', {'msgId': msg.getId() }) }}" class="card-link">RT</a>
  25. </div>
  26. </div>
  27. {% endfor %}
  28. </div>
  29. {% endblock %}
  30. {% block javascripts %}
  31. <script>
  32. $(document).ready(() => {
  33. $('[data-toggle="popover"]').popover();
  34. });
  35. </script>
  36. {% endblock %}