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

Open in your IDE?
  1. {% extends '@DcSite/Morris_Garage/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%' : 'seo.dealer_full'|trans({}, 'dc_morris'),
  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%' : 'seo.dealer_full'|trans({}, 'dc_morris'),
  14.         }, 'dc_base') }}" />
  15.     {% if model.noindexFollow %}
  16.         <meta name="robots" content="noindex, follow" />
  17.     {% endif %}
  18. {% endblock seo %}
  19. {% block ogtagDynamic %}
  20.     <meta property="og:title" content=" {{ 'car.configuration_page.seo.title'|trans({
  21.         '%car%' : model.fullName,
  22.         '%year%' : model.year,
  23.         '%dealer%' : 'seo.dealer_full'|trans({}, 'dc_morris'),
  24.     }, 'dc_base') }}"/>
  25.     <meta property="og:description" content="{{ 'car.configuration_page.seo.description'|trans({
  26.         '%car%' : model.fullName,
  27.         '%year%' : model.year,
  28.         '%dealer%' : 'seo.dealer_full'|trans({}, 'dc_morris'),
  29.     }, 'dc_base') }}"/>
  30. {% endblock ogtagDynamic %}
  31. {% block css %}
  32.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}"/>
  33.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/color.css') }}"/>
  34.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/car/equipment-comparing.css') }}"/>
  35.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/morris_garage/car/card-car.css') }}"/>
  36.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/car/car-card_v3.css') }}"/>
  37. {% endblock %}
  38. {% block content %}
  39.     <main class="new__car-car">
  40.         <section class="breadcrumbs__new">
  41.             <div class="container">
  42.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  43.                     <li class="marker__none" itemprop="itemListElement" itemscope
  44.                         itemtype="https://schema.org/ListItem">
  45.                         <a itemprop="item" href="{{ path('mg_homepage') }}">
  46.                             <span class="breadcrumbs__link" itemprop="name">Morris Garages</span></a>
  47.                         <meta itemprop="position" content="1"/>
  48.                     </li>
  49.                     <div class="arrow-bcs"> ❯ </div>
  50.                     <li class="marker__none" itemprop="itemListElement" itemscope
  51.                         itemtype="https://schema.org/ListItem">
  52.                         <a itemprop="item" href="{{ path('mg_model_lineup') }}">
  53.                             <span class="breadcrumbs__link" itemprop="name">{{ 'pages.model_lineup.breadcrumb_title'|trans({}, 'dc_morris') }}</span></a>
  54.                         <meta itemprop="position" content="1"/>
  55.                     </li>
  56.                     <div class="arrow-bcs"> ❯ </div>
  57.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  58.                         itemtype="https://schema.org/ListItem">
  59.                         <span style="color: #727272;" class="breadcrumbs__link" itemprop="name">{{ model.fullName }}</span>
  60.                         <meta itemprop="position" content="2"/>
  61.                     </li>
  62.                 </ol>
  63.             </div>
  64.         </section>
  65.         <header class="page-header mb-5">
  66.             <h1 class="section-title text-center">{{ 'car.equipments_prices'|trans({}, 'dc_base') }} {{ model.fullName }}</h1>
  67.         </header>
  68.         <div class="navs --type-configuration sticky-top" id="nav-manu">
  69.             <div class="container">
  70.                 <div class="row">
  71.                     <div class="col-md-12">
  72.                         <ul class="navs-list mobile-scroll">
  73.                             <li class="navs-list-li">
  74.                                 <a href="#compare" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}</a>
  75.                             </li>
  76.                             <li class="navs-list-li">
  77.                                 <a href="#vehiclePrice" class="navs-list-link">{{ 'car_page.new.price'|trans({}, 'dc_base') }}</a>
  78.                             </li>
  79.                             <li class="navs-list-li">
  80.                                 <a href="#th" class="navs-list-link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  81.                             </li>
  82.                             <li class="navs-list-li">
  83.                                 <a href="{{ path('mg_card_car', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  84.                             </li>
  85.                         </ul>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.         {% include '@DcSite/Modules/car/equipment-comparing.html.twig' %}
  91.         {# {% include '@DcSite/Modules/car/prices.html.twig' %} #}
  92.         {% include '@DcSite/Modules/vehicle/vehicle-price.html.twig' %}
  93.         <div class="characteristics-table">
  94.             {% include '@DcSite/Modules/car/tech.html.twig' %}
  95.         </div>
  96.     </main>
  97. {% endblock %}
  98. {% block pageJS %}
  99.     <script>
  100.         app.onCustomEvent('appInit', function () {
  101.             $('[data-toggle="tooltip"]').tooltip();
  102.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}');
  103.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  104.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/car/car-comparing.css') }}');
  105.             app.loadCss('{{ asset('/bundles/core/css/bootstrap_build/tables.css') }}');
  106.             app.loadCss('{{ asset('/bundles/core/css/modules/slick/slick.css') }}');
  107.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  108.             app.loadJs('{{ asset('bundles/dcsite/js/compare.js') }}',function () {
  109.                 initCompareModule({
  110.                     initUrl: '{{ path('base_get_model_equipments', {id: model.vehicleId}) }}',
  111.                 });
  112.             });
  113.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/vehicle/vehicle-price.js') }}', function () {
  114.                 initVehiclePrices({
  115.                     vehiclePrice: '{{ vehiclePrice|json_encode_replace|raw }}',
  116.                 });
  117.             });
  118.             app.lazyInit.lazyInit('th', function () {
  119.                 app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/tech.js') }}',function () {
  120.                     initTechModule({
  121.                         initUrl: '{{ path('base-car-tech-load', {id: model.vehicleId}) }}',
  122.                     });
  123.                 });
  124.             });
  125.             $(window).scroll(function(){
  126.                 var $sections = $('section');
  127.                 $sections.each(function(i,el){
  128.                     var top  = $(el).offset().top-150-20;
  129.                     var bottom = top +$(el).height();
  130.                     var scroll = $(window).scrollTop();
  131.                     var id = $(el).attr('id');
  132.                     if( scroll > top && scroll < bottom){
  133.                         $('#nav-manu a.active').removeClass('active');
  134.                         $('#nav-manu a[href="#'+id+'"]').addClass('active');
  135.                     }
  136.                 })
  137.             });
  138.             $('#nav-manu a[href^="#"]').bind("click", function(e){
  139.                 var anchor = $(this);
  140.                 $('html, body').stop().animate({
  141.                     scrollTop: $(anchor.attr('href')).offset().top-50
  142.                 }, 750);
  143.                 e.preventDefault();
  144.             });
  145.         });
  146.     </script>
  147. {% endblock pageJS %}