src/Package/Openform/Front/Templates/Search/index.html.twig line 1

Open in your IDE?
  1. {% extends "@openform_front_templates/base.html.twig" %}
  3. {% block bodyAttr %}data-page="index-page"{% endblock %}
  5. {% from '@openform_front_templates/_includes/_icons.html.twig' import search %}
  7. {% set pageSubTitle = entity.Translation[app.request.locale].title %}
  8. {% set metaTitle = entity.Translation[app.request.locale].metaTitle ? entity.Translation[app.request.locale].metaTitle : entity.Translation[app.request.locale].title %}
  9. {% set metaDescription = entity.Translation[app.request.locale].metaDescription %}
  10. {% set metaKeywords = entity.Translation[app.request.locale].metaKeywords %}
  11. {% set pageImage = entity.imagePath ? openform_front_util.getImagePathByType(entity.Thumb,'list') : '' %}
  13. {% block content %}
  14.     
  15.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  17.     <section class="search-result container">
  18.         <div class="search-result__title">
  19.             {{'SEARCH_RESULTS_FOR_PHRASE'|trans({}, 'openform_front', app.request.locale)}} "{{ filters.phrase is defined ? filters.phrase }}"
  20.         </div>
  21.         <div class="search-result__wrapper">
  22.             <div class="search-result-list" >
  23.                 {% include '@openform_front_templates/Search/_list.html.twig' %}
  24.             </div>
  25.             <div class="search-result__info">
  26.                 {% include '@openform_front_templates/Search/_filters.html.twig' %}
  27.             </div>
  28.         </div>
  29.     </section>
  31.     <script>
  32.         var loadAjax;
  34.         jQuery(function ($) {
  36.             loadAjax = function (page) {
  38.                 addUrlParam('page', page)
  40.                 $.ajax({
  41.                     'url': '{{ toolkit_route_localizer.generate('search_filter_ajax',{} ,app.request.locale) }}',
  42.                     'type': 'POST',
  43.                     'dataType': 'json',
  44.                     'contentType': 'application/json; charset=utf-8',
  45.                     'data': JSON.stringify({
  46.                         page: page,
  47.                         filters: queryStringToObject(window.location.search)
  48.                     }),
  49.                     'success': function (response) {
  50.                         $('.search-result-list').html(response.entitiesHtml)
  51.                     }
  52.                 });
  53.             }
  54.         });
  56.         function queryStringToObject(queryString) {
  57.             const params = new URLSearchParams(queryString);
  58.             const result = {};
  60.             params.forEach((value, key) => {
  61.                 if (key.endsWith("[]")) {
  62.                     const realKey = key.slice(0, -2);
  63.                     if (!result[realKey]) {
  64.                         result[realKey] = [];
  65.                     }
  66.                     if (value && value.length) {
  67.                         result[realKey].push(value);
  68.                     }
  70.                 } else {
  71.                     if (value) {
  72.                         result[key] = value;
  73.                     }
  74.                 }
  75.             });
  77.             return result;
  78.         }
  80.         function addUrlParam(paramName, value) {
  81.             const currentUrl = window.location.href;
  82.             const urlParams = new URLSearchParams(window.location.search);
  84.             urlParams.set(paramName, value);
  85.             const nowyURL = `${window.location.pathname}?${urlParams.toString()}${window.location.hash}`;
  86.             window.history.pushState({path: nowyURL}, '', nowyURL);
  87.         }
  88.     </script>
  89. {% endblock %}