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

Open in your IDE?
  1. <section class="car-tech-section" id="vehicleCharacteristic">
  2.     <div class="container">
  3.         <h1 class="car-tech-section__title">
  4. {#            {% if model.hasHybrid %}#}
  5. {#                {{ 'pages.car_card.prices_for_model_hybrid'|trans({ "%model%": model.fullName }, 'dc_base') }}#}
  6. {#            {% else %}#}
  7. {#                {{ 'pages.car_card.prices_for_model'|trans({ "%model%": model.fullName }, 'dc_base') }}#}
  8. {#            {% endif %}#}
  11.             {{ 'car_page.tech'|trans({}, 'dc_base') }}
  12.             {{ model.fullName }}
  13.             {% if model.hasHybrid %}
  14.                 {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}
  15.             {% endif %}
  16.         </h1>
  18.         <div class="car-table">
  19.             <div class="car-table__header sticky js-scroll-sync js-touch-scroll" data-scroll-sync="tech-table">
  20.                 <div class="car-table__row">
  21.                     <div class="car-table__col-left --th">
  22.                         {{ 'car_page.compare.engine'|trans({}, 'dc_base') }}
  23.                         (<span v-html="engines.length"></span>)
  24.                     </div>
  25.                     <div v-for="engine in engines" class="car-table__col --th" v-html="engine.title"></div>
  26.                 </div>
  27.             </div>
  29.             <template v-for="group, gId, idx in tech">
  30.                 <div v-if="groups[gId]" class="car-table__body-title" :class="{'--opened': idx === 0 }" v-html="groups[gId]"></div>
  31.                 <div v-else class="car-table__body-title" :class="{'--opened': idx === 0 }">{{ 'сharacteristic.general'|trans({}, 'dc_base') }}</div>
  33.                 <div class="car-table__body js-scroll-sync js-touch-scroll" :class="{'--opened': idx === 0 }" data-scroll-sync="tech-table">
  34.                     <div v-for="characteristic in group" class="car-table__row">
  35.                         <div class="car-table__col-left">
  36.                             <p class="car-table__text-characteristic" v-html="characteristic.title"></p>
  37.                         </div>
  38.                         <div v-for="engine in engines" class="car-table__col">
  39.                             <span class="car-table__text" v-html="characteristic.items[engine.id]"></span>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.             </template>
  44.         </div>
  45.     </div>
  46. </section>