templates/components/search.html.twig line 1

Open in your IDE?
  1. <li{{ attributes.defaults(stimulus_controller('search')) }} class="position-relative d-flex justify-content-end me-2 flex-grow-1">
  3.     <div class="d-none w-100" {{ stimulus_target('search','searchInput') }}>
  4.         <input class="form-control w-100 me-2 mb-3 mb-lg-0"
  5.                aria-hidden="true"
  6.                type="search"
  7.                data-model="search"
  8.                data-action="keydown@document->search#keyDown keydown->search#keyDown mouseup@window->search#hide"
  9.                placeholder="Search" aria-label="Search an instrument">
  11.         <div class="list-group position-absolute w-100 shadow">
  12.             {% for instrument in this.searchInstruments %}
  13.                 <a href="{{ path('app_instrument_show', {'slug': instrument.slug}) }}"
  14.                    class="list-group-item list-group-item-action border-0 border-bottom">
  15.                     {{ instrument.name }}
  16.                 </a>
  17.             {% endfor %}
  18.         </div>
  19.     </div>
  21.     <button class="nav-link"
  22.             aria-hidden="false"
  23.             aria-label="jump to the search input field"
  24.             data-action="search#show"
  25.             {{ stimulus_target('search', 'showButton')}}>
  26.         <i class="fas fa-search"></i>
  27.     </button>
  29. </li>