templates/new/index/price_index.html.twig line 1

Open in your IDE?
  1. {% extends 'new/base.html.twig' %}
  3. {% block title %}{{ page.seoTitle }}{% endblock %}
  4. {% block seoDescription %}{{ page.seoDescription  }}{% endblock %}
  7. {% block body %}
  10.     {% for bb in pageBlocks %}
  11.         {% if bb.block.module == false %}
  12.             <div style="margin-bottom: -100px">
  13.             {{ blocks[bb.block.name].content | raw  }}
  14.             </div>
  15.         {% else %}
  16.             {{ include('new\\widgets\\'~bb.block.name~'.html.twig') }}
  17.         {% endif %}
  18.     {% endfor %}
  22. {% endblock %}
  25. {% block javascripts %}
  26.     {{ parent() }}
  27.     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  28.     <script>
  29.         $(document).ready(function (){
  31.             var chHome;
  33.             function graphHome(){
  34.                 // var json = [1000,2000,2000,3000,4000];
  35.                 var json = {{ indexPriceHomeElems | json_encode | raw }};
  36.                 var months = ['Январь','Февраль','Март', 'Апрель', 'Май', 'Июнь'];
  37.                 var ctx = document.getElementById('graphHome');
  39.                 if (chHome) {
  40.                     chHome.destroy();
  41.                 }
  43.                 chHome = new Chart(ctx, {
  44.                     type: 'line',
  45.                     data: {
  46.                         labels: months,
  47.                         datasets: [{
  48.                             label: '',
  49.                             data: json,
  50.                             borderColor: '#2E3D56',
  51.                             backgroundColor: '#2E3D56',
  52.                             borderWidth: 1
  53.                         }]
  54.                     },
  55.                     options: {
  56.                         plugins: {
  57.                             legend: {
  58.                                 display: false
  59.                             },
  60.                             // tooltip: false
  61.                         },
  62.                     }
  63.                 });
  65.             }
  66.             graphHome();
  68.             var chArea;
  70.             function graphArea(){
  71.                 // var json = [1000,2000,2000,3000,4000];
  72.                 var json = {{ indexPriceAreaElems | json_encode | raw }};
  73.                 var months = ['Январь','Февраль','Март', 'Апрель', 'Май', 'Июнь'];
  74.                 var ctx2 = document.getElementById('graphArea');
  76.                 if (chArea) {
  77.                     chArea.destroy();
  78.                 }
  80.                 chArea = new Chart(ctx2, {
  81.                     type: 'line',
  82.                     data: {
  83.                         labels: months,
  84.                         datasets: [{
  85.                             label: '',
  86.                             data: json,
  87.                             borderColor: '#2E3D56',
  88.                             backgroundColor: '#2E3D56',
  89.                             borderWidth: 1
  90.                         }]
  91.                     },
  92.                     options: {
  93.                         plugins: {
  94.                             legend: {
  95.                                 display: false
  96.                             },
  97.                             // tooltip: false
  98.                         },
  99.                     }
  100.                 });
  102.             }
  103.             graphArea();
  106.             var cj = false;
  107.             $(window).scroll(function (){
  108.                 var sc = $(window).scrollTop();
  109.                 if (sc > 1600 && cj == false){
  110.                     cj = true;
  111.                     $('.counter_j').each(function () {
  112.                         $(this).prop('Counter',0).animate({
  113.                             Counter: parseFloat($(this).text())
  114.                         }, {
  115.                             duration: 2000,
  116.                             easing: 'swing',
  117.                             step: function (now) {
  118.                                 $(this).text(Math.ceil(now));
  119.                             }
  120.                         });
  121.                     });
  122.                 }
  124.             })
  125.             var owlMain = $('#slider-main').owlCarousel({
  126.                 loop:true,
  127.                 margin:10,
  128.                 smartSpeed: 500,
  129.                 nav:false,
  130.                 dots:false,
  131.                 responsive: {
  132.                     0: {
  133.                         items: 1
  134.                     },
  135.                 }
  136.             });
  138.             $('.btn-preview').click(function (){
  139.                 owlMain.trigger('prev.owl.carousel');
  140.             });
  142.             $('.btn-next').click(function (){
  143.                 owlMain.trigger('next.owl.carousel');
  144.             })
  149.             var owlItog = $('#slider-itog').owlCarousel({
  150.                 loop:false,
  151.                 margin:10,
  152.                 smartSpeed: 500,
  153.                 nav:false,
  154.                 dots:false,
  155.                 rewindNav:false,
  156.                 touchDrag  : false,
  157.                 mouseDrag  : false,
  158.                 animateOut: 'fadeOutDownBig',
  159.                 animateIn: 'fadeInDownBig',
  160.                 responsive: {
  161.                     0: {
  162.                         items: 1
  163.                     },
  164.                 },
  166.             });
  169.             owlItog.on('changed.owl.carousel', function(event) {
  170.                 $('.counter_j').each(function () {
  171.                     $(this).prop('Counter',0).animate({
  172.                         Counter: parseFloat($(this).text())
  173.                     }, {
  174.                         duration: 2000,
  175.                         easing: 'swing',
  176.                         step: function (now) {
  177.                             $(this).text(Math.ceil(now));
  178.                         }
  179.                     });
  180.                 });
  182.                 setTimeout(function (){
  183.                     $('.index-itog .arrows-number').html($('.owl-item.active .itog_year').text());
  184.                 }, 400);
  185.             })
  187.             var owlReviews = $('#reviews-slider').owlCarousel({
  188.                 loop:true,
  189.                 margin:10,
  190.                 smartSpeed: 500,
  191.                 nav:false,
  192.                 dots:false,
  193.                 responsive: {
  194.                     0: {
  195.                         items: 1
  196.                     },
  197.                 }
  198.             });
  200.             $('.btn-itog-preview').click(function (){
  201.                 if ($(this).attr('src') == '/assets/images/new/icon_arr_left_white.svg'){
  202.                     owlItog.trigger('next.owl.carousel');
  203.                     $('.btn-itog-next').attr('src', '/assets/images/new/icon_arr_right_white.svg');
  204.                     setTimeout(function (){
  205.                         if ( $('#slider-itog .owl-item').eq(($('#slider-itog .owl-item').length-1)).hasClass('active') ){
  206.                             $('.btn-itog-preview').attr('src', '/assets/images/new/icon_arr_left_gray.svg');
  207.                         }
  208.                     },300);
  209.                 }
  211.             });
  213.             $('.btn-itog-next').click(function (){
  214.                 if ($(this).attr('src') == '/assets/images/new/icon_arr_right_white.svg'){
  215.                     owlItog.trigger('prev.owl.carousel');
  216.                     $('.btn-itog-preview').attr('src', '/assets/images/new/icon_arr_left_white.svg');
  217.                     setTimeout(function (){
  218.                         if ( $('#slider-itog .owl-item').eq(0).hasClass('active') ){
  219.                             $('.btn-itog-next').attr('src', '/assets/images/new/icon_arr_right_gray.svg');
  220.                         }
  221.                     },300);
  222.                 }
  223.             })
  226.             $('.btn-review-preview').click(function (){
  227.                 owlReviews.trigger('prev.owl.carousel');
  228.             });
  230.             $('.btn-review-next').click(function (){
  231.                 owlReviews.trigger('next.owl.carousel');
  232.             })
  235.             $('.select-circle').click(function (){
  236.                 // $(this).toggleClass('active');
  237.             })
  239.             $('.modal-content form').submit(function (){
  240.                 $(this).find('button[type="submit"]').attr('disabled','disabled');
  241.             })
  243.         })
  244.     </script>
  245. {% endblock %}