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

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