src/PortalBundle/Resources/views/Catalog/catalog-vehicle.html.twig line 1

Open in your IDE?
  1. <section class="selected__positions">
  2.     <div class="container">
  3.         <div class="selected__positions__wrapper">
  4.             <div class="positions-counter__wrapper">
  5.                 <div class="counter__wrapper">
  6.                     <p class="selected__positions-counter">{{ 'catalog.you_chose'|trans({}, 'portal_base') }} <span v-html="count"></span> {{ 'catalog.proposals'|trans({}, 'portal_base') }}:</p>
  7.                     <button class="counter-clear-btn" v-if="Object.keys(searchFilters).length" @click="clearAll">{{ 'catalog.cancel_all'|trans({}, 'portal_base') }}</button>
  8.                 </div>
  9.                 <div class="counter-box">
  10.                     <template v-if="searchFilters" v-for="(items, index) in searchFilters">
  11.                         <div class="choose_item" v-if="index != 'dynamic'" v-for="(filter, url) in items">
  12.                             <span class="choose_item-title" v-html="filter"></span>
  13.                             <button class="choose_item-del" @click="deleteFilter(index, url)">
  14.                                 <svg width="10" height="10" viewBox="0 0 10 10" fill="none"
  15.                                      xmlns="http://www.w3.org/2000/svg">
  16.                                     <path d="M1 9L4.84501 5.079M1.15499 1L5 4.921L8.84501 1M9 9L5.15499 5.079"
  17.                                           stroke="#E40C25" stroke-linecap="round"/>
  18.                                 </svg>
  19.                             </button>
  20.                         </div>
  22.                         <template v-if="index == 'dynamic'" v-for="(characteristics, key) in items">
  23.                             <div class="choose_item" v-for="(char, url) in characteristics">
  24.                                 <span class="choose_item-title" v-html="char"></span>
  25.                                 <button class="choose_item-del" @click="deleteFilter(key, url, true)">
  26.                                     <svg width="10" height="10" viewBox="0 0 10 10" fill="none"
  27.                                          xmlns="http://www.w3.org/2000/svg">
  28.                                         <path d="M1 9L4.84501 5.079M1.15499 1L5 4.921L8.84501 1M9 9L5.15499 5.079"
  29.                                               stroke="#E40C25" stroke-linecap="round"/>
  30.                                     </svg>
  31.                                 </button>
  32.                             </div>
  33.                         </template>
  34.                     </template>
  35.                 </div>
  37.             </div>
  39.             <div class="sorting__box sorting__box__mob__none">
  40.                 <p class="sorting__text">{{ 'catalog.sort'|trans({}, 'portal_base') }}:</p>
  41.                 <select class="filters_result-sort-select sorting__select" v-model="selected.sortOrder">
  42.                     <option :value="'price-ASC'">{{ 'catalog.from_cheap'|trans({}, 'portal_base') }}</option>
  43.                     <option :value="'price-DESC'">{{ 'catalog.from_expensive'|trans({}, 'portal_base') }}</option>
  44.                     <option :value="'year-ASC'">{{ 'catalog.issue_year_up'|trans({}, 'portal_base') }}</option>
  45.                     <option :value="'year-DESC'">{{ 'catalog.issue_year_down'|trans({}, 'portal_base') }}</option>
  46.                     <option :value="'mileage-ASC'">{{ 'catalog.mileage_up'|trans({}, 'portal_base') }}</option>
  47.                     <option :value="'mileage-DESC'">{{ 'catalog.mileage_down'|trans({}, 'portal_base') }}</option>
  48.                 </select>
  49.             </div>
  50.         </div>
  51.     </div>
  52. </section>
  54. <div class="filter__and__sort__wrapper__desc-none">
  55.     <div class="container">
  56.         <div class="filter__and__sort__wrapper">
  57.             <div class="filter__and__sort__box touch-filter" @click="onClickFilter">
  58.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
  59.                     <path d="M0.5 3.05039H8.64103C8.86559 3.9577 9.68634 4.63248 10.6621 4.63248C11.6378 4.63248 12.4585 3.9577 12.6831 3.05039H15.5C15.7761 3.05039 16 2.82651 16 2.55039C16 2.27426 15.7761 2.05039 15.5 2.05039H12.6831C12.4585 1.14307 11.6378 0.468262 10.662 0.468262C9.68628 0.468262 8.86553 1.14307 8.641 2.05039H0.5C0.223875 2.05039 0 2.27426 0 2.55039C0 2.82651 0.223875 3.05039 0.5 3.05039ZM10.6621 1.46826C11.2587 1.46826 11.7442 1.9537 11.7442 2.55036C11.7442 3.14704 11.2587 3.63248 10.6621 3.63248C10.0654 3.63248 9.57994 3.14704 9.57994 2.55036C9.57994 1.9537 10.0654 1.46826 10.6621 1.46826ZM0.5 7.37501H3.31694C3.5415 8.28232 4.36222 8.95711 5.33797 8.95711C6.31372 8.95711 7.13444 8.28232 7.359 7.37501H15.5C15.7761 7.37501 16 7.15114 16 6.87501C16 6.59889 15.7761 6.37501 15.5 6.37501H7.35897C7.13441 5.4677 6.31369 4.79289 5.33794 4.79289C4.36219 4.79289 3.54147 5.4677 3.31691 6.37501H0.5C0.223875 6.37501 0 6.59889 0 6.87501C0 7.15114 0.223844 7.37501 0.5 7.37501ZM5.33794 5.79289C5.93462 5.79289 6.42006 6.27832 6.42006 6.87501C6.42006 7.47167 5.93462 7.95711 5.33794 7.95711C4.74125 7.95711 4.25581 7.47167 4.25581 6.87501C4.25581 6.27832 4.74125 5.79289 5.33794 5.79289ZM15.5 10.6996H12.6831C12.4585 9.79232 11.6378 9.11751 10.662 9.11751C9.68628 9.11751 8.86556 9.79232 8.641 10.6996H0.5C0.223875 10.6996 0 10.9235 0 11.1996C0 11.4758 0.223875 11.6996 0.5 11.6996H8.64103C8.86559 12.6069 9.68631 13.2818 10.6621 13.2818C11.6378 13.2818 12.4585 12.6069 12.6831 11.6996H15.5C15.7761 11.6996 16 11.4758 16 11.1996C16 10.9235 15.7762 10.6996 15.5 10.6996ZM10.6621 12.2818C10.0654 12.2818 9.57994 11.7963 9.57994 11.1996C9.57994 10.6029 10.0654 10.1175 10.6621 10.1175C11.2587 10.1175 11.7442 10.6029 11.7442 11.1996C11.7442 11.7963 11.2587 12.2818 10.6621 12.2818Z"
  60.                           fill="#E40C25"/>
  61.                 </svg>
  62.                 {{ 'catalog.filter'|trans({}, 'portal_base') }}
  63.             </div>
  64.             <div class="sorting__box filter__and__sort__box">
  65.                 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
  66.                     <path d="M12.2229 6.37518L9.82287 0.615184C9.74831 0.436304 9.57359 0.319824 9.37999 0.319824C9.18639 0.319824 9.01151 0.436304 8.93695 0.615184L6.53695 6.37518C6.43471 6.61982 6.55055 6.90094 6.79519 7.00286C7.04031 7.1051 7.32063 6.98958 7.42287 6.74462L8.29999 4.63982H10.46L11.337 6.74446C11.4138 6.92862 11.592 7.03998 11.78 7.03998C11.8419 7.03998 11.9042 7.02798 11.9646 7.0027C12.2093 6.90078 12.3251 6.61982 12.2229 6.37518ZM8.69999 3.67982L9.37999 2.04782L10.06 3.67982H8.69999ZM11.78 15.1998C11.78 15.4649 11.5653 15.6798 11.3 15.6798H7.45999C7.27535 15.6798 7.10751 15.5741 7.02735 15.4077C6.94767 15.2414 6.96975 15.044 7.08495 14.9L10.3011 10.8798H7.45999C7.19471 10.8798 6.97999 10.6649 6.97999 10.3998C6.97999 10.1347 7.19471 9.91982 7.45999 9.91982H11.3C11.4846 9.91982 11.6525 10.0256 11.7326 10.192C11.8123 10.3582 11.7902 10.5557 11.675 10.6997L8.45887 14.7198H11.3C11.5653 14.7198 11.78 14.9347 11.78 15.1998ZM4.43935 12.9405C4.62687 13.128 4.62687 13.4317 4.43935 13.6192L2.99935 15.0592C2.90559 15.1529 2.78271 15.1998 2.65999 15.1998C2.53727 15.1998 2.41439 15.1529 2.32063 15.0592L0.88063 13.6192C0.69311 13.4317 0.69311 13.128 0.88063 12.9405C1.06815 12.7529 1.37183 12.7529 1.55935 12.9405L2.17999 13.5611V1.27982C2.17999 1.0147 2.39471 0.799824 2.65999 0.799824C2.92527 0.799824 3.13999 1.0147 3.13999 1.27982V13.5611L3.76063 12.9405C3.94799 12.7529 4.25183 12.7529 4.43935 12.9405Z"
  67.                           fill="#E40C25"/>
  68.                 </svg>
  69.                 <select class="filters_result-sort-select sorting__select" v-model="selected.sortOrder">
  70.                     <option :value="'price-ASC'">{{ 'catalog.from_cheap'|trans({}, 'portal_base') }}</option>
  71.                     <option :value="'price-DESC'">{{ 'catalog.from_expensive'|trans({}, 'portal_base') }}</option>
  72.                     <option :value="'year-ASC'">{{ 'catalog.issue_year_up'|trans({}, 'portal_base') }}</option>
  73.                     <option :value="'year-DESC'">{{ 'catalog.issue_year_down'|trans({}, 'portal_base') }}</option>
  74.                     <option :value="'mileage-ASC'">{{ 'catalog.mileage_up'|trans({}, 'portal_base') }}</option>
  75.                     <option :value="'mileage-DESC'">{{ 'catalog.mileage_down'|trans({}, 'portal_base') }}</option>
  76.                 </select>
  77.             </div>
  78.         </div>
  79.     </div>
  80. </div>
  82. <section class="catalog__main">
  83.     <div class="container">
  84.         <div class="catalog__main__wrapper">
  86.             <div class="filtr__wrapper">
  88.                 <div class="filtr">
  89.                     {% include '@Portal/Modules/catalog-filter.html.twig' %}
  90.                 </div>
  92.                 {% if vehicleTopViews is defined %}
  93.                     <div class="top__five__auto">
  94.                         <p class="top__five__auto__title">ТОП 5 {{ getType(type) }} {{ "now"|date("Y") }} {{ 'catalog.year'|trans({}, 'portal_base') }}</p>
  95.                         <div class="top__five__auto__wrapper">
  96.                             {% for vehicle in vehicleTopViews %}
  97.                                 {% if vehicle.isUsed %}
  98.                                     <a href="{{ path('portal_used_car',{url:vehicle.url}) }}"
  99.                                        class="top__five__auto__box">
  100.                                         <div class="top__five__auto-img"
  101.                                              style="background-image: url('{{ sonata_path(vehicle.preview, 'reference') }}')"></div>
  102.                                         <div class="top__five__auto__name__box">
  103.                                             <p class="top__five__auto__name">{{ vehicle.fullName }}</p>
  104.                                             <span class="top__five__auto__charac">{{ vehicle.year }}, {{ vehicle.enginePower(app.request.locale) }} {{ 'catalog.k_s'|trans({}, 'portal_base') }}</span>
  105.                                         </div>
  106.                                     </a>
  107.                                 {% else %}
  108.                                     <a href="{{ path('portal_new_car',{dealer: vehicle.dealer.url, url:vehicle.url, variation: vehicle.vehicleItemId }) }}"
  109.                                        class="top__five__auto__box">
  110.                                         <div class="top__five__auto-img"
  111.                                              style="background-image: url('{{ sonata_path(vehicle.preview, 'reference') }}')"></div>
  112.                                         <div class="top__five__auto__name__box">
  113.                                             <p class="top__five__auto__name">{{ vehicle.fullName }}</p>
  114.                                             <span class="top__five__auto__charac">{{ vehicle.equipment.title }}, {{ vehicle.enginePower(app.request.locale) }} {{ 'catalog.k_s'|trans({}, 'portal_base') }}</span>
  115.                                         </div>
  116.                                     </a>
  117.                                 {% endif %}
  118.                             {% endfor %}
  119.                         </div>
  120.                     </div>
  121.                 {% endif %}
  123.             </div>
  125.             <div class="catalog__main__card__container" v-if="!isFilter">
  128.                 <template v-if="count === 0">
  129.                     <div class="no__cars__found__wrapper">
  130.                         <p  class="no__cars__found__title">{{ 'catalog.not_found'|trans({}, 'portal_base') }}</p>
  131.                         <p class="no__cars__found__sub__title">{{ 'catalog.similar_options'|trans({}, 'portal_base') }}</p>
  132.                     </div>
  133.                 </template>
  135.                 <div class="catalog__main__card__wrapper">
  136.                     {% for item in vehicles %}
  137.                         {% include '@Portal/Catalog/catalog-card-'~type~'.html.twig' %}
  138.                         {% if loop.index == 5 %}
  139.                             {% include '@Portal/Catalog/catalog-support-box.html.twig' %}
  140.                         {% endif %}
  141.                     {% endfor %}
  142.                 </div>
  143.                 <div class="pagination">
  144.                     {% include '@DcSite/Modules/pagination/pagination.html.twig' %}
  145.                 </div>
  146.             </div>
  149.             <div class="catalog__main__card__container" v-if="isFilter" id="catalog__main__card__preloader">
  151.                 <template v-if="count === 0">
  152.                     <div class="no__cars__found__wrapper">
  153.                         <p  class="no__cars__found__title">{{ 'catalog.not_found'|trans({}, 'portal_base') }}</p>
  154.                         <p class="no__cars__found__sub__title">{{ 'catalog.similar_options'|trans({}, 'portal_base') }}</p>
  155.                     </div>
  156.                 </template>
  159.                 <div class="catalog__main__card__wrapper">
  160.                     {% include '@Portal/Catalog/catalog-card-'~type~'-vue.html.twig' %}
  161.                 </div>
  162.                 <div class="pagination">
  163.                     {% include '@Portal/Modules/pagination.html.twig' %}
  164.                 </div>
  165.             </div>
  167.         </div>
  168.     </div>
  169. </section>