src/PortalBundle/Resources/views/About/vacancies-id.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  2. {% block seo %}
  3.     <title>{{ vacancy.title(app.request.locale) }} {{ 'seo.vacancies_id.title'|trans({}, 'portal_base') }}</title>
  4.     <meta name="description" content="VIDI.UA - {{ vacancy.title(app.request.locale) }} {{ vacancy.contentByLang(app.request.locale).city }} {{ 'seo.vacancies_id.desc'|trans({}, 'portal_base') }}"/>
  5. {% endblock %}
  6. {% block css %}
  7.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/vacancies.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service/call-popup.css') }}">
  9.     <link rel='stylesheet' type='text/css' href='{{ asset('bundles/insurance/css/jquery.mCustomScrollbar.css') }}'/>
  10.     <link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/gallery/lightslider.css') }}">
  11. {% endblock %}
  12. {% block content %}
  13.     <section class="breadcrumbs__new">
  14.         <div class="container">
  15.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  16.                 <li class="marker__none" itemprop="itemListElement" itemscope
  17.                     itemtype="https://schema.org/ListItem">
  18.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  19.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  20.                     <meta itemprop="position" content="1"/>
  21.                 </li>
  22.                 <div class="arrow-bc"></div>
  23.                 <li class="marker__none" itemprop="itemListElement" itemscope
  24.                     itemtype="https://schema.org/ListItem">
  25.                     <a itemprop="item" href="{{ path('portal_vacancies') }}">
  26.                         <span class="breadcrumbs__link"
  27.                               itemprop="name">{{ 'footer.vacancies'|trans({}, 'portal_base') }}</span></a>
  28.                     <meta itemprop="position" content="2"/>
  29.                 </li>
  30.                 <div class="arrow-bc"></div>
  31.                 <li class="marker__none" itemprop="itemListElement" itemscope
  32.                     itemtype="https://schema.org/ListItem">
  33.                     <span style="color: #ABABAB" class="breadcrumbs__link"
  34.                           itemprop="name">{{ vacancy.title(app.request.locale) }}</span>
  35.                     <meta itemprop="position" content="3"/>
  36.                 </li>
  37.             </ol>
  38.         </div>
  39.     </section>
  40.     {% if app.request.locale == 'ru' %}
  41.         {% include '@Portal/About/translations/vacancies-id_ru.html.twig' %}
  42.     {% else %}
  43.         {% include '@Portal/About/translations/vacancies-id_ua.html.twig' %}
  44.     {% endif %}
  45.     {# СЛАЙДЕР #}
  46.     <section class="business-slider section-padding-page mb-4">
  47.         <div class="container">
  48.             <div class="row">
  49.                 <div class="col-md-12 section-title-page mb-4">
  50.                     <span>{{ 'busines.next_block_desc'|trans({}, 'portal_base') }}</span>
  51.                 </div>
  52.             </div>
  53.             <div class="row">
  54.                 <div class="col-md-12">
  55.                     <ul id="lightSliderBrand">
  56.                         {% for logo in logos %}
  57.                             <li>
  58.                                 <img class="img-fluid mx-auto d-bloc" src="{{ sonata_path(logo.image, 'reference') }}"
  59.                                      alt="{{ logo.name }}">
  60.                             </li>
  61.                         {% endfor %}
  62.                     </ul>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </section>
  67.     {# END СЛАЙДЕР #}
  68.     {% include '@Portal/About/vacancy/vacancy-sps-popup.html.twig' %}
  69. {% endblock %}
  70. {% block pageJS %}
  71.     <script>
  72.         $('.vacancy-form').on('submit',function (e) {
  73.             $("#successVacancyPopup").modal('show')
  74.         })
  75.     </script>
  76.     <script>
  77.         app.onCustomEvent('appInit', function () {
  78.             app.loadJs('{{ asset('/bundles/dcsite/js/form_file_sender.js') }}');
  79.             document.querySelector('.more__vacancies-size').addEventListener('click', () => {
  80.                 window.scroll({
  81.                     left: 0,
  82.                     top: document.querySelector('#download__resume__anchor').offsetTop,
  83.                     behavior: 'smooth'
  84.                 });
  85.             });
  86.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightslider.js') }}", function () {
  87.                 $('#lightSliderBrand').lightSlider({
  88.                     auto: true,
  89.                     loop: true,
  90.                     item: 4,
  91.                     controls: true,
  92.                     pager: false,
  93.                     slideMove: 1,
  94.                     adaptiveHeight: true,
  95.                     speed: 900,
  96.                     responsive: [
  97.                         {
  98.                             breakpoint: 1100,
  99.                             settings: {
  100.                                 item: 4,
  101.                                 slideMove: 1
  102.                             }
  103.                         },
  104.                         {
  105.                             breakpoint: 800,
  106.                             settings: {
  107.                                 item: 3,
  108.                                 slideMove: 1,
  109.                                 slideMargin: 6
  110.                             }
  111.                         },
  112.                         {
  113.                             breakpoint: 480,
  114.                             settings: {
  115.                                 item: 3,
  116.                                 slideMove: 1
  117.                             }
  118.                         }
  119.                     ]
  120.                 });
  121.             });
  122.         });
  123.     </script>
  124. {% endblock %}