src/Elements/Bundle/DemiFrontendBundle/Resources/views/Snippet/filterSidebar/sorting.desktop.html.twig line 1

Open in your IDE?
  1. {% set isMapAllowed = not pimcore_checkbox('noMapAllowed').isChecked() %}
  2. {% set showMapToggle = pimcore_checkbox('showMapToggle').isChecked() %}
  3. {% set showMapInitially = not pimcore_checkbox('hideMapInitially').isChecked() %}
  4. {% set useListTeaserStyle = not pimcore_checkbox('useListTiles').isChecked() %}
  5. {% set showMap = isMapAllowed and not pimcore_device().isPhone() and ((app.request.get('showMap') is null and showMapInitially) or app.request.get('showMap') == 1) %}
  7. {% if demi_core_configuration("getSortingStars", {}) or
  8.     demi_core_configuration("getSortingRatingAverage", {}) or
  9.     demi_core_configuration("getSortingBookable", {}) or
  10.     demi_core_configuration("getSortingPrice", {}) %}
  11.     {% set filterTexte = [] %}
  12.     {% set paramName = "sorting" %}
  14.     <script type="text/javascript" data-cookieconsent="ignore">
  15.         _config.sortingDesktop = true;
  16.         _config.popover = true;
  17.         _config.showMapToggle = true;
  18.     </script>
  20.     <div class="sorting-bar js-sorting-form js-filter-form d-flex">
  22.         {% if isMapAllowed %}
  25.         <div class="align-self-center mr-3 {{ showMapToggle ? '': 'd-lg-none' }}">
  26.             <label>
  27.                     <span class="switch mr-2">
  28.                         <input class="sr-only js-show-map-toggle" name="all"
  29.                                type="checkbox" {{ showMap ? 'checked' : '' }}>
  30.                         <span class="switch__toggle"></span>
  31.                     </span>
  33.                 {{ 'demi.map.show-map' | trans }}
  34.             </label>
  35.         </div>
  36.         {% endif %}
  39.         <div class="align-self-center">
  40.             <span class="js-acco-list__total-result-count acco-list__total-result-count d-none d-lg-block">{{ totalCount }} {{ totalCount == 1 ? 'demi.paging.result'|trans : 'demi.paging.results'|trans}}</span>
  41.         </div>
  43.         <div class="align-self-center mr-2 d-lg-none">
  44.             <button type="button" class="btn-no-styling js-sidebar__toggle"
  45.                     data-target="#filter-sidebar"
  46.                     aria-hidden="true">
  47.                 <span class="demi-icon demi-icon-filter mr-2 icon-in-text"></span>
  48.                 {{ "demi.list.show-filter" | trans }}
  49.             </button>
  50.         </div>
  53.         <button type="button"
  54.                 class="sorting-bar-btn sorting-bar-btn--has-icon mr-0 ml-auto js-popover__toggle js-filter-form__popover-toggle btn-no-styling"
  55.                 data-content-el="#popover-sorting" data-container="body" data-placement="bottom">
  56.             {{ "demi.sort.sorting" | trans}}:
  57.             <span class="js-sorting-form__sorting-label"
  58.                   data-default-text="{{ 'demi.sort.no-sorting' | trans }}">{{ 'demi.sort.no-sorting' | trans }}
  59.             </span><span
  60.                 class="demi-icon demi-icon-chevron-down sorting-bar-btn__icon"
  61.                 aria-label="{{ 'demi.open' | trans }}"></span>
  62.         </button>
  64.         <div hidden>
  65.             <section id="popover-sorting" class="filter-box js-filter-form__auto-commit">
  67.                 <div class="filter-box__content">
  68.                     <span class="h3 mb-3">{{ 'demi.sort.sorting' | trans }}</span>
  69.                     <ul class="list-unstyled">
  71.                         <li class="mb-2">
  72.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  73.                                 'label' : 'demi.sort.no-sorting' | trans,
  74.                                 'text' : 'demi.sort.no-sorting' | trans,
  75.                                 'type' : 'radio',
  76.                                 'name' : paramName,
  77.                                 'additionalContent' : false,
  78.                                 'isChecked' : false,
  79.                                 'icon' : '',
  80.                                 'value' : '',
  81.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  82.                                 'isBlock' : true,
  83.                                 'noBox' : true,
  84.                                 'isRequired' : false
  85.                             }) }}
  86.                             {% set filterTexte = filterTexte | merge([{
  87.                                 'name' : paramName ,
  88.                                 'value' : '',
  89.                                 'text' : "demi.sort.no-sorting" | trans,
  90.                             }]) %}
  91.                         </li>
  93.                         {% if demi_core_configuration("getSortingStars", {}) %}
  94.                         <li class="mb-2">
  95.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  96.                                 'label' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  97.                                 'text' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  98.                                 'type' : 'radio',
  99.                                 'additionalContent' : true,
  100.                                 'name' : paramName,
  101.                                 'additionalContent' : true,
  102.                                 'isChecked' : false,
  103.                                 'icon' : 'sort-asc',
  104.                                 'value' : 'starsAsc',
  105.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  106.                                 'isBlock' : true,
  107.                                 'noBox' : true,
  108.                                 'isRequired' : false
  109.                             }) }}
  110.                             {% set filterTexte = filterTexte | merge([{
  111.                                 'name' : paramName ,
  112.                                 'value' : 'starsAsc',
  113.                                 'text' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  114.                             }]) %}
  115.                         </li>
  116.                         <li class="mb-2">
  117.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  118.                                 'label' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  119.                                 'text' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  120.                                 'type' : 'radio',
  121.                                 'additionalContent' : true,
  122.                                 'name' : paramName,
  123.                                 'additionalContent' : true,
  124.                                 'isChecked' : false,
  125.                                 'icon' : 'sort-desc',
  126.                                 'value' : 'starsDesc',
  127.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  128.                                 'isBlock' : true,
  129.                                 'noBox' : true,
  130.                                 'isRequired' : false
  131.                             }) }}
  133.                             {% set filterTexte = filterTexte | merge([{
  134.                                 'name' : paramName ,
  135.                                 'value' : 'starsDesc',
  136.                                 'text' : 'demi.sort.stars' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  137.                             }]) %}
  138.                         </li>
  139.                         {% endif %}
  141.                         {% if demi_core_configuration("getSortingPrice", {}) %}
  142.                         <li class="mb-2">
  143.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  144.                                 'label' : 'demi.sort.price' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  145.                                 'text' : 'demi.sort.price' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  146.                                 'type' : 'radio',
  147.                                 'additionalContent' : true,
  148.                                 'name' : paramName,
  149.                                 'additionalContent' : true,
  150.                                 'isChecked' : false,
  151.                                 'icon' : 'sort-asc',
  152.                                 'value' : 'priceAsc',
  153.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  154.                                 'isBlock' : true,
  155.                                 'noBox' : true,
  156.                                 'isRequired' : false
  157.                             }) }}
  158.                             {% set filterTexte = filterTexte | merge([{
  159.                                 'name' : paramName ,
  160.                                 'value' : 'priceAsc',
  161.                                 'text' : 'demi.sort.price' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  162.                             }]) %}
  163.                         </li>
  164.                         <li class="mb-2">
  165.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  166.                                 'label' : 'demi.sort.price' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  167.                                 'text' : 'demi.sort.price' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  168.                                 'type' : 'radio',
  169.                                 'additionalContent' : true,
  170.                                 'name' : paramName,
  171.                                 'additionalContent' : true,
  172.                                 'isChecked' : false,
  173.                                 'icon' : 'sort-desc',
  174.                                 'value' : 'priceDesc',
  175.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  176.                                 'isBlock' : true,
  177.                                 'noBox' : true,
  178.                                 'isRequired' : false
  179.                             }) }}
  180.                             {% set filterTexte = filterTexte | merge([{
  181.                                 'name' : paramName ,
  182.                                 'value' : 'priceDesc',
  183.                                 'text' : 'demi.sort.price' | trans ~ 'demi.sort.desc' | trans,
  184.                             }]) %}
  185.                         </li>
  186.                         {% endif %}
  188.                         {% if demi_core_configuration("getSortingBookable", {}) %}
  189.                         <li class="mb-2">
  190.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  191.                                 'label' : 'demi.sort.bookable' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  192.                                 'text' : 'demi.sort.bookable' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  193.                                 'type' : 'radio',
  194.                                 'additionalContent' : true,
  195.                                 'name' : paramName,
  196.                                 'additionalContent' : true,
  197.                                 'isChecked' : false,
  198.                                 'icon' : 'sort-asc',
  199.                                 'value' : 'bookableAsc',
  200.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  201.                                 'isBlock' : true,
  202.                                 'noBox' : true,
  203.                                 'isRequired' : false
  204.                             }) }}
  205.                             {% set filterTexte = filterTexte | merge([{
  206.                                 'name' : paramName ,
  207.                                 'value' : 'bookableAsc',
  208.                                 'text' : 'demi.sort.bookable' | trans ~ ' ' ~  'demi.sort.asc' | trans,
  209.                             }]) %}
  210.                         </li>
  211.                         <li class="mb-2">
  212.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  213.                                 'label' : 'demi.sort.bookable' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  214.                                 'text' : 'demi.sort.bookable' | trans ~ ' ' ~ 'demi.sort.desc' | trans,
  215.                                 'type' : 'radio',
  216.                                 'additionalContent' : true,
  217.                                 'name' : paramName,
  218.                                 'additionalContent' : true,
  219.                                 'isChecked' : false,
  220.                                 'icon' : 'sort-desc',
  221.                                 'value' : 'bookableDesc',
  222.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  223.                                 'isBlock' : true,
  224.                                 'noBox' : true,
  225.                                 'isRequired' : false
  226.                             }) }}
  227.                             {% set filterTexte = filterTexte | merge([{
  228.                                 'name' : paramName ,
  229.                                 'value' : 'bookableDesc',
  230.                                 'text' : 'demi.sort.bookable' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  231.                             }]) %}
  232.                         </li>
  233.                         {% endif %}
  235.                         {% if demi_core_configuration("getSortingRatingAverage", {}) %}
  236.                         <li class="mb-2">
  237.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  238.                                 'label' : 'demi.sort.rating' | trans ~ ' ' ~ 'demi.sort.asc' | trans,
  239.                                 'text' : 'demi.sort.rating' | trans ~ ' ' ~ 'demi.sort.asc' | trans,
  240.                                 'type' : 'radio',
  241.                                 'additionalContent' : true,
  242.                                 'name' : paramName,
  243.                                 'additionalContent' : true,
  244.                                 'isChecked' : false,
  245.                                 'icon' : 'sort-asc',
  246.                                 'value' : 'ratingAverageAsc',
  247.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  248.                                 'isBlock' : true,
  249.                                 'noBox' : true,
  250.                                 'isRequired' : false
  251.                             }) }}
  252.                             {% set filterTexte = filterTexte | merge([{
  253.                                 'name' : paramName ,
  254.                                 'value' : 'ratingAverageAsc',
  255.                                 'text' : 'demi.sort.rating' | trans ~ 'demi.sort.asc' | trans,
  256.                             }]) %}
  257.                         </li>
  258.                         <li class="mb-2">
  259.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  260.                                 'label' : 'demi.sort.rating' | trans ~ ' ' ~ 'demi.sort.desc' | trans,
  261.                                 'text' : 'demi.sort.rating' | trans ~ ' ' ~ 'demi.sort.desc' | trans,
  262.                                 'type' : 'radio',
  263.                                 'additionalContent' : true,
  264.                                 'name' : paramName,
  265.                                 'additionalContent' : true,
  266.                                 'isChecked' : false,
  267.                                 'icon' : 'sort-asc',
  268.                                 'value' : 'ratingAverageDesc',
  269.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  270.                                 'isBlock' : true,
  271.                                 'noBox' : true,
  272.                                 'isRequired' : false
  273.                             }) }}
  274.                             {% set filterTexte = filterTexte | merge([{
  275.                                 'name' : paramName ,
  276.                                 'value' : 'ratingAverageDesc',
  277.                                 'text' : 'demi.sort.rating' | trans ~ ' ' ~  'demi.sort.desc' | trans,
  278.                             }]) %}
  279.                         </li>
  280.                         {% endif %}
  282.                         <li class="mb-2 js-nearby-search__sorting" hidden>
  283.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/radio.html.twig', {
  284.                                 'label' : 'demi.sort.distance' | trans,
  285.                                 'text' : 'demi.sort.distance' | trans,
  286.                                 'type' : 'radio',
  287.                                 'additionalContent' : true,
  288.                                 'name' : paramName,
  289.                                 'additionalContent' : true,
  290.                                 'isChecked' : false,
  291.                                 'icon' : 'marker',
  292.                                 'value' : 'nearbySearchAsc',
  293.                                 'styleModifier' : 'js-additional-search-overlay__default-input js-filter-form__default-input',
  294.                                 'isBlock' : true,
  295.                                 'noBox' : true,
  296.                                 'isRequired' : false
  297.                             }) }}
  298.                             {% set filterTexte = filterTexte | merge([{
  299.                                 'name' : paramName ,
  300.                                 'value' : 'nearbySearchAsc',
  301.                                 'text' : 'demi.sort.distance' | trans,
  302.                             }]) %}
  303.                         </li>
  304.                     </ul>
  305.                 </div>
  306.             </section>
  307.         </div>
  309.     </div>
  311. {% endif %}
  313. <script type="text/javascript" data-cookieconsent="ignore">
  314.     _filterTexte = window['_filterTexte'] || [];
  315.     _filterTexte.push.apply(_filterTexte, {{ filterTexte | json_encode | raw }});
  316. </script>