templates/partials/_toast.html.twig line 1

  1. <div class="toast-container position-fixed bottom-0 end-0 p-3">
  3.     {% for message in app.flashes('badge') %}
  4.         <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  5.             <div class="toast-header bg-primary text-white">
  6.                 <strong class="ms-2 me-auto">
  7.                     Nouveau badge obtenu</strong>
  8.                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  9.             </div>
  10.             <div class="toast-body bg-white">
  11.                 Vous venez d'obtenir le badge
  12.                 <strong>{{message}}</strong>
  13.                 !
  14.             </div>
  15.         </div>
  16.     {% endfor %}
  19.     {% for message in app.flashes('success') %}
  20.         <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  21.             <div class="toast-header bg-terminated text-white">
  22.                 <strong class="ms-2 me-auto">
  23.                     Succès</strong>
  24.                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  25.             </div>
  26.             <div class="toast-body bg-terminated text-white">{{message}}
  27.             </div>
  28.         </div>
  29.     {% endfor %}
  30.     {% for message in app.flashes('danger') %}
  31.         <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  32.             <div class="toast-header bg-late text-white">
  33.                 <strong class="ms-2 me-auto">
  34.                     Erreur</strong>
  35.                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  36.             </div>
  37.             <div class="toast-body bg-late text-white">{{message}}
  38.             </div>
  39.         </div>
  40.     {% endfor %}
  41. </div>
  44. <template id="toast-template">
  45.     <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  46.         <div class="toast-header bg-primary text-white">
  47.             <strong class="ms-2 me-auto toast-title"></strong>
  48.             <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  49.         </div>
  50.         <div class="toast-body bg-white toast-message"></div>
  51.     </div>
  52. </template>
  54. <template id="toast-success-template">
  55.     <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  56.         <div class="toast-header bg-terminated text-white">
  57.             <strong class="ms-2 me-auto toast-title"></strong>
  58.             <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  59.         </div>
  60.         <div class="toast-body bg-terminated text-white toast-message"></div>
  61.     </div>
  62. </template>
  64. <template id="toast-danger-template">
  65.     <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
  66.         <div class="toast-header bg-late text-white">
  67.             <strong class="ms-2 me-auto toast-title"></strong>
  68.             <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
  69.         </div>
  70.         <div class="toast-body bg-late text-white toast-message"></div>
  71.     </div>
  72. </template>