templates/pages/vacancy_detail.html.twig line 1

Open in your IDE?
  1. {% extends "pages/vacancy_detail_layout_base.html.twig" %}
  3. {#{% block content %}#}
  5.     {#<!-- Modal -->#}
  6.     {#{{ render(controller(#}
  7.         {#'App\\Controller\\Page\\ApplicantController::formModalAction',#}
  8.         {#{ 'id': vacancy.id }#}
  9.     {#)) }}#}
  11.     {#<!-- Version 2 of vacancy view -->#}
  12.     {#<div data-component="Vacancy,Favorite,Apply,CustomHeader"#}
  13.          {#data-vacancy-id="{{ vacancy.id }}"{% if vacancy.company.heroName is defined and vacancy.company.heroName is not empty %} data-custom-header="{{ media_asset(vacancy.company.hero) }}" {% endif %}#}
  14.          {#class="component component--default component--vacancy-detail component--vacancy-detail__second-version">#}
  15.         {#<div class="row">#}
  16.             {#<div class="col">#}
  17.                 {#<a href="{{ path('vacancies') }}" title="{{ 'To vacancy overview'|trans }}"#}
  18.                    {#class="is-btn is-btn--link is-btn--vacancy-overview pl-0 float-left"#}
  19.                    {#data-settings='{"class": "buttonProps"}'>#}
  20.                     {#<i class="far fa-angle-left icon-before"></i>#}
  21.                     {#{{ 'To vacancy overview'|trans }}#}
  22.                 {#</a>#}
  23.                 {#<div class="card">#}
  24.                     {#<div class="vacancy-intro">#}
  25.                         {#<div class="card-body">#}
  26.                             {#<div class="row">#}
  27.                                 {#{% if vacancy.company.logo is defined and vacancy.company.logo %}#}
  28.                                     {#<div class="col-12 col-md-2">#}
  29.                                         {#<figure class="logo logo-left">#}
  30.                                             {#<img loading="lazy" src="{{ media_asset(vacancy.company.logo) }}"#}
  31.                                                  {#alt="{{ vacancy.company.name }}">#}
  32.                                         {#</figure>#}
  33.                                     {#</div>#}
  34.                                 {#{% endif %}#}
  35.                                 {#<div class="col-12 col-md-10">#}
  36.                                     {#<div class="vacancy-title">#}
  37.                                         {#<h1>{{ vacancy.title }}</h1>#}
  38.                                     {#</div>#}
  39.                                     {#<div class="vacancy-options">#}
  40.                                         {#<ul>#}
  41.                                             {#{% if config_setting('site_vacancy_city_visible_on_detail') %}#}
  42.                                                 {#{% if vacancy.city %}#}
  43.                                                     {#<li>#}
  44.                                                         {#{% if config_setting('site_vacancy_city_on_detail_icon') %}#}
  45.                                                             {#<i class="{{ config_setting('site_vacancy_city_on_detail_icon') }}"></i>#}
  46.                                                         {#{% else %}#}
  47.                                                             {#<i class="fas fa-fw fa-map-marker"></i>#}
  48.                                                         {#{% endif %}#}
  49.                                                         {#{{ vacancy.city }}#}
  50.                                                     {#</li>#}
  51.                                                 {#{% endif %}#}
  52.                                             {#{% endif %}#}
  53.                                             {#{% for optionValue in vacancy.optionValues if optionValue.option.visibleInDetail %}#}
  54.                                                 {#<li>#}
  55.                                                     {#<i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}#}
  56.                                                 {#</li>#}
  57.                                             {#{% endfor %}#}
  58.                                             {#{% if feature('feature_vacancy_map') %}#}
  59.                                                 {#<li class="on-map">#}
  60.                                                     {#<span class="option-sub">(#}
  61.                                                         {#<a href="#" title="{{ 'Show on map'|trans }}"><i#}
  62.                                                                     {#class="far fa-fw fa-map"></i>{{ 'Show on map'|trans }}</a>#}
  63.                                                     {#)</span>#}
  64.                                                 {#</li>#}
  65.                                             {#{% endif %}#}
  66.                                         {#</ul>#}
  67.                                     {#</div>#}
  68.                                     {#{% if vacancy.published %}#}
  69.                                         {#<div class="vacancy-actions">#}
  70.                                             {#{% if vacancy.externalUrl %}#}
  71.                                                 {#<a target="_blank" href="{{ vacancy.externalUrl }}" title="{{ 'Apply'|trans }}"#}
  72.                                                    {#class="is-btn is-background-color-accent" data-settings='{"class": "buttonProps"}'>#}
  73.                                                     {#<i class="fal fa-pencil icon-before"></i>#}
  74.                                                     {#{{ 'Apply'|trans }}#}
  75.                                                 {#</a>#}
  76.                                             {#{% else %}#}
  77.                                                 {#<a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"#}
  78.                                                    {#title="{{ 'Apply'|trans }}" class="is-btn is-background-color-accent{% if not is_mobile() %} apply-btn_modal{% endif %}"#}
  79.                                                    {#data-settings='{"class": "buttonProps"}'>#}
  80.                                                     {#<i class="fal fa-pencil icon-before"></i>#}
  81.                                                     {#{{ 'Apply'|trans }}#}
  82.                                                 {#</a>#}
  83.                                             {#{% endif %}#}
  84.                                             {#{% if feature('feature_vacancy_save_as_favorite') %}#}
  85.                                                 {#<span class="d-none" data-is-favorited="true">#}
  86.                                                 {#<i class="fal fa-times icon-before"></i>#}
  87.                                                 {#<span>{{ 'Delete'|trans }} {{ 'as favorite'|trans }}</span>#}
  88.                                             {#</span>#}
  89.                                                 {#<span class="d-none" data-is-favorited="false">#}
  90.                                                 {#<i class="fal fa-star icon-before"></i>#}
  91.                                                 {#<span>{{ 'Save as favorite'|trans }}</span>#}
  92.                                             {#</span>#}
  93.                                                 {#<a href="javascript:void(0)" class="is-btn is-btn--link favourite favorite-add favorite-vacancy"></a>#}
  94.                                             {#{% endif %}#}
  95.                                             {#{% include 'pages/partials/vacancy_detail_sharing.html.twig' %}#}
  96.                                         {#</div>#}
  97.                                     {#{% endif %}#}
  98.                                 {#</div>#}
  99.                             {#</div>#}
  100.                         {#</div>#}
  101.                     {#</div>#}
  102.                 {#</div>#}
  103.             {#</div>#}
  104.         {#</div>#}
  105.         {#<div class="row">#}
  106.             {#<main class="col-12 col-lg-8">#}
  107.                 {#<div class="card">#}
  108.                     {#<div class="card-body">#}
  109.                         {#{% include 'pages/blocks/inavailable_message.html.twig' %}#}
  110.                         {#{% if config_setting('site_vacancy_intro_visible_on_detail') %}#}
  111.                             {#{{ vacancy.intro|raw }}#}
  112.                         {#{% endif %}#}
  113.                         {#{{ vacancy|vacancy_description|raw }}#}
  114.                         {#{% if vacancy.canApply %}#}
  115.                             {#<div class="button-set h-align h-align-left">#}
  116.                                 {#{% if vacancy.externalUrl %}#}
  117.                                     {#<a target="_blank" href="{{ vacancy.externalUrl }}" title="{{ 'Apply'|trans }}"#}
  118.                                        {#class="is-btn is-background-color-accent" data-settings='{"class": "buttonProps"}'>#}
  119.                                         {#<i class="fal fa-pencil icon-before"></i>#}
  120.                                         {#{{ 'Apply'|trans }}#}
  121.                                     {#</a>#}
  122.                                 {#{% else %}#}
  123.                                     {#<a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}" title="{{ 'Apply'|trans }}"#}
  124.                                        {#class="is-btn is-background-color-accent{% if not is_mobile() %} apply-btn_modal{% endif %}" data-settings='{"class": "buttonProps"}'>#}
  125.                                         {#<i class="fal fa-pencil icon-before"></i>#}
  126.                                         {#{{ 'Apply'|trans }}#}
  127.                                     {#</a>#}
  128.                                 {#{% endif %}#}
  129.                             {#</div>#}
  130.                         {#{% endif %}#}
  131.                     {#</div>#}
  132.                 {#</div>#}
  133.             {#</main>#}
  134.             {#<aside class="col-12 col-lg-4">#}
  135.                 {#{% if vacancy.startDate and vacancy.endDate or vacancy.youtube %}#}
  136.                     {#<div class="widget widget--vac-info card">#}
  137.                         {#<div class="card-body">#}
  138.                             {#<h3>{{ 'Vacancy information'|trans }}</h3>#}
  139.                             {#{% if vacancy.startDate and vacancy.endDate %}#}
  140.                                 {#<ul>#}
  141.                                     {#{% if vacancy.startDate %}#}
  142.                                         {#<li><i class="far fa-calendar-alt"></i>{{ 'Open since'|trans }} {{ vacancy.startDate|date('d-m-Y') }}</li>#}
  143.                                     {#{% endif %}#}
  144.                                     {#{% if vacancy.endDate %}#}
  145.                                         {#<li>#}
  146.                                             {#<i class="far fa-hourglass-start"></i>{{ 'Closing date'|trans }} {{ vacancy.endDate|date('d-m-Y') }}#}
  147.                                         {#</li>#}
  148.                                     {#{% endif %}#}
  149.                                 {#</ul>#}
  150.                             {#{% endif %}#}
  151.                             {#{% if vacancy.youtube is not empty %}#}
  152.                                 {#<div class="embed-responsive embed-responsive-16by9">#}
  153.                                     {#<iframe class="embed-responsive-item" src="{{ vacancy.youtube|youtube }}"#}
  154.                                             {#allowfullscreen></iframe>#}
  155.                                 {#</div>#}
  156.                             {#{% endif %}#}
  157.                         {#</div>#}
  158.                     {#</div>#}
  159.                 {#{% endif %}#}
  160.                 {#<div class="widget widget--office card">#}
  161.                     {#<div class="card-body">#}
  162.                         {#<h3>{{ vacancy.company.name }}</h3>#}
  163.                         {#{% if vacancy.address and vacancy.zipcode and vacancy.city %}#}
  164.                             {#<p>#}
  165.                                 {#{{ vacancy.address }} <br>#}
  166.                                 {#{{ vacancy.zipcode }}, {{ vacancy.city }}#}
  167.                             {#</p>#}
  168.                         {#{% else %}#}
  169.                             {#{% if vacancy.company.address and vacancy.company.zipcode and vacancy.company.city %}#}
  170.                                 {#<p>#}
  171.                                     {#{{ vacancy.company.address }} <br>#}
  172.                                     {#{{ vacancy.company.zipcode }}, {{ vacancy.company.city }}#}
  173.                                 {#</p>#}
  174.                             {#{% endif %}#}
  175.                         {#{% endif %}#}
  176.                         {#{% if feature('feature_vacancy_more_info') %}#}
  177.                             {#<ul>#}
  178.                                 {#<li>#}
  179.                                     {#<a href="#" title="{{ 'More vacancies of'|trans }} {{ vacancy.company.name }}">#}
  180.                                         {#<i class="far fa-list"></i>{{ 'More vacancies of establishment / office'|trans }}#}
  181.                                     {#</a>#}
  182.                                 {#</li>#}
  183.                                 {#<li>#}
  184.                                     {#<a href="#" title="{{ 'Employees speaking'|trans }}">#}
  185.                                         {#<i class="fal fa-users"></i>{{ 'Employees speaking'|trans }}#}
  186.                                     {#</a>#}
  187.                                 {#</li>#}
  188.                                 {#<li>#}
  189.                                     {#<a href="{{ getCompanyDetailPath(vacancy.company) }}"#}
  190.                                        {#title="{{ 'More information'|trans }}">#}
  191.                                         {#<i class="fal fa-info-circle"></i>{{ 'More information'|trans }}#}
  192.                                     {#</a>#}
  193.                                 {#</li>#}
  194.                             {#</ul>#}
  195.                         {#{% endif %}#}
  196.                     {#</div>#}
  197.                 {#</div>#}
  198.                 {#{% if vacancy.recruiter %}#}
  199.                     {#<div class="widget widget--recruiter card">#}
  200.                         {#<div class="card-body">#}
  201.                             {#<div class="row">#}
  202.                                 {#<div class="recruiter-img col-12 col-sm-3 col-lg-12 col-xl-4">#}
  203.                                     {#<img loading="lazy" src="{{ vich_uploader_asset(vacancy.recruiter, 'picture') }}"#}
  204.                                          {#alt="{{ vacancy.recruiter.firstname }} {{ vacancy.recruiter.lastname }}">#}
  205.                                 {#</div>#}
  206.                                 {#<div class="recruiter-info col-12 col-sm-9 col-lg-12 col-xl-8">#}
  207.                                     {#<h3>{{ 'For more information'|trans }}</h3>#}
  208.                                     {#<p>#}
  209.                                         {#<span>{{ vacancy.recruiter.firstname }} {{ vacancy.recruiter.lastname }}</span><br>#}
  210.                                         {#{{ vacancy.recruiter.email }}<br>#}
  211.                                         {#{{ vacancy.recruiter.phone }}#}
  212.                                         {#{% if config_setting('site_vacancy_show_whatsapp_button_recruiters') %}#}
  213.                                             {#{% if is_mobile() %}#}
  214.                                                 {#<a href="https://api.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}" title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>#}
  215.                                             {#{% else %}#}
  216.                                                 {#<a href="https://web.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}" title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>#}
  217.                                             {#{% endif %}#}
  218.                                         {#{% endif %}#}
  219.                                     {#</p>#}
  220.                                 {#</div>#}
  221.                             {#</div>#}
  222.                         {#</div>#}
  223.                     {#</div>#}
  224.                 {#{% endif %}#}
  225.                 {#<div class="widget widget--sm widget--sm__default text-center">#}
  226.                     {#{% if config_setting('site_social_facebook') %}#}
  227.                         {#<a href="{{ config_setting('site_social_facebook') }}" title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Facebook" target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a>#}
  228.                     {#{% endif %}#}
  229.                     {#{% if config_setting('site_social_twitter') %}#}
  230.                         {#<a href="{{ config_setting('site_social_twitter') }}" title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Twitter" target="_blank"><i class="fab fa-fw fa-x-twitter"></i></a>#}
  231.                     {#{% endif %}#}
  232.                     {#{% if config_setting('site_social_linkedin') %}#}
  233.                         {#<a href="{{ config_setting('site_social_linkedin') }}" title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} LinkedIn" target="_blank"><i class="fab fa-fw fa-linkedin-in"></i></a>#}
  234.                     {#{% endif %}#}
  235.                     {#{% if config_setting('site_social_youtube') %}#}
  236.                         {#<a href="{{ config_setting('site_social_youtube') }}" title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Youtube" target="_blank"><i class="fab fa-fw fa-youtube"></i></a>#}
  237.                     {#{% endif %}#}
  238.                     {#{% if config_setting('site_social_instagram') %}#}
  239.                         {#<a href="{{ config_setting('site_social_instagram') }}" title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Instagram" target="_blank"><i class="fab fa-fw fa-instagram"></i></a>#}
  240.                     {#{% endif %}#}
  241.                 {#</div>#}
  242.             {#</aside>#}
  243.             {#{% if feature('feature_vacancy_related_vacancies') and relatedVacancies is not empty %}#}
  244.                 {#<div class="col-12">#}
  245.                     {#<div class="component component--related-vacancies">#}
  246.                         {#<h2>{{ 'Related vacancies'|trans }}</h2>#}
  247.                         {#<div class="row">#}
  248.                             {#{% for vacancy in relatedVacancies[:3] %}#}
  249.                                 {#<div class="col-12 {% if not loop.first %}col-md-6 {% endif %}col-lg-4 flex-same-height-item">#}
  250.                                     {#<div data-component="Favorite" data-vacancy-id="{{ vacancy.id }}"#}
  251.                                          {#class="card vacancy__first-version">#}
  252.                                         {#<div class="card-body">#}
  253.                                             {#<div class="vacancy">#}
  254.                                                 {#<div class="vacancy-top">#}
  255.                                                     {#<div class="vacancy-title">#}
  256.                                                         {#<a title="{{ vacancy.title }}"#}
  257.                                                            {#href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}">#}
  258.                                                             {#<h3>{{ vacancy.title }}</h3>#}
  259.                                                         {#</a>#}
  260.                                                     {#</div>#}
  261.                                                     {#<div class="vacancy-badges">#}
  262.                                                         {#{% if vacancy.new %}#}
  263.                                                             {#<span class="badge badge--new">#}
  264.                                                                 {#<p>{{ 'New'|trans }}</p>#}
  265.                                                             {#</span>#}
  266.                                                         {#{% endif %}#}
  267.                                                         {#{% if vacancy.featured %}#}
  268.                                                             {#<span class="badge badge--topvacancy">#}
  269.                                                                 {#<p>{{ 'Featured vacancy'|trans }}</p>#}
  270.                                                             {#</span>#}
  271.                                                         {#{% endif %}#}
  272.                                                     {#</div>#}
  273.                                                 {#</div>#}
  274.                                                 {#<div class="vacancy-body" data-format="IntroFormatter">#}
  275.                                                     {#{{ vacancy.intro[:config_setting('site_vacancy_intro_character_limit')|default(200)]|raw }}{{ vacancy.intro|length > config_setting('site_vacancy_intro_character_limit')|default(200) ? '...' : '' }}#}
  276.                                                 {#</div>#}
  277.                                                 {#<div class="vacancy-footer">#}
  278.                                                     {#<div data-format="FooterFormatter" class="vacancy-options">#}
  279.                                                         {#<ul>#}
  280.                                                             {#{% if config_setting('site_vacancy_show_location') %}#}
  281.                                                                 {#<li><i class="fas fa-map-marker"></i> {{ vacancy.city }}</li>#}
  282.                                                             {#{% endif %}#}
  283.                                                             {#{% for optionValue in vacancy.optionValues %}#}
  284.                                                                 {#<li>#}
  285.                                                                     {#<i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}#}
  286.                                                                 {#</li>#}
  287.                                                             {#{% endfor %}#}
  288.                                                         {#</ul>#}
  289.                                                     {#</div>#}
  290.                                                     {#<a href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}"#}
  291.                                                        {#title="{{ vacancy.title }}"#}
  292.                                                        {#class="is-btn is-btn-small show-vacancy-btn">#}
  293.                                                         {#{{ 'Show vacancy'|trans }}<i class="far fa-angle-right icon-after"></i>#}
  294.                                                     {#</a>#}
  295.                                                 {#</div>#}
  296.                                             {#</div>#}
  297.                                         {#</div>#}
  298.                                     {#</div>#}
  299.                                 {#</div>#}
  300.                             {#{% endfor %}#}
  301.                         {#</div>#}
  302.                     {#</div>#}
  303.                 {#</div>#}
  304.             {#{% endif %}#}
  305.         {#</div>#}
  306.     {#</div>#}
  307. {#{% endblock %}#}