src/PortalBundle/Resources/views/Modules/vehicle-filter.html.twig line 1

Open in your IDE?
  1. <section class="section__indented section__main__filter__transport" id="vehicleFilter">
  2.     <div class="container">
  3.         <div class="main__filter__transport__wrapper">
  4.             <div class="transport__box__container">
  5.                 <div class="filter__transport__box transport__box-col">
  6.                     <p class="filter__transport__box-title">{{ 'base.home.selection_transport'|trans({}, 'portal_base') }}</p>
  7.                     <p class="filter__transport__box-text">{{ 'new_front_page.today_in_catalog'|trans({}, 'portal_base') }}: <span>{{ vehicleItem }}</span> {{ 'new_front_page.proposition_tehnicks'|trans({}, 'portal_base') }}</p>
  9.                 </div>
  10.                 <div class="filter__transport__box filter__transport__box-mob">
  11.                     {% set vehicleTypeId = vehicleType.getTypeDataByUrl('car')['id'] %}
  12.                     <div @click="selected.vehicleType = {{ vehicleTypeId }}" class="filter__transport__touch filter__transport__touch" v-bind:class="{'tt_active': selected.vehicleType == {{ vehicleTypeId }}}">
  13.                         <svg width="22" height="20" viewBox="0 0 22 20" fill="transparent"
  14.                              xmlns="http://www.w3.org/2000/svg">
  15.                             <path d="M19.4578 1.2625C19.2133 0.525 18.5289 0 17.7222 0H4.27778C3.47111 0 2.79889 0.525 2.54222 1.2625L0.134444 8.35C0.0488888 8.6125 0 8.8875 0 9.175V18.125C0 19.1625 0.818889 20 1.83333 20C2.84778 20 3.66667 19.1625 3.66667 18.125V17.5H18.3333V18.125C18.3333 19.15 19.1522 20 20.1667 20C21.1689 20 22 19.1625 22 18.125V9.175C22 8.9 21.9511 8.6125 21.8656 8.35L19.4578 1.2625ZM4.27778 13.75C3.26333 13.75 2.44444 12.9125 2.44444 11.875C2.44444 10.8375 3.26333 10 4.27778 10C5.29222 10 6.11111 10.8375 6.11111 11.875C6.11111 12.9125 5.29222 13.75 4.27778 13.75ZM17.7222 13.75C16.7078 13.75 15.8889 12.9125 15.8889 11.875C15.8889 10.8375 16.7078 10 17.7222 10C18.7367 10 19.5556 10.8375 19.5556 11.875C19.5556 12.9125 18.7367 13.75 17.7222 13.75ZM2.44444 7.5L3.99667 2.725C4.16778 2.225 4.63222 1.875 5.15778 1.875H16.8422C17.3678 1.875 17.8322 2.225 18.0033 2.725L19.5556 7.5H2.44444Z"
  16.                                   fill="transparent"/>
  17.                         </svg>
  18.                         <span>{{ 'base.home.transport.cars'|trans({}, 'portal_base') }}</span>
  19.                     </div>
  20.                     {% set vehicleTypeId = vehicleType.getTypeDataByUrl('moto')['id'] %}
  21.                     <div @click="selected.vehicleType = {{ vehicleTypeId }}" class="filter__transport__touch" v-bind:class="{'tt_active': selected.vehicleType == {{ vehicleTypeId }}}">
  22.                         <svg width="23" height="14" viewBox="0 0 23 14" fill="transparent"
  23.                              xmlns="http://www.w3.org/2000/svg">
  24.                             <path d="M18.4296 4.66659C17.8942 4.66294 17.384 4.75044 16.9061 4.91815L15.724 2.91662H18.6847C19.1625 2.91662 19.547 2.52652 19.547 2.04163V0.874986C19.547 0.390098 19.1625 0 18.6847 0H17.057C16.8127 0 16.5792 0.105728 16.4175 0.288016L15.0701 1.8083L14.2509 0.42291C14.0928 0.160414 13.8126 0 13.5108 0H10.6364C10.3202 0 10.0615 0.262496 10.0615 0.583324V1.16665C10.0615 1.48748 10.3202 1.74997 10.6364 1.74997H13.0221L13.712 2.91662H8.18957C7.55361 2.07445 6.57632 1.45831 4.60018 1.45831H2.60607C2.12102 1.45831 1.71502 1.85934 1.72579 2.35152C1.73298 2.82547 2.11743 3.20828 2.58811 3.20828H4.60018C5.48046 3.20828 5.99066 3.60567 6.31762 4.11243L5.91162 4.85982C5.44453 4.71763 4.94511 4.65201 4.42772 4.67024C2.00964 4.75774 0.0586511 6.76656 0.00116344 9.22381C-0.0563243 11.8524 2.02401 13.9998 4.60018 13.9998C6.7416 13.9998 8.54168 12.5123 9.05548 10.4998H12.0808C12.573 10.4998 12.9646 10.0842 12.9431 9.58474C12.8676 7.86758 13.5719 6.16865 14.9623 5.02752L15.4115 5.78584C14.4198 6.64989 13.791 7.9332 13.8018 9.36599C13.8198 11.9035 15.857 13.9779 18.3577 13.9998C20.9303 14.0253 23.0214 11.9035 22.9998 9.29308C22.9747 6.75562 20.9303 4.68482 18.4296 4.66659ZM4.60018 12.2498C3.01567 12.2498 1.72579 10.941 1.72579 9.33318C1.72579 7.7254 3.01567 6.41656 4.60018 6.41656C4.75108 6.41656 4.90199 6.4275 5.0493 6.45302L3.55821 9.20193C3.24203 9.78526 3.65882 10.4998 4.31274 10.4998H7.23383C6.7883 11.5279 5.77508 12.2498 4.60018 12.2498ZM21.268 9.4936C21.189 10.9738 20.0105 12.1696 18.5553 12.2462C16.899 12.3373 15.5228 10.9957 15.5228 9.33318C15.5228 8.55299 15.8247 7.84571 16.3169 7.32436L18.0918 10.3285C18.2535 10.6056 18.6092 10.6931 18.8823 10.529L19.3745 10.23C19.6476 10.066 19.7338 9.70505 19.5721 9.42797L17.8259 6.47854C18.0128 6.43844 18.2032 6.42021 18.3972 6.42021C20.0356 6.41656 21.3543 7.81289 21.268 9.4936Z"
  25.                                   fill="transparent"/>
  26.                         </svg>
  27.                         <span>{{ 'base.home.transport.moto'|trans({}, 'portal_base') }}</span>
  28.                     </div>
  29.                     {% set vehicleTypeId = vehicleType.getTypeDataByUrl('vodnyj-transport')['id'] %}
  30.                     <div  @click="selected.vehicleType = {{ vehicleTypeId }}" class="filter__transport__touch"  v-bind:class="{'tt_active': selected.vehicleType == {{ vehicleTypeId }}}">
  31.                         <svg width="20" height="17" viewBox="0 0 20 17" fill="transparent"
  32.                              xmlns="http://www.w3.org/2000/svg">
  33.                             <path d="M0 13.6113L4.59398 17H18.0704L20 14.7369L0.00169707 13.6113H0ZM11.8668 0V13.51L18.0687 13.8663L11.8668 0ZM11.0216 2.27658L2.06109 12.9207L11.0216 13.4257V2.27658Z"
  34.                                   fill="transparent"/>
  35.                         </svg>
  36.                         <span>{{ 'base.home.transport.water_engineering'|trans({}, 'portal_base') }}</span>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.             <div class="filter__transport__select__wrapper">
  41.                 <div class="transport__select__box transport_select_nonarrow">
  42.                     {# 1 #}
  43.                     <select v-model="selected.brandId" @change="setNumberSelecetFilter('brand')">
  44.                         <option value="" v-show="selected.brandId > 0">{{ 'base.home.selection.brand'|trans({}, 'portal_base') }}</option>
  45.                         <option v-for="(item, index) in filterParams.brand" :value="index" v-html="item"></option>
  46.                     </select>
  47.                     {# 2 #}
  48.                     <div class="tooltip-custom-parent tooltip-custom-parent-main-filtr">
  49.                     <select class="tooltip-custom-select w-100" v-model="selected.modelId" @change="setNumberSelecetFilter('model')" :disabled="selected.brandId <= 0 ||  (filterParams.brand != null && filterParams.brand.length <= 0)">
  50.                         <option value="" v-show="selected.modelId > 0">{{ 'base.home.selection.model'|trans({}, 'portal_base') }}</option>
  51.                         <option v-for="(item, index) in filterParams.model" :value="index" v-html="item"></option>
  52.                     </select>
  53.                     <span class="tooltip-custom-text tooltip-custom-text-main-filter">{{ 'base.home.selection.select_model'|trans({}, 'portal_base') }}</span>
  54.                     </div>
  55.                     {# 3 #}
  56.                     <select v-model="selected.bodyType" @change="setNumberSelecetFilter('bodyType')"  :disabled="filterParams.bodyType <= 0">
  57.                         <option value="" v-show="selected.bodyType > 0">{{ 'base.home.selection.body_type'|trans({}, 'portal_base') }}</option>
  58.                         <option v-for="(item, index) in filterParams.bodyType" :value="index" v-html="item"></option>
  59.                     </select>
  60.                     {# 4 #}
  61.                     {% set vehicleTypeId = vehicleType.getTypeDataByUrl('moto')['id'] %}
  62.                     <select v-if="selected.vehicleType != {{ vehicleTypeId }}" v-model="selected.fuelType"  @change="setNumberSelecetFilter('fuelType')" :disabled="filterParams.fuelType <= 0">
  63.                         <option value="" v-show="selected.fuelType > 0">{{ 'base.home.selection.fuel_type'|trans({}, 'portal_base') }}</option>
  64.                         <option v-for="(item, index) in filterParams.fuelType" :value="index" v-html="item"></option>
  65.                     </select>
  66.                     <button class="select-btn" @click="initVehicleFilter()">{{ 'catalog.show'|trans({}, 'portal_base') }}</button>
  67.                 </div>
  68.                 <div class="transport__select__box">
  69.                     <div>
  70.                         <input type="radio" name="contact" value="0" id="new" checked v-model="selected.isUsed">
  71.                         <label for="new">{{ 'base.new'|trans({}, 'portal_base') }}</label>
  73.                         <input type="radio" name="contact" value="1" id="used"  v-model="selected.isUsed">
  74.                         <label for="used">{{ 'catalog.used_cars'|trans({}, 'portal_base') }}</label>
  75.                     </div>
  76.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81. </section>