templates/Slivki/mobile/works-examples/index.html.twig line 1

Open in your IDE?
  1. {% extends 'Slivki/mobile/base.html.twig' %}
  3. {% block floatingMobileBanner %}{% endblock %}
  4. {% block messenger %}{% endblock %}
  6. {% block styles %}
  7.     {{ parent() }}
  8. {% endblock %}
  10. {% block content %}
  11.     <div id="examplesOfWorksBlock" class="p-3 examples-block-mobile">
  12.         <div class="examples-works-header">
  13.             <div class="headerBlockCategory examples">
  14.                 <div class="tittleBlockCategory">Фото работ<div class="example-of-works-count-container"><span></span></div></div>
  15.                 <div class="examples-works-tooltip-filter">
  16.                     <div class="tooltip-content">
  17.                         <div class="tooltip-title border-bottom-f d-flex">Показать сначала:</div>
  18.                         {% for key,sortItem in constant('Slivki\\Paginator\\WorkExample\\WorkExamplePaginatorInterface::SORT') %}
  19.                             <div class="radio">
  20.                                 <input id="filter{{ key }}" type="radio" name="filter" data-direction="{{ sortItem.direction }}" value="{{ sortItem.field }}" {{ loop.first ? 'checked' }}>
  21.                                 <label for="filter{{ key }}" class="cursor-pointer">{{ sortItem.name }}</label>
  22.                             </div>
  23.                         {% endfor %}
  24.                         <div class="tooltip-title border-top-f d-flex">Диапазон цены:</div>
  25.                         <div id="workExamplePriceRangeInputs" class="price-range-inputs d-flex">
  26.                             <div class="price-range-input"><input type="number" placeholder="Цена от" id="priceFrom" name="priceFrom" min="0" max="199" step="1"></div>
  27.                             <div class="price-range-input"><input type="number" placeholder="Цена до" id="priceTo" name="priceTo" min="0" max="200" step="1"></div>
  28.                         </div>
  29.                         <div id="workExampleRangeSlider" class="range-slider" >
  30.                             <div class="range-labels">
  31.                                 <span id="workSimplesRangeLableStart" class="range-label range-label-start"></span>
  32.                                 <span>-</span>
  33.                                 <span id="workSimplesRangeLableEnd" class="range-label range-label-end"></span>
  34.                             </div>
  35.                             <input class="work-simples-input" type="range"  name="startRange" id="startRange">
  36.                             <input class="work-simples-input" type="range"  name="finishRange" id="finishRange">
  38.                             <div class="track-wrapper">
  39.                                 <div class="track"></div>
  40.                                 <div id="workSimplesSliderBetween" class="range-between"></div>
  41.                                 <div id="workSimplesTumbLeft" class="thumb left"></div>
  42.                                 <div id="workSimplesTumbRight" class="thumb right"></div>
  43.                             </div>
  44.                         </div>
  45.                         <div id="buttonFilterBoxExamplesWork" class="buttonFilterBox">Показать</div>
  46.                     </div>
  47.                     <div class="examples-works-filter"></div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.         <div id="examples_of_works_gallery">
  52.             {% include 'Slivki/works-examples/examples_of_works_gallery.html.twig' %}
  53.         </div>
  54.     </div>
  55. {% endblock %}
  56.  {% block javascripts %}
  57.      {{ parent() }}
  58.      <script type="module" src="/js/work_examples/api_work_examples.js?v={{ api_work_examples_js_version }}"></script>
  59.      <script type="module" src="/js/work_examples/work_examples.js?v={{ work_examples_js_version }}"></script>
  60.  {% endblock %}