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

Open in your IDE?
  1. {% extends '@DcSite/Suzuki/base.html.twig' %}
  3. {% block seo %}
  4.     <title>
  5.         {{ 'car.configuration_page.seo.title'|trans({
  6.             '%car%' : model.fullName,
  7.             '%year%' : model.year,
  8.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  9.         }, 'dc_base') }}
  10.     </title>
  11.     <meta name="description" content="{{ 'car.configuration_page.seo.description'|trans({
  12.             '%car%' : model.fullName,
  13.             '%year%' : model.year,
  14.             '%dealer%' : dealer.nameByLocale(app.request.locale),
  15.         }, 'dc_base') }}" />
  16.     {% if model.noindexFollow %}
  17.         <meta name="robots" content="noindex, follow" />
  18.     {% endif %}
  19. {% endblock seo %}
  21. {% block css %}
  22.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}"/>
  23.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/color.css') }}"/>
  24.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/modules/car/equipment-comparing.css') }}"/>
  25.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/suzuki/car/card-car.css') }}"/>
  26.     <link rel="stylesheet"  href="{{ asset('/bundles/dcsite/css/suzuki/car/color.css') }}"/>
  27. {% endblock %}
  29. {% block content %}
  31.     <main class="new__car-car">
  34.         <section class="main-card-car section-padding" id="gallery">
  35.             <div class="container">
  36.                 <div class="row">
  37.                     <div class="col-md-12 car-name">
  38.                         <h1>
  39.                             {{ 'car.equipments_prices'|trans({}, 'dc_base') }}
  40.                             {{ model.fullName }}
  41.                         </h1>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </section>
  48.         <div class="navs sticky-top" id="nav-manu">
  49.             <div class="container">
  50.                 <div class="row">
  51.                     <div class="col-md-12">
  52.                         <ul class="navs-list mobile-scroll">
  53. {#                            <li class="navs-list-li">#}
  54. {#                                <a href="#compare" class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}</a>#}
  55. {#                            </li>#}
  56. {#                            <li class="navs-list-li">#}
  57. {#                                <a href="#prices" class="navs-list-link">{{ 'car_page.new.price'|trans({}, 'dc_base') }}</a>#}
  58. {#                            </li>#}
  59.                             <li class="navs-list-li">
  60.                                 <a href="#th" class="navs-list-link">{{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  61.                             </li>
  62.                             <li class="navs-list-li">
  63.                                 <a href="{{ path('suzuki_card_car', {car: model.url}) }}" class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  64.                             </li>
  65.                         </ul>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.         </div>
  73.         {% include '@DcSite/Modules/car/tech.html.twig' %}
  76.     </main>
  77. {% endblock %}
  79. {% block pageJS %}
  80.     <script>
  81.         app.onCustomEvent('appInit', function () {
  82.             $('[data-toggle="tooltip"]').tooltip();
  83.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}');
  84.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  85.             {#app.loadCss('{{ asset('/bundles/dcsite/css/modules/car/car-comparing.css') }}');#}
  86.             {#app.loadCss('{{ asset('/bundles/core/css/bootstrap_build/tables.css') }}');#}
  87.             app.loadCss('{{ asset('/bundles/core/css/modules/slick/slick.css') }}');
  88.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}');
  90.             app.lazyInit.lazyInit('th', function () {
  91.                 app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/tech.js') }}',function () {
  92.                     initTechModule({
  93.                         initUrl: '{{ path('base-car-tech-load', {id: model.vehicleId}) }}',
  94.                     });
  95.                 });
  96.             });
  98.             $(window).scroll(function(){
  99.                 var $sections = $('section');
  100.                 $sections.each(function(i,el){
  101.                     var top  = $(el).offset().top-150-20;
  102.                     var bottom = top +$(el).height();
  103.                     var scroll = $(window).scrollTop();
  104.                     var id = $(el).attr('id');
  105.                     if( scroll > top && scroll < bottom){
  106.                         $('#nav-manu a.active').removeClass('active');
  107.                         $('#nav-manu a[href="#'+id+'"]').addClass('active');
  108.                     }
  109.                 })
  110.             });
  111.             $('#nav-manu a[href^="#"]').bind("click", function(e){
  112.                 var anchor = $(this);
  113.                 $('html, body').stop().animate({
  114.                     scrollTop: $(anchor.attr('href')).offset().top-50
  115.                 }, 750);
  116.                 e.preventDefault();
  117.             });
  118.         });
  119.     </script>
  122. {% endblock pageJS %}