templates/home/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     Snowtricks
  5. {% endblock %}
  7. {% block javascripts %}
  8. <script type="module">
  9.   import arrowToUp from "{{ asset('js/home/arrowToUp.js') }}";
  10.   arrowToUp();
  11.   import deleteTrick from "{{ asset('js/trick/deleteTrick.js') }}";
  12.   deleteTrick();
  13. </script>
  14. {% endblock %}
  16. {% block body %}
  17.   <div class="presentation">
  18.     <h1 class="title-1">Phrase d'accroche de snowtricks !</h1>
  19.     <a href="#home-main"><i class="fas fa-arrow-down"></i></a>
  20.   </div>
  21.   <div id="tricks-container" class="tricks-container">
  22.     <div id="home-main" class="home-main">
  23.       <div class="base-container">
  24.         {% for label, messages in app.flashes %}
  25.           {% for message in messages %}
  26.             <div class="{{ label }}-message">
  27.               <div>{{ message }}</div>
  28.             </div>
  29.           {% endfor %}
  30.         {% endfor %}
  31.       </div>
  32.       <h2 class="title-2">Liste des tricks</h2> 
  33.       <ul class="tricks-container">
  34.         {% for trick in tricks %}
  35.           <li class="trick-item">
  36.             <a href="/trick/displayone/{{trick.slug}}">
  37.               <div style="background-image: url('{{trick.path}}')" class="trick-img-container"></div>
  38.             </a>
  39.             <div class="trick-infos">
  40.               <div>
  41.                 <a href="trick/displayone/{{trick.slug}}" class="secondary">{{trick.name}}</a>
  42.               </div>
  43.               {% if app.user %}
  44.                 <div class="manage-trick">
  45.                   <a href="trick/update/{{trick.slug}}" class="icon-container">
  46.                     <i class="fas fa-edit"></i>
  47.                   </a>
  48.                   <a href="#" class="icon-container delete-btn" data-trick-id="{{trick.slug}}" data-trick-action="trick/delete/{{trick.slug}}">
  49.                     <i class="fas fa-trash"></i>
  50.                   </a>
  51.                 </div>
  52.               {% endif %}
  53.             </div>
  54.           </li>
  55.         {% endfor %}
  56.         <a href="#home-main" class="icon-container arrow-to-up"><i class="fas fa-arrow-up"></i></a>
  57.       </ul>
  58.     </div>
  59.   </div>
  60.   <div id="modal" class="modal hidden">
  61.     <div data-close-modal="" class="close-modal"><i class="fas fa-times"></i></div>
  62.     <strong>Voulez-vous vraiment supprimer le trick ?</strong>
  63.     <div class="modal-btn-container">
  64.       <form id="modal_form">
  65.         <button id="modal_submit_btn">Oui</button>
  66.         <button data-close-modal="">Non</button>
  67.       </form>
  68.     </div>
  69.   </div>
  70.   <div id="overlay" class="overlay hidden" data-close-modal=""></div>
  71. {% endblock %}