templates/page/office/show/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/base.html.twig' %}
  3. {% block title %}{{ location.getCompany() }} – {{ parent() }}{% endblock %}
  4. {% block seo_en %}{{ url('office_show', { 'location': location|lower }) }}{% endblock %}
  5. {% block seo_hu %}{{ url('office_show', { 'location': location|lower, 'lang': 'hu'}) }}{% endblock %}
  6. {% block seo_x %}{{ url('office_show', { 'location': location|lower }) }}{% endblock %}
  8. {% set isBudapest = location|lower == 'budapest' %}
  10. {% block body_classes %}locations-single {% if isBudapest %}budapest{% endif %}{% endblock %}
  11. {% block location %}{{ location }}{% endblock %}
  13. {% block content %}
  14.     <div class="location-details-page">
  15.         {% include 'page/office/show/components/map.html.twig' with { location: location|lower } only %}
  17.         {% if isBudapest %}
  18.             {% include 'page/office/show/components/budapest/budapest_nav.html.twig' %}
  19.         {% endif %}
  21.         {% include 'page/office/show/components/info.html.twig' with { data: location } only %}
  23.         {% if isBudapest %}
  24.             {% include 'page/office/show/components/budapest/budapest_about_us.html.twig' %}
  25.             {% include 'page/office/show/components/budapest/budapest_positions.html.twig' with { items: jobs } only %}
  26.             {% include 'page/office/show/components/budapest/budapest_application.html.twig' %}
  27.         {% endif %}
  29.         {% include 'common/components/contact_form.html.twig'
  30.             with { theme: 'light', location: location} only %}
  32.         {% include 'common/components/jobs.html.twig' with { items: jobs } only %}
  33.     </div>
  34. {% endblock %}
  36. {% block javascripts %}
  37.     {{ parent() }}
  39.     <script
  40.         type='text/javascript'
  41.         src='https://maps.googleapis.com/maps/api/js?key={{ google_maps_api_key }}&callback=map_init&ver=0.2.0'
  42.         id='google-maps-js'></script>
  44.     {% if isBudapest %}
  45.         <script>
  46.             const players = document.querySelectorAll('lottie-player');
  48.             for (const player of players) {
  49.                 if (scrollFollowingLotties.includes(player.id)) continue;
  50.                 const observer = new IntersectionObserver((entries) => {
  51.                     if (entries[0].intersectionRatio > 0) {
  52.                         player.play();
  53.                     }
  54.                 }, {
  55.                     root: null,
  56.                     rootMargin: '0px',
  57.                     threshold: 1.0
  58.                 });
  60.                 observer.observe(player);
  61.             }
  62.         </script>
  63.     {% endif %}
  64. {% endblock %}