templates/modules/searchbar/searchbar.twig line 1

Open in your IDE?
  1. {% set button = button ?: false %}
  2. {% set responsive_js = responsive_js ?: false %}
  3. {% set entity = entity ?: '' %}
  4. {% set with_form = with_form ?: false %}
  5. {% set with_button = with_button ?: 'o' %}
  7. {% if not button and with_form %}
  8. <div class="grid-container search-container">
  9.     <form action="{{link}}"
  10.         class="searchBar grid-x align-center {{responsive_js ? "js-searchbar-responsive"}} {{annuairePage ? "searchBar_annuaire"}}">
  11.         {% endif %}
  13.         {% for input in inputs %}
  14.         <div class="searchBar-group">
  15.             {% if button %}
  16.               <div class="searchBar-group-button btn btn_whiteBkg btn_blueBorder btn_cat">{{ input.name }} 
  17.                 <img src="{{ asset('images/svg/icon_arrowDown_blue.svg') }}" />
  18.               </div>
  19.             {% else %}
  20.               <input 
  21.                 type="text" 
  22.                 name="{{ input.name }}" 
  23.                 autocomplete="off" id="{{ bigSearch ? "bigsearchInput" }}"
  24.                 class="searchBar-group-input {{ input.options.arrow ? "searchBar-group-input_arrowIcon" : "" }} {{ input.options.pen ? "searchBar-group-input_penIcon" : "" }}"
  25.                 placeholder="{{ input.placeholder }}" 
  26.                 entity="{{ entity }}"
  27.                 required="{{ entity == 'bigsearch' ? 'true' : false }}"
  28.               />
  29.               {% if app.request.query.has('annee') %}
  30.                 <input type="hidden" name="annee" value="{{ app.request.query.get('annee') }}" />
  31.               {% endif %}
  32.             {% endif %}
  34.             {% if entity != 'bigsearch' %}
  35.               <div class="searchBar-group-dropdown grid-y {{ not result_categories ?: 'stuff_home' }}">
  36.                   {% if input.options.arrow %}
  37.                   <div class="searchBar-group-dropdown-section">
  38.                     <p class="searchBar-group-dropdown-section-title" id="locate_me">
  39.                       <a href="javascript:;" style="color:#525c66;">
  40.                         <img src="/assets/images/svg/arrowIcon_dark.svg"> Autour de moi
  41.                       </a>
  42.                     </p>
  43.                   </div>
  44.                   {% endif %}
  45.                   {% if input.options.pen and result_categories %}
  46.                   <div class="searchBar-group-dropdown-section" id="default_entities">
  47.                       {% for cat in result_categories %}
  48.                       <p class="searchBar-group-dropdown-section-queries-item"
  49.                           onclick="setStuff({{'"' ~ cat.name ~ '"'}}, {{cat.alias}})">{{cat.name}}</p>
  50.                       {% endfor %}
  51.                       <p><i>ou taper votre recherche ...</i></p>
  52.                   </div>
  53.                   {% endif %}
  54.                   <div class="searchBar-group-dropdown-section" id="list_{{ input.name }}"></div>
  55.               </div>
  56.               <input type="hidden" id="{{ input.name }}">
  57.             {% endif %}
  59.         </div>
  60.         {% endfor %}
  62.         {% if not button and with_button == 'o' %}
  63.           {% if entity == "centres affiliés" or entity == 'bigsearch' or entity == "videos" %}
  64.             <button type="submit" class="btn btn-extra">Rechercher</button>
  65.           {% else %}
  66.             <button type="button" id="submit" class="btn">Rechercher</button>
  67.           {% endif %}
  68.         {% endif %}
  70.         {% if not button and with_form %}
  71.     </form>
  72.     {% if pageType is defined and pageType == "center_lists" %}
  73.     <div class="cell flex-container filter-wrapper">
  74.         <button type="button" class="btn filter-wrapper_button">
  75.           Filtrer
  76.         </button>
  77.     </div>
  78.     {% endif %}
  79. </div>
  80. {% endif %}
  82. {% if not button and with_form %}
  83. {% if pageType is defined and pageType == "center_lists" %}
  84. <div class="grid-container filters-wrapper">
  86.     {% include "modules/select/select.twig" with {
  87.         "inputs" : [
  88.             {
  89.                 "name": "Réseaux",
  90.                 "queries": dropdown.networks
  91.             },
  92.             {
  93.                 "name": "Diplômes",
  94.                 "queries": dropdown.degrees
  95.             }
  96.         ]
  97.     } %}
  99. </div>
  100. {% endif %}
  101. {% endif %}