templates/new/index/local_project.html.twig line 3

Open in your IDE?
  1. {% extends 'new/base.html.twig' %}
  2. {% block title %}{{ project.seoTitle }}{% endblock %}
  3. {% block seoDescription %}{{ project.seoDescription | raw }} {% endblock %}
  4. {% block seoKeywords %}{{ project.seoKeywords | raw }} {% endblock %}
  5. {% block opengraph %}
  6.     <meta property="og:type" content="website">
  7.     <meta property="og:url" content="https://mosregco.ru{{ app.request.pathInfo }}">
  8.     <meta property="og:title" content="{{ project.Title | raw }}">
  9.     <meta property="og:description" content="{{ project.content  | striptags | slice(0,150) }}">
  10.     <meta property="og:image" content="https://mosregco.ru{{ vich_uploader_asset(project, 'imageFile') }}">
  11. {% endblock %}
  12. {% block body %}
  13. <div class="container  wow fadeInUp  mob-mt-35" style="margin-top: 63px">
  14.     <nav aria-label="breadcrumb">
  15.         <ol class="breadcrumb">
  16.             <li class="breadcrumb-item"><a href="{{ path('app_index') }}">Главная</a></li>
  17.             <li class="breadcrumb-item active" aria-current="page">{{ project.title | raw }}</li>
  18.         </ol>
  19.     </nav>
  20. </div>
  21.     <div class="container mt75 mob-mt-35  wow fadeInUp">
  22.         <div class="row">
  23.             <div class="col-md-4">
  24.                 <img src="{{ vich_uploader_asset(project, 'imageFile') }}" id="big-logo" style="max-width: 100%; width: 100%; margin-bottom: 10px">
  25.                 <div class="slider owl-carousel  owl-theme" id="slider-local_project">
  26.                     <div class="item">
  27.                         <img src="{{ vich_uploader_asset(project, 'imageFile') }}" class="mini-logo">
  28.                     </div>
  29.                     {% for image in project.images  %}
  30.                         <div class="item">
  31.                             <img src="{{ vich_uploader_asset(image, 'imageFile') }}" class="mini-logo">
  32.                         </div>
  33.                     {% endfor %}
  34.                 </div>
  35.                 <div class="mt25 mob-mt-35">
  36.                     <strong>Расположение</strong><br />
  37.                     {{ project.location | raw }}
  38.                 </div>
  39.                 <div class="mt15">
  40.                     <strong>Сумма инвестиций</strong><br />
  41.                     {{ project.amountInvestment | raw }}
  42.                 </div>
  43.                 <div class="mt15">
  44.                     <strong>Срок реализации</strong><br />
  45.                     {{ project.implementationPeriod | raw }}
  46.                 </div>
  47.                 <div class="mt15">
  48.                     <strong>Рабочих мест</strong><br />
  49.                     {{ project.workPlace | raw }}
  50.                 </div>
  51.             </div>
  52.             <div class="offset-md-1 col-md-7  mobb-mt-75">
  53.                 <h2>{{ project.title | raw }}</h2>
  54.                 <div class="mt50 mob-mt-35">
  55.                     {{ project.content | raw }}
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </div>
  60.     {% if project.smi | length > 0 %}
  61.         <div class="container mt75  wow fadeInUp">
  62.             <div class="row">
  63.                 <div class="offset-md-5 col-md-6">
  64.                     <h2 class="">Упоминания в СМИ</h2>
  65.                 </div>
  66.             </div>
  67.             <div class="mt50 mob-mt-0 news-cards">
  68. {#                <div class="d-flex" style="gap: 10px">#}
  69.                 <div class="owl-carousel owl-theme" id="owl-smi">
  70.                 {% for publication in project.smi  %}
  71.                     {{ include('new\\Element\\smi_card.html.twig') }}
  72.                 {% endfor %}
  73. {#            </div>#}
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     {% endif %}
  78.     {{ include('new\\widgets\\index_project.html.twig', {'notId' : project.id }) }}
  79.     {% if project.locX and project.locY %}
  80.         <div class="container mt-big wow fadeInUp">
  81.             <div  id="map">
  82.                 <div class="blackandwhite" style="">
  83.                     <div id="mapapi" style="height: 525px"></div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     {% endif %}
  88.     <div style="    margin-bottom: -100px;">
  89.         {{ include('new\\widgets\\index_form.html.twig') }}
  90.     </div>
  91. {% endblock %}
  92. {% block stylesheets %}
  93.     {{ parent() }}
  94.     <style>
  95.         #owl-smi .card-new{
  96.             width: auto;
  97.         }
  98.     </style>
  99. {% endblock %}
  100. {% block javascripts %}
  101.     {{ parent() }}
  102.     <script>
  103.         $(document).ready(function (){
  104.             $('#owl-smi').owlCarousel({
  105.                 loop:true,
  106.                 margin:10,
  107.                 nav:false,
  108.                 responsive:{
  109.                     0:{
  110.                         items:1
  111.                     },
  112.                     600:{
  113.                         items:2
  114.                     },
  115.                     1000:{
  116.                         items:3
  117.                     }
  118.                 }
  119.             })
  120.             $('body').on("click", ".mini-logo", function () {
  121.                 $('#big-logo').attr('src', $(this).attr('src'));
  122.             })
  123.             var owlItog = $('#slider-local_project').owlCarousel({
  124.                 loop:true,
  125.                 margin:10,
  126.                 smartSpeed: 500,
  127.                 nav:true,
  128.                 dots:false,
  129.                 navText:["<div class='nav-btn prev-slide'></div>","<div class='nav-btn next-slide'></div>"],
  130.                 // animateOut: 'fadeOutDownBig',
  131.                 // animateIn: 'fadeInDownBig',
  132.                 responsive: {
  133.                     0: {
  134.                         items: 4
  135.                     },
  136.                 },
  137.             });
  138.         });
  139.         {% if project.locX and project.locY %}
  140.         ymaps.ready(function () {
  141.             var myMap = new ymaps.Map('mapapi', {
  142.                     center: [{{ project.locX }}, {{ project.locY }}],
  143.                     zoom: 11
  144.                 }, {
  145.                     searchControlProvider: false
  146.                 }),
  147.                 myPlacemark = new ymaps.Placemark([{{ project.locX }}, {{ project.locY }}], {
  148.                     hintContent: '{{ project.title }}',
  149.                     balloonContent: '{{ project.title }}'
  150.                 }, {
  151.                     // Опции.
  152.                     // Необходимо указать данный тип макета.
  153.                     iconLayout: 'default#image',
  154.                     // Своё изображение иконки метки.
  155.                     iconImageHref: '/assets/images/new/icon_loc_p.svg',
  156.                     // Размеры метки.
  157.                     iconImageSize: [60, 60],
  158.                     // Смещение левого верхнего угла иконки относительно
  159.                     // её "ножки" (точки привязки).
  160.                     iconImageOffset: [-30, -70]
  161.                 })
  162.             myMap.geoObjects
  163.                 .add(myPlacemark);
  164.         });
  165.         {% endif %}
  166.     </script>
  167. {% endblock %}