templates/search/index.html.twig line 1

Open in your IDE?
  1. {# templates/search/index.html.twig #}
  3. {% extends "base.html.twig" %}
  5. {% block title %}{{ search }} | Recherche {{ parent() }}{% endblock %}
  7. {% block stylesheets %}
  8.     {{ encore_entry_link_tags('app') }}
  9. {% endblock %}
  11. {% block content %}
  12. {# <div id = "mainDiv"> #}
  13. <div id = "secondDiv">
  14.     <form class="d-flex" method="get" action="/search">
  15.         <div id="rechercheInput">
  16.             {# <div class="input-field" id="input-field-search"> #}
  17.                 {# <i class="material-icons prefix">search</i> #}
  18.                 <input class="form-control" id="searchbar2" type="text" style="" placeholder="Recherche" name="q" value="{{ search }}" required>
  19.             {# </div> #}
  20.             <button id="search-button" class="Btn_primary" type="submit" >Rechercher</button>
  21.         </div>
  22.     </form>
  23.     {# <div id="filtreSelect"> #}
  24.         <div class="input-field selectWrapper" id="filtreSelect">
  25.             <select name="filtres" id="sorts" class="select">
  26.                 <option value="0">Filtrer la recherche</option>
  27.                 <option value="1">Les moins vus</option>
  28.                 <option value="2">Les plus vus</option>
  29.                 <option value="3">Les plus récents</option>
  30.                 <option value="4">Les moins récents</option>
  31.             </select>
  32.             <span class="focus"></span>
  33.         </div>
  34.     {# </div> #}
  35.     
  36.     <div id="articlesContainer" class="container">
  37.     </div>
  38.     
  39.     <div class="container" id="recoContainer">
  40.         <h2 class="section_title h2">Parcours recommandé ! </h2>
  41.         {{ render(controller('App\\Controller\\RecoController::index')) }}
  42.     </div>
  43.     
  45.             {% include "footer/index.html.twig" %}
  47. </div>
  48. {% include "includes/volet.html.twig" %}
  49. {# 
  50.     
  51.     <div id = "containerVolet" class="fermer">
  52.         <div id ="voletIcon" class = "volet">
  53.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-left" viewBox="0 0 16 16">
  54.             <path fill-rule="evenodd" d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5zM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5z"/>
  55.             </svg>
  56.         </div>
  57.         <div id ="previewIcon" class = "volet">
  58.             <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-justify" viewBox="0 0 25 25">
  59.             <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
  60.             </svg>
  61.         </div>
  62.         <div id ="chatIcon" class = "volet">
  63.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left" viewBox="0 0 16 16">
  64.             <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
  65.             </svg>
  66.         </div>
  67.         <div id ="paperclipIcon" class = "volet">
  68.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paperclip" viewBox="0 0 16 16">
  69.                 <path d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z"/>
  70.             </svg>
  71.         </div> 
  72.     </div>
  73.       
  74.     <div id ="mainVolet" class = "volet_clos mainVolet">
  75.       <div id = "articleContainer" >
  76.         <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  77.       </div>
  79.       <div id = "commentaireContainer" class ="container_hidden">
  80.         <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  81.       </div>
  82.       
  83.       <div id = "attachmentWallContainer" class ="container_hidden">
  84.         <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  85.       </div>
  87.     </div> #}
  89.     {# </div> #}
  91.     <script type="module">
  92.         import ui_search from "/assets/js/ui/ui_search.js";
  93.         import gestionVue from "/assets/js/gestionVue.js";
  94.         //Id de l'utilisateur
  95.         {# var user_id = parseInt({{ app.user.id }}); #}
  96.         //recherche effectué dans le moteur de recherche
  97.         var request = "{{ search }}";
  98.         // Onload 
  99.         $(document).ready(function()
  100.         {
  101.             // Si l'utilisateur est connectée
  102.             {% if is_granted("ROLE_USER") %}
  103.             let user_id = parseInt({{ app.user.id }});
  104.             ui_search.init_is_granted(user_id , request);           
  105.             {% else %}
  106.             ui_search.init(request);
  107.             //ui_search.init(user_id, request);
  108.             {% endif %}
  109.             gestionVue.initialisation();
  110.         });
  111.         
  112.     </script>
  114. {% endblock %}