src/Elements/Bundle/DemiFrontendBundle/Resources/views/Snippet/filterSidebar/price.mobile.html.twig line 1

Open in your IDE?
  1. {% set isSearch = isSearch is defined ? isSearch : false %}
  2. <li class="mb-3 js-search-data__show-if-submitted" {{ not noDate ? '' : 'hidden' }}>
  3.     <button class="form-box form-box--collapsible collapsed"
  4.             type="button"
  5.             data-toggle="collapse"
  6.             data-target="#filter-overlay-price"
  7.             aria-expanded="false"
  8.             aria-controls="filter-overlay-price">
  10.         <span class="form-box__label js-search-data__show-if-submitted" {{ not noDate ? '' : 'hidden' }}>{{ "demi.filter.price"|trans }}</span>
  11.         <span class="form-box__label js-search-data__hide-if-submitted" {{ not noDate ? 'hidden' : '' }}>{{ "demi.filter.price-per-night"|trans }}</span>
  13.         <span class="form-box__content text-truncate {{ isSearch ? "js-additional-search-overlay" : "js-filter-form" }}__group-label"
  14.               data-filter-name="customPrice, price"
  15.               data-default-text="{{ "demi.filter.all-prices"|trans }}">
  16.             {{ "demi.filter.all-prices"|trans }}
  17.         </span>
  19.         <span class="demi-icon demi-icon-chevron-down form-box__icon" aria-label="{{ "demi.filter.open"|trans }}"></span>
  20.     </button>
  22.     <section id="filter-overlay-price" aria-expanded="false" class="collapse js-collapse-in-viewport">
  23.         <div class="form-box__detail p-3">
  25.             <script data-cookieconsent="ignore">_config.priceFilterSlider = true;</script>
  26.             {%  set currency = demi_paymentGetCurrency() %}
  28.             <div class="js-price-slider">
  29.                 <div class="row row--gutter-width-10">
  30.                     <div class="col">
  31.                         <label for="filter-price-from" class="sr-only">{{ "demi.filter.price-from"|trans }}</label>
  32.                         <div class="input-group">
  33.                             <span class="input-group-addon p-2 text-muted">{{ currency }}</span>
  34.                             <input type="number" pattern="[0-9]*" id="filter-price-from" name="price-from" placeholder="von" class="form-control text-right pl-0 bg-white js-price-slider__input-min">
  35.                         </div>
  36.                     </div>
  37.                     <div class="col col-auto py-2 ">
  38.                         -
  39.                     </div>
  40.                     <div class="col">
  41.                         <label for="filter-price-to" class="sr-only">{{ "demi.filter.price-to"|trans }}</label>
  43.                         <div class="input-group">
  44.                             <span class="input-group-addon p-2 text-muted">{{ currency }}</span>
  45.                             <input type="number" pattern="[0-9]*" id="filter-price-to" name="price-to" placeholder="bis" class="form-control text-right pl-0 bg-white js-price-slider__input-max">
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.                 <div class="js-price-slider__slider mt-3 mb-2 price-slider-wrapper noUi-extended"></div>
  50.             </div>
  51.         </div>
  52.     </section>
  53. </li>
  54. {% set filterTexte = [] %}
  55. {% set paramName = "price" %}
  57. {% set labelName = 'demi.filter.price' | trans %}
  58. {% set popoverName = 'price' %}
  59. {% set filterTexte = filterTexte + {
  60.         'name' : paramName,
  61.         'value' : searchParam.getPriceFrom() ~ '-' ~ searchParam.getPriceTo(),
  62.         'text' : currency ~ ' ' ~ searchParam.getPriceFrom() ~ ' - ' ~ searchParam.getPriceTo(),
  63.         'label': 'demi.filter.price' |trans
  64. } %}
  66. <script type="text/javascript" data-cookieconsent="ignore">
  67.     _filterTexte = window['_filterTexte'] || [];
  68.     _filterTexte.push.apply(_filterTexte, {{ filterTexte|json_encode|raw }} );
  69. </script>