templates/web/default/career.html.twig line 165

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{ 'career.title'|trans }}{% endblock %}
  4. {% block keywords %}{{ 'career.keywords' | trans }}{% endblock %}
  5. {% block description %}{{ 'career.metaDescription' | trans }}{% endblock %}
  7. {% trans_default_domain 'web' %}
  8. {% block javascripts %}
  9. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js"></script>
  12. <script>
  13. $(document).ready(function () {
  15. let $grid = $('.qodef-pl-inner').isotope({
  16. itemSelector: '.qodef-pl-item',
  17. layoutMode: 'fitRows'
  18. });
  20. $('body').on('change', '#filter-shop', function () {
  21. $('.qodef-pl-filter').removeClass('active');
  22. if($(this).val() === "0"){
  23. $grid.isotope({ filter: "*" });
  24. }else {
  25. $grid.isotope({filter: '.store_' + $(this).val()});
  26. }
  27. history.pushState(null, null, window.location.pathname);
  29. }).on('click', '.qodef-pl-filter', function () {
  30. var category = $(this).data('filter');
  31. if (category === 'all') {
  32. $grid.isotope({filter: "*"}); // Zobrazit všechna data
  33. } else {
  34. $grid.isotope({filter: category}); // Použít filtrovací kategorii
  35. }
  37. $('.qodef-pl-filter').removeClass('active');
  38. $('.qodef-pl-filter[data-filter="' + category + '"]').addClass('active');
  40. // Přidání cesty do URL
  41. var newUrl = window.location.pathname + '?filter=' + category;
  42. history.pushState(null, null, newUrl);
  43. })
  44. });
  45. </script>
  47. {% endblock %}
  48. {% block body %}
  49. {{ include('web/core/header.html.twig') }}
  50. <div class="qodef-content career">
  51. <div class="qodef-content-inner">
  52. <div class="qodef-full-width">
  53. <div class="qodef-full-width-inner">
  54. <div class="qodef-grid-row">
  55. <div class="qodef-page-content-holder qodef-grid-col-12">
  56. <div class="qodef-row-grid-section-wrapper ">
  57. <div class="qodef-row-grid-section">
  58. <div class="vc_row wpb_row vc_row-fluid">
  59. <div class="wpb_column vc_column_container vc_col-sm-12">
  60. <div class="vc_column-inner">
  61. <div class="wpb_wrapper">
  62. <div class="qodef-title-holder qodef-breadcrumbs-type qodef-title-full-width qodef-title-va-header-bottom breadcrumb">
  63. <div itemprop="breadcrumb" class="qodef-breadcrumbs">
  64. <a itemprop="url" href="{{ path('app_web_homepage') }}">Home</a>
  65. <span class="qodef-delimiter">&nbsp; / &nbsp</span>
  66. <a itemprop="url" href="{{ path('app_web_career') }}">{{ 'career.title'|trans }}</a>
  67. </div>
  68. <div class="qodef-section-title-holder" style="text-align: center; padding-bottom: 50px !important;">
  69. <div class="qodef-st-inner">
  70. <h1 class="qodef-st-title">{{ 'career.title'|trans }}</h1>
  71. <div class="qodef-portfolio-list-holder qodef-grid-list qodef-pl-gallery qodef-four-columns qodef-medium-space qodef-pl-gallery-overlay qodef-pl-pag-load-more qodef-pl-has-filter" style="margin-top: 40px;">
  72. <div class="qodef-pl-filter-holder">
  73. <div class="qodef-plf-inner">
  74. <ul>
  75. <li class="qodef-pl-filter" data-filter="">
  76. <span>{{ 'all'|trans }}</span>
  77. </li>
  78. <li class="qodef-pl-filter" data-filter=".type-hpp">
  79. <span>HPP</span>
  80. </li>
  81. <li class="qodef-pl-filter" data-filter=".type-dpc">
  82. <span>DPČ</span>
  83. </li>
  84. <li class="qodef-pl-filter" data-filter=".type-dpp">
  85. <span>DPP</span>
  86. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. <div class="select-store">
  92. <select id="filter-shop">
  93. <option selected value="0">{{ 'selectStore'|trans }}</option>
  94. {% if careers|length > 0 %}
  95. {% set duplicate = [] %}
  96. {% for c in careers|sort((a, b) => a.store.getName() <=> b.store.getName()) %}
  97. {% if c.store.getName() not in duplicate %}
  98. <option value="{{ c.store.id }}">{{ c.store.getName() }}</option>
  99. {% set duplicate = duplicate|merge([c.store.getName()]) %}
  100. {% endif %}
  102. {% endfor %}
  103. {% endif %}
  104. </select>
  105. </div>
  106. <div class="qodef-pl-inner qodef-outer-space clearfix career-detail">
  108. {% if careers|length > 0 %}
  109. {% for c in careers %}
  111. <article class="qodef-pl-item qodef-item-space portfolio-item type-portfolio-item type-{{ c.type }} store_{{ c.store.id }}">
  112. <div class="qodef-pl-item-inner">
  113. <div class="career-detail__image">
  114. {% if c.store.logo is not null %}
  115. <img src="{{ vich_uploader_asset(c.store, 'logoFile')| imagine_filter('thumb300') }}" alt="{{ c.store.getName() }}">
  116. {% endif %}
  117. </div>
  118. <div class="career-detail__content">
  119. <h2 class="career-detail__shop">
  120. {{ c.store.getName() }}
  121. </h2>
  122. <h4 class="career-detail__title">
  123. {{ c.getName() }}
  124. </h4>
  125. <p class="career-detail__date">
  126. {{ c.datePublic|date('d. m. Y') }}
  127. </p>
  128. </div>
  129. <div class="qodef-pli-text-holder">
  130. <div class="qodef-pli-text-wrapper">
  131. <div class="qodef-pli-text">
  132. <h5 itemprop="name" class="qodef-pli-title entry-title">{{ 'showMore'|trans }}</h5>
  133. </div>
  134. </div>
  135. </div>
  136. <a itemprop="url" class="qodef-pli-link qodef-block-drag-link" href="{{ path('app_web_career_detail',{'career':c.getSlug()}) }}" target="_self"></a>
  137. </div>
  138. </article>
  139. {% endfor %}
  140. {% endif %}
  142. </div>
  143. </div>
  144. <div class="qodef-st-text" style="margin-top: 25px">{{'career.description' | trans | raw }}</div>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="career-video">
  149. <iframe src="https://www.youtube.com/embed/rwgpLZLvVjQ?si=hGY4zi2YdXrZz25v" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  150. <iframe src="https://www.youtube.com/embed/sljLivdSfc8?si=klTP2_v6zmKIc_wg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  151. <iframe src="https://www.youtube.com/embed/DOtNy6ZjTsM?si=IjuH0BFIifh2VGie" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  152. <iframe src="https://www.youtube.com/embed/OEGKRy5SOoo?si=p8WKjqEwO4GGbWM8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  164. </div>
  165. {{ include('web/core/gift-card.html.twig') }}
  166. </div>
  167. </div>
  168. {{ include('web/core/footer.html.twig') }}
  169. {% endblock %}