src/WebBundle/Resources/views/Common/search-sphinx.html.twig line 1

Open in your IDE?
  1. {% set fullTextSearchUrl = path('app_full_text_search') %}
  2. {% set fullTextSearchUrlWithKey = path('app_full_text_search') ~ '?q=' %}
  3. <div class="sphinx-search-block js-sphinx-search">
  4.       <span class="sphinx-search-close">
  5.         <span class="hidden-xs material-icons">&#xE5CD;</span>
  6.         {#<span class="visible-xs">{{ 'buyOrder.list.cancel' | trans }}</span>#}
  7.         <span class="visible-xs">
  8.             {% include '@Web/SVGIconsCode/search-close-btn.html.twig' %}
  9.         </span>
  10.       </span>
  11.       <div class="sphinx-input-wrapper">
  12.         <label
  13.             for="SearchOfSphinxInput"
  14.             class="sphinx-input-label hidden-xs material-icons"
  15.             id="SearchOfSphinxButton"
  16.         >&#xE8B6;</label>
  17.         <input type="text" id="SearchOfSphinxInput"
  18.                   data-url="{{ path('app_full_text_search_suggester') }}"
  19.                   class="sphinx-input js-sphinx-input"
  20.                   placeholder="{{ 'left_menu_find' | trans }}"
  21.                   data-action="{{ fullTextSearchUrl }}"
  22.                   data-value-empty="{{ 'left_menu_find' | trans }}"
  23.                   data-alert-message="{{ 'search_sphinx_alert' | trans }}" />
  24.         <span class="sphinx-input-clear material-icons">&#xE5CD;</span>
  25.         {#<span class="sphinx-submit-button js-submit-button">#}
  26.         <a href="{{ fullTextSearchUrlWithKey }}"
  27.            class="sphinx-submit-button js-submit-button js-search-query-submit-button"
  28.            data-initial-href="{{ fullTextSearchUrlWithKey }}"
  29.         >
  30.             <span
  31.                 class="sphinx-input-preloader ladda-button"
  32.                 data-style="zoom-in"
  33.                 data-spinner-color="#777"
  34.             ></span>
  35.               <span class="hidden-xs">{{ 'site_search_btn' | trans }}</span>
  36.               <span class="visible-xs material-icons">&#xE8B6;</span>
  37.         </a>
  38.       </div>
  39.       <div class="s-r-suggester-wrapper">
  40.         <div class="s-r-suggester-list"></div>
  41.         <div class="s-r-more-link-wrapper">
  42.               {#<span class="s-r-more-link js-submit-button">{{ 'all_search_results' | trans }}</span>#}
  43.               <a href="{{ fullTextSearchUrlWithKey }}"
  44.                  class="s-r-more-link js-submit-button js-search-query-submit-button"
  45.                  data-initial-href="{{ fullTextSearchUrlWithKey }}"
  46.               >{{ 'all_search_results' | trans }}</a>
  47.         </div>
  48.       </div>
  49. </div>
  51. {# код, отвечающий за показ блока с результатами во всплывашке поиска; 
  52.    вынесен сюда из файла скриптов поиска, т.к. при отработке внутри файла блок отображается с ощутимой задержкой 
  53.    из-за предварительной прогрузки хтмл и всех скриптов; при переносе сайта на реакт данный код будет переписан;
  54.    неминицифированный код находится в файле common_scripts/_left-search-spinx.js #}
  55. <script>
  56. !function(){try{var e=document,r=sessionStorage,t=location.href,s=e.referrer,a=r.getItem('searchData');if(a)if(t===(a=JSON.parse(a)).referrer){var u=e.querySelector('.js-sphinx-search'),o=e.querySelector('.js-sphinx-input');e.querySelector('.s-r-suggester-list').innerHTML=a.results,e.querySelector('.s-r-suggester-wrapper').style.display='block',u.className=u.getAttribute('class')+' shown',u.setAttribute('data-results-loaded','true'),o.value=a.query,setTimeout(function(){o.focus()},250),r.removeItem('searchData')}else s!==a.referrer&&s!==t&&''!==s&&r.removeItem('searchData')}catch(e){}}();
  57. </script>