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>1234</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.                         <div class="radio">
  18.                             <input id="dateFilter" type="radio" checked name="filter" data-direction="DESC" value="workExample.createdAt">
  19.                             <label for="dateFilter" class="cursor-pointer">По дате добавления</label>
  20.                         </div>
  21.                         <div class="radio">
  22.                             <input id="locationFilter" type="radio" name="filter" data-direction="ASC" value="distance">
  23.                             <label for="locationFilter" class="cursor-pointer">Поблизости</label>
  24.                         </div>
  25.                         <div class="radio">
  26.                             <input id="priceUpFilter" type="radio" name="filter" data-direction="{{ sorts[3].direction }}" value="{{ sorts[3].field }}">
  27.                             <label for="priceUpFilter" class="cursor-pointer">По возврастанию цены</label>
  28.                         </div>
  29.                         <div class="radio">
  30.                             <input id="priceDownFilter" type="radio" name="filter" data-direction="DESC" value="{{ sorts[4].field }}">
  31.                             <label for="priceDownFilter" class="cursor-pointer">По убыванию цены</label>
  32.                         </div>
  33.                         <div class="tooltip-title border-top-f d-flex">Диапазон цены:</div>
  34.                         <div id="workExamplePriceRangeInputs" class="price-range-inputs d-flex">
  35.                             <div class="price-range-input"><input type="number" placeholder="Цена от" id="priceFrom" name="priceFrom" min="0" max="199" step="1"></div>
  36.                             <div class="price-range-input"><input type="number" placeholder="Цена до" id="priceTo" name="priceTo" min="0" max="200" step="1"></div>
  37.                         </div>
  38.                         <div id="workExampleRangeSlider" class="range-slider" >
  39.                             <div class="range-labels">
  40.                                 <span id="workSimplesRangeLableStart" class="range-label range-label-start"></span>
  41.                                 <span>-</span>
  42.                                 <span id="workSimplesRangeLableEnd" class="range-label range-label-end"></span>
  43.                             </div>
  44.                             <input class="work-simples-input" type="range"  name="startRange" id="startRange">
  45.                             <input class="work-simples-input" type="range"  name="finishRange" id="finishRange">
  47.                             <div class="track-wrapper">
  48.                                 <div class="track"></div>
  49.                                 <div id="workSimplesSliderBetween" class="range-between"></div>
  50.                                 <div id="workSimplesTumbLeft" class="thumb left"></div>
  51.                                 <div id="workSimplesTumbRight" class="thumb right"></div>
  52.                             </div>
  53.                         </div>
  54.                         <div id="buttonFilterBoxExamplesWork" class="buttonFilterBox">Показать</div>
  55.                     </div>
  56.                     <div class="examples-works-filter"></div>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.         <div id="examples_of_works_gallery">
  61.             {% include 'Slivki/works-examples/examples_of_works_gallery.html.twig' %}
  62.         </div>
  63.     </div>
  64. {% endblock %}
  65.  {% block javascripts %}
  66.      {{ parent() }}
  67.      <script type="module" src="/js/work_examples/api_work_examples.js?v={{ api_work_examples_js_version }}"></script>
  68.      <script type="module" src="/js/work_examples/work_examples.js?v={{ work_examples_js_version }}"></script>
  69.  {% endblock %}