src/DcSiteBundle/Resources/views/Modules/car/tech.html.twig line 1

Open in your IDE?
  1. <section class="configuration-table section-padding" id="th">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-md-12 title">
  5.                 <span>{{ 'car_page.tech'|trans({}, 'dc_base') }}</span>
  6.             </div>
  7.         </div>
  8.         <div class="col-md-12">
  9.             <div class="row sticky-top configuration-table-head" id="techAllEngWrapper">
  10.                 <div class="col-md-4 d-flex align-items-center configuration-table-head-title">
  11.                     <span>{{ 'car_page.compare.engine'|trans({}, 'dc_base') }}</span>
  12.                 </div>
  13.                 <div class="col-md-8">
  14.                     <div class="row">
  15.                         <div class="col-md-12 text-center">
  16.                             <div class="configuration-table-head-number">
  17.                                 <button v-if="engines.length > displayCount" @click="scrollStep--">
  18.                                     <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
  19.                                         <path d="M7.2116 1.06017C7.30179 0.969983 7.41452 0.92489 7.53853 0.92489C7.66253 0.92489 7.77527 0.969983 7.86545 1.06017C8.04583 1.24054 8.04583 1.53365 7.86545 1.71402L2.11605 7.46342L7.86545 13.2128C8.04583 13.3932 8.04583 13.6863 7.86545 13.8667C7.68508 14.047 7.39197 14.047 7.2116 13.8667L1.13527 7.79035C0.954901 7.60997 0.954901 7.31687 1.13527 7.13649L7.2116 1.06017V1.06017Z" fill="white" stroke="white" stroke-width="0.7"/>
  20.                                     </svg>
  21.                                 </button>
  22.                                 <span v-html="(scrollStep+1)+' - '+(scrollStep+displayCount)+' {{ 'car_page.new.is'|trans({}, 'dc_base') }} '+(engines.length)"></span>
  23.                                 <button v-if="engines.length > displayCount" @click="scrollStep++">
  24.                                     <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
  25.                                         <path d="M1.78913 13.8666C1.69895 13.9568 1.58621 14.0019 1.46221 14.0019C1.3382 14.0019 1.22547 13.9568 1.13528 13.8666C0.954907 13.6862 0.954907 13.3931 1.13528 13.2127L6.88468 7.46334L1.13528 1.71394C0.954907 1.53356 0.954907 1.24046 1.13528 1.06008C1.31565 0.879711 1.60876 0.879711 1.78913 1.06008L7.86546 7.13641C8.04583 7.31678 8.04583 7.60989 7.86546 7.79026L1.78913 13.8666Z" fill="white" stroke="white" stroke-width="0.7"/>
  26.                                     </svg>
  27.                                 </button>
  28.                             </div>
  29.                         </div>
  30.                         <div class="col-md-12 overflow-hidden">
  31.                             <div class="row scroll-content js-tech-scrol" id="techEngWrapper">
  32.                                 <div class="col-md-6 js-th-scroled text-center configuration-table-head-complectation" v-for="engine in engines">
  33.                                     <span v-html="engine.title"></span>
  34.                                 </div>
  35.                             </div>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.             <div class="row configuration-table-body" v-for="tItem in tech">
  41.                 <div class="col-md-4 text-left">
  42.                     <span v-html="tItem.title"></span>
  43.                 </div>
  44.                 <div class="col-md-8 overflow-hidden">
  45.                     <div class="row scroll-content js-tech-scrol">
  46.                         <div class="col-md-6 js-th-scroled text-center" v-for="engine in engines">
  47.                             <span v-html="tItem.items[engine.id]"></span>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  54. </section>