templates/offre-emploi/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title -%}
  4. {% autoescape false -%}
  5.     {%- apply spaceless -%}
  6.         {% if etablissement -%}
  7.             Offre Emploi
  8.             {% if form.vars.value.libelle is defined and form.vars.value.libelle is not empty %} - {{ form.vars.value.libelle }}
  9.             {% endif %} - {{ etablissement.denomination|striptags }}
  10.             {% set quoi = etablissement.categoriePrimaire|categorie2quoi %}
  11.             {%- if quoi %} - {{ quoi.rubrique.libelle }}
  12.             {% endif -%}
  13.             {%- if etablissement.ville %} - {{ etablissement.ville|lieuLibelle }}
  14.                 {%- if etablissement.ville.departement %} - {{ etablissement.ville.departement|lieuLibelle }}
  15.                 {% endif %}
  16.             {%- endif %} - enseignement-prive.info
  17.         {%- else -%}
  18.             {{- block('h1') }} - Annuaire Enseignement-Privé
  19.         {%- endif -%}
  20.     {%- endapply -%}
  21. {%- endautoescape -%}    
  22. {%- endblock -%}
  24. {% block description %}Enseignement-prive.info met à votre disposition une liste d'offres d'emplois spécialisés dans l'enseignement privé
  25. {% endblock %}
  27. {% block body %}
  28. <section class="container page-offres">
  29.     <div id="breadcrumb">
  30.         {% include 'offre-emploi/_includes/breadcrumb.html.twig' with {
  31.             'lieu' : lieu,
  32.         }
  33.             only %}
  34.     </div>
  35.     <div class="title mb-4">
  36.         {%- apply spaceless -%}
  37.             {%- autoescape false -%}
  38.                 <h1>
  39.                     {%- block h1 -%}
  40.                         {%- if offres is defined -%}
  41.                             {{offres.getTotalItemCount > 1 ? offres.getTotalItemCount ~ ' offres d\'emploi' : 'Offres d\'emploi' -}}
  42.                         {%- else -%}
  43.                             Offres d'emploi
  44.                         {%- endif -%}
  45.                     {%- endblock -%}
  46.                 </h1>
  47.                 <div class="triangle-defaut"></div>
  48.             {%- endautoescape -%}
  49.         {%- endapply -%}
  50.     </div>
  51.     <div class="w-100 d-md-block d-lg-none pb-4">
  52.         {% include 'actualite-etablissement/_includes/search-options.html.twig' with { type: 'mobile'} %}
  53.     </div>
  54.     <div class="wrap">
  55.         <section>
  56.             {% if offres|length %}
  57.                 {% for offre in offres %}
  59.                 {% set imgAlt = [
  60.                 offre.etablissement.codePostal,
  61.                 (offre.etablissement.ville ? offre.etablissement.ville.libelle : ''),
  62.                 offre.etablissement.denomination,
  63.                 ]|join(' - ')|trim(' -') %}
  65.                     <article>
  66.                         <figure class="resize">
  67.                             {% if offre.etablissement.isClient and offre.etablissement.imagesDiaporama is not empty %}
  68.                                 {% set firstDiapo = offre.etablissement.imagesDiaporama | first %}
  69.                                 <img class="resp" src="{{ asset('images/jouve/photo/' ~ firstDiapo) | imagine_filter('diapo_list') }}" alt="{{ imgAlt }}" title="{{ imgAlt }}">
  70.                             {% else %}
  71.                                 <span class="no-logo"></span>
  72.                             {% endif %}
  73.                         </figure>
  74.                         <div class="content">
  75.                             <span class="date">
  76.                                 Posté {{ offre.dateActualisation | ago }}
  77.                             </span>
  78.                             <header>
  79.                                 {% if offre.etablissement.logo is not empty %}
  80.                                     <figure>
  81.                                         <img src="{{ vich_uploader_asset(offre.etablissement.logo, 'logoFile') | imagine_filter('etab_emploi_logo') }}" alt="{{ imgAlt }}" title="{{ imgAlt }}">
  82.                                     </figure>
  83.                                 {% endif %}
  84.                                 <div>
  85.                                     <p class="city">
  86.                                     {% if offre.contrat != "N/A" %}{{ offre.contrat }} | {% endif %}{{ offre.etablissement.ville.libelle }}
  87.                                     {% if offre.etablissement.departement %}
  88.                                          ({{ offre.etablissement.departement.id }})
  89.                                     {% endif %}
  90.                                     </p>
  91.                                 <h2>
  92.                                     <a href="{{ path('offre-emploi', {'id': offre.id}) }}" data-trace-action="{{ constant('App\\Entity\\Trace::EMPLOI') | e('html_attr') }}" data-trace-etab="{{ offre.etablissement.id | e('html_attr') }}">
  93.                                     {% if offre.profil == "N/A" %} {{ offre.libelle }} {%else%} {{ offre.profil }} {%endif%}
  94.                                     </a>
  95.                                 </h2>
  96.                                     <p>{{ offre.etablissement.denomination | u.truncate(50,  '…', true) }}</p>
  97.                                 </div>
  98.                             </header>
  99.                             <p>{{ offre.description|striptags|u.truncate(190, '…', true)|raw }}</p>
  100.                             {% if offre.etablissement is defined and offre.etablissement is not empty %}
  101.                                 <div class="w-100 d-flex">
  102.                                     <a class="see-more" href="{{ path('offre-emploi', {'id': offre.id}) }}" data-trace-action="{{ constant('App\\Entity\\Trace::EMPLOI') | e('html_attr') }}" data-trace-etab="{{ offre.etablissement.id | e('html_attr') }}">Voir & Postuler</a>
  103.                                 </div>
  104.                             {% endif %}
  105.                         </div>
  106.                     </article>
  107.                 {% endfor %}
  108.                 <div class="navigation">
  109.                     {{ knp_pagination_render(offres, 'partial/pagination.html.twig') }}
  110.                 </div>
  111.             {% else %}
  112.                 <p class="m-3 text-center">Aucune offre d'emploi ne correspond à votre requête.</p>
  113.             {% endif %}
  114.         </section>
  115.         <aside>
  116.             {% include 'actualite-etablissement/_includes/search-options.html.twig' with { type : 'aside'} %}
  117.         </aside>
  118.     </div>
  119. </section>
  120. {% endblock %}
  122. {% block data_layer %}
  123. <script>
  124. window.dataLayer = window.dataLayer || [];
  126. // 1. Contexte global de la page liste
  127. dataLayer.push({
  128.   event: "page_context",
  129.   page_type: "liste_offres_emploi",
  130.   liste_type: "emploi",
  131.   site_section: "emplois",
  133.   education_niveau: {{ (niveaux ? niveaux | join('_') : null) | json_encode(constant('JSON_UNESCAPED_UNICODE')) | raw }},
  134.   poste_type: {{ (profils ? profils | join('_') : null) | json_encode(constant('JSON_UNESCAPED_UNICODE')) | raw }},
  136.   region: null,
  137.   departement: null,
  138.   ville: null,
  139.   code_postal: null,
  141.   recherche_type: "emploi",
  142.   total_resultats: {{ offres is defined and offres ? offres.getTotalItemCount : 0 }},
  143.   numero_pagination: {{ app.request.query.get('page', 1) }}
  144. });
  146. // 2. Événement métier : affichage d’une liste d’offres d’emploi
  147. dataLayer.push({ ecommerce: null });
  148. {% set items = [] %}
  149. {% if offres is defined and offres|length %}
  150.     {% for offre in offres %}
  151.         {% set item = {
  152.             'item_id': offre.id,
  153.             'item_name': offre.profil != 'N/A' ? offre.profil.libelle : offre.libelle,
  154.             'item_category': 'offre_emploi',
  155.             'item_category2': offre.etablissement ? typeEtablissementSimple(offre.etablissement.type) : null,
  156.             'item_category3': offre.profil and offre.profil.slug ? (offre.profil.slug|lower|replace({'-': '_'}) ) : '',
  157.             'item_category4': offre.contrat != 'N/A' ? offre.contrat.libelle : null,
  158.             'location_id': offre.etablissement and offre.etablissement.ville ? offre.etablissement.ville.departement.id ~ "_" ~ offre.etablissement.codePostal ~ "_" ~ offre.etablissement.ville.slug | replace({'-': '_'}) : null,
  159.             'index': loop.index,
  160.             'etablissement_id': offre.etablissement ? offre.etablissement.id : null,
  161.             'etablissement_nom': offre.etablissement ? offre.etablissement.denomination : null,
  162.             'etablissement_segment': offre.etablissement and offre.etablissement.isClient ? 'client' : 'prospect'
  163.         } %}
  164.         {% set items = items|merge([item]) %}
  165.     {% endfor %}
  166. {% endif %}
  167. dataLayer.push({
  168.   event: "view_item_list",
  169.   ecommerce: {
  170.     item_list_id: "emplois_toutes_offres",
  171.     item_list_name: "Offres d'emploi",
  172.     items: {{ items|json_encode(constant('JSON_UNESCAPED_UNICODE'))|raw }}
  173.   }
  174. });
  175. console.log(dataLayer);
  176. </script>
  177. {% endblock %}