src/DcSiteBundle/Resources/views/Peugeot/Car/configuration.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/base.html.twig' %}
  2. {% block seo %}
  3.     <title>
  4.         {{ 'car.configuration_page.seo.title'|trans({
  5.             '%car%' : model.fullName,
  6.             '%year%' : model.year,
  7.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  8.         }, 'dc_base') }}
  9.     </title>
  10.     <meta name="description" content="{{ 'car.configuration_page.seo.description'|trans({
  11.             '%car%' : model.fullName,
  12.             '%year%' : model.year,
  13.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  14.         }, 'dc_base') }}" />
  15.     {% if model.noindexFollow %}
  16.         <meta name="robots" content="noindex, follow" />
  17.     {% endif %}
  18. {% endblock seo %}
  19. {% block css %}
  20.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}"/>
  21.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/color.css') }}"/>
  22.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/car/card-car.css') }}"/>
  23.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/car/color.css') }}"/>
  24.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/car/car-card_v3.css') }}"/>
  25. {% endblock %}
  26. {% block content %}
  27.     <section class="breadcrumbs__new">
  28.         <div class="container">
  29.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  30.                 <li class="marker__none" itemprop="itemListElement" itemscope
  31.                     itemtype="https://schema.org/ListItem">
  32.                     <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  33.                         <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  34.                     <meta itemprop="position" content="1"/>
  35.                 </li>
  36.                 <div class="arrow-bcs"> ❯ </div>
  37.                 <li class="marker__none" itemprop="itemListElement" itemscope
  38.                     itemtype="https://schema.org/ListItem">
  39.                     <a itemprop="item" href="{{ path('peugeot_model_lineup') }}">
  40.                         <span class="breadcrumbs__link" itemprop="name">{{ 'menu.model_lineup'|trans({}, 'dc_peugeot') }}</span></a>
  41.                     <meta itemprop="position" content="2"/>
  42.                 </li>
  43.                 <div class="arrow-bcs"> ❯ </div>
  44.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  45.                     itemtype="https://schema.org/ListItem">
  46.                     <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span>
  47.                     <meta itemprop="position" content="3"/>
  48.                 </li>
  49.             </ol>
  50.         </div>
  51.     </section>
  52.     <section class="new__car-car">
  53.         <div class="container">
  54.             <div class="row">
  55.                 <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 bg-gray p-0 pt-4" style="margin-top: -34px;">
  56.                     <section class="main-card-car section-padding" id="gallery">
  57.                         <div class="container">
  58.                             <div class="row">
  59.                                 <div class="col-md-12 car-name">
  60.                                     <h1>
  61.                                         {{ 'car.equipments_prices'|trans({}, 'dc_base') }}
  62.                                         {{ model.fullName }}
  63.                                         {% if model.hasHybrid %}
  64.                                             <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  65.                                         {% endif %}
  66.                                     </h1>
  67.                                 </div>
  68.                             </div>
  69.                         </div>
  70.                     </section>
  71.                     <div class="navs sticky-top" id="nav-manu">
  72.                         <div class="container">
  73.                             <div class="row">
  74.                                 <div class="col-md-12">
  75.                                     <ul class="navs-list mobile-scroll">
  76.                                         <li class="navs-list-li">
  77.                                             <a href="#compare" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}</a>
  78.                                         </li>
  79.                                         <li class="navs-list-li">
  80.                                             <a href="#vehiclePrice" class="navs-list-link">{{ 'car_page.new.price'|trans({}, 'dc_base') }}</a>
  81.                                         </li>
  82.                                         <li class="navs-list-li">
  83.                                             <a href="#th" class="navs-list-link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  84.                                         </li>
  85.                                         <li class="navs-list-li">
  86.                                             <a href="{{ path('peugeot_card_car', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  87.                                         </li>
  88.                                     </ul>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                     </div>
  93.                     {% include '@DcSite/Modules/car/equipment-comparing.html.twig' %}
  94. {#                    {% include '@DcSite/Modules/car/prices.html.twig' %}#}
  95.                     {% include '@DcSite/Modules/vehicle/vehicle-price.html.twig' %}
  96.                     {% include '@DcSite/Modules/car/tech.html.twig' %}
  97.                 </div>
  98.             </div>
  99.         </div>
  100.     </section>
  101. {% endblock %}
  102. {% block pageJS %}
  103.     <script>
  104.         app.onCustomEvent('appInit', function () {
  105.             $('[data-toggle="tooltip"]').tooltip();
  106.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  107.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/car/car-comparing.css') }}');
  108.             app.loadCss('{{ asset('/bundles/core/css/bootstrap_build/tables.css') }}');
  109.             app.loadCss('{{ asset('/bundles/core/css/modules/slick/slick.css') }}');
  110.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  111.             app.loadJs('{{ asset('bundles/dcsite/js/compare.js') }}',function () {
  112.                 initCompareModule({
  113.                     initUrl: '{{ path('base_get_model_equipments', {id: model.vehicleId}) }}',
  114.                 });
  115.             });
  116.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/vehicle/vehicle-price.js') }}', function () {
  117.                 initVehiclePrices({
  118.                     vehiclePrice: '{{ vehiclePrice|json_encode_replace|raw }}',
  119.                 });
  120.             });
  121.             var thBlock = $('#th');
  122.             var thInit = false;
  123.             if(thBlock.length) {
  124.                 var initThPreLoader = app.preLoader.show($('#th'));
  125.                 var thBlockTop = thBlock.offset().top;
  126.                 $(window).scroll(function () {
  127.                     var height = $(this).scrollTop() + $(window).height();
  128.                     if (height >= (thBlockTop - 200) && !thInit) {
  129.                         thInit = true;
  130.                         app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/tech.js') }}',function () {
  131.                             app.preLoader.hide(initThPreLoader);
  132.                             initTechModule({
  133.                                 initUrl: '{{ path('base-car-tech-load', {id: model.vehicleId}) }}',
  134.                             });
  135.                         });
  136.                     }
  137.                 });
  138.             }
  139.             $(window).scroll(function(){
  140.                 var $sections = $('section');
  141.                 $sections.each(function(i,el){
  142.                     var top  = $(el).offset().top-150-20;
  143.                     var bottom = top +$(el).height();
  144.                     var scroll = $(window).scrollTop();
  145.                     var id = $(el).attr('id');
  146.                     if( scroll > top && scroll < bottom){
  147.                         $('#nav-manu a.active').removeClass('active');
  148.                         $('#nav-manu a[href="#'+id+'"]').addClass('active');
  149.                     }
  150.                 })
  151.             });
  152.             $('#nav-manu a[href^="#"]').bind("click", function(e){
  153.                 var anchor = $(this);
  154.                 $('html, body').stop().animate({
  155.                     scrollTop: $(anchor.attr('href')).offset().top-50
  156.                 }, 750);
  157.                 e.preventDefault();
  158.             });
  159.         });
  160.     </script>
  161. {% endblock pageJS %}