src/DcSiteBundle/Resources/views/Modules/vehicle/vehicle-equipment-header_all.html.twig line 1

Open in your IDE?
  1. <p class="car-section-title">
  2.     {% if model.hasHybrid %}
  3.         {% if dealer.id in [4,7] %}
  4.             {{ 'pages.car_card.configuration_model'|trans({ "%model%": model.modelName }, 'dc_base') }}
  5.         {% else %}
  6.             {{ 'pages.car_card.configuration_model_hybrid'|trans({ "%model%": model.fullName }, 'dc_base') }}
  7.         {% endif %}
  8.     {% else %}
  9.         {% if dealer.id in [4,7] %}
  10.             {{ 'pages.car_card.configuration_model'|trans({ "%model%": model.modelName }, 'dc_base') }}
  11.         {% else %}
  12.             {{ 'pages.car_card.configuration_model'|trans({ "%model%": model.fullName }, 'dc_base') }}
  13.         {% endif %}
  14.     {% endif %}
  15.     <span v-if="compared.length > 1" class="car-section-title__sub">(<span v-html="compared.length">0</span> в {{ 'car_page.new.compare'|trans({}, 'dc_base') }})</span>
  16. </p>
  18. <div class="variations-slider" id="scroll-content">
  19.     <div v-for="equipment in equipments" class="variations-slider__item">
  20.         <div
  21.                 :key="equipment.id"
  22.                 class="variations-slider__btn"
  23.                 :class="{'--checked': inCompare(equipment.id), '--disabled': !allowedInCompare}"
  24.                 @click="onOffCompare($event, equipment.id)"
  25.         >
  26.             <div v-html="equipment.title" class="variations-slider__title"></div>
  28.             <div class="variations-slider__icon">
  29.                 <svg class="svg-icon" role="presentation"><use xlink:href="#icon-variation-plus"></use></svg>
  30.             </div>
  31.             <div class="variations-slider__icon --check">
  32.                 <svg class="svg-icon" role="presentation"><use xlink:href="#icon-variation-check"></use></svg>
  33.             </div>
  34.         </div>
  35.     </div>
  36. </div>
  40. <div class="row car-compare-panel">
  41.     <div v-if="equipments.length > maxCompare && maxCompare > 1" class="col-12 col-sm-5 mb-3">
  42.         <p class="car-compare-panel__title">{{ 'car_page.compare.select_max_first'|trans({}, 'dc_base')|raw }} <span v-html="maxCompare"></span> {{ 'car_page.compare.select_max_end'|trans({}, 'dc_base')|raw }}</p>
  43.     </div>
  45.     <div class="col-auto ml-sm-auto">
  46.         <label v-if="compared.length > 1" class="car-compare-check">
  47.             <input v-model="diffOnly" value="1" type="checkbox">
  48.             <span class="car-compare-check__checkmark">
  49.                         <svg class="icon" role="presentation"><use xlink:href="#icon-check"></use></svg>
  50.                     </span>
  52.             <span class="car-compare-check__value">{{ 'car_page.compare.show_diff'|trans({}, 'dc_base') }}</span>
  53.         </label>
  54.     </div>
  55. </div>