templates/application/whileresume/application/jobs/layout-social.html.twig line 10

Open in your IDE?
  1. {# ═══════════════════════════════════════════════════════════════════
  2.    LAYOUT SOCIAL — Pages d'offres (publiques + connectées)
  3.    Reprend le layout sociala : header noir + sidebar gauche.
  4.    - Right-chat retiré (vide par défaut, peut être overridé via block right_sidebar)
  5.    - Sidebar nav remplacée par sidebar.html.twig (publique-friendly)
  6. ═══════════════════════════════════════════════════════════════════ #}
  8. {% set connectUser = false %}
  9. {% set isCandidateUser = false %}
  10. {% if app.user is not null %}
  11.     {% set connectUser = true %}
  12.     {% if app.user.candidate is not null %}
  13.         {% set isCandidateUser = true %}
  14.     {% endif %}
  15. {% endif %}
  17. {% set pathAbsolute = app.request.schemeAndHttpHost ~ app.request.requestUri %}
  18. {% set paramTool = getCoreToolsList("blog") %}
  19. {% set logo = paramTool['logo'] %}
  20. {% set logo_width = paramTool['logo_width'] %}
  21. {% set logo_height = paramTool['logo_height'] %}
  22. {% set logoMobile = paramTool['logomobile'] %}
  23. {% set logoMobile_width = paramTool['logomobile_width'] %}
  24. {% set logoMobile_height = paramTool['logomobile_height'] %}
  26. {% if app.request.locale != "fr" %}
  27.     {% set twitter = paramTool['twitter'] %}
  28.     {% set facebook = paramTool['facebook'] %}
  29.     {% set instagram = paramTool['instagram'] %}
  30.     {% set youtube = paramTool['youtube'] %}
  31.     {% set linkedin = paramTool['linkedin'] %}
  32. {% else %}
  33.     {% set twitter = paramTool['twitter_fr'] %}
  34.     {% set facebook = paramTool['facebook_fr'] %}
  35.     {% set instagram = paramTool['instagram_fr'] %}
  36.     {% set youtube = paramTool['youtube_fr'] %}
  37.     {% set linkedin = paramTool['linkedin_fr'] %}
  38. {% endif %}
  40. {% set favicon = paramTool['favicon'] %}
  41. {% set websitename = paramTool['websitename'] %}
  42. {% set htmlTrack = paramTool['htmltrack'] %}
  43. {% set htmlTrack2 = paramTool['htmltrack2'] %}
  44. {% set domain = paramTool['absolute_domain'] %}
  45. {% set lang = paramTool['lang_HTML'] %}
  46. {% set ios = paramTool['link_ios_fr'] %}
  47. {% set android = paramTool['link_android_fr'] %}
  48. {% if app.request.locale != "fr" %}
  49.     {% set ios = paramTool['link_ios_us'] %}
  50.     {% set android = paramTool['link_android_us'] %}
  51. {% endif %}
  53. <!DOCTYPE html>
  54. <html class="no-js" lang="{{ lang }}">
  55. <head>
  56.     <meta charset="utf-8">
  57.     <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
  58.     <title>{% block title %}{% endblock title %}</title>
  59.     <meta name="language" content="{{ lang }}" />
  60.     <meta name="copyright" content="{{ websitename }}" />
  61.     <meta name="robots" content="{% block robots %}index,follow{% endblock robots %}" />
  62.     <meta name="description" content="{% block description %}{% endblock description %}" />
  63.     <meta name="viewport" content="initial-scale=1.0" />
  64.     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=6, minimum-scale=1, minimal-ui" />
  65.     {% block meta_social %}{% endblock meta_social %}
  66.     {% block meta %}{% endblock meta %}
  67.     {% block head %}{% endblock head %}
  68.     {% block canonical %}{% include "components/canonical.html.twig" with {'path':pathAbsolute} %}{% endblock canonical %}
  69.     {% include "components/dns-prefetch.html.twig" %}
  70.     {% include "components/favicon.html.twig" with {'favicon':favicon} %}
  72.     <link rel="stylesheet" href="/assets/sociala/css/themify-icons.css" />
  73.     <link rel="stylesheet" href="/assets/sociala/css/feather.css" />
  74.     <link rel="stylesheet" href="/assets/sociala/css/style.css" />
  75.     <link rel="stylesheet" href="/assets/sociala/css/emoji.css" />
  76.     <link rel="stylesheet" href="/assets/sociala/css/lightbox.css" />
  78.     {% block css %}{% endblock css %}
  80.     <script src="/bundles/fosjsrouting/js/router.min.js"></script>
  81.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  83.     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17987523659"></script>
  84.     <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-17987523659');</script>
  86.     {% block js %}{% endblock js %}
  87.     {{ htmlTrack|raw }}
  88. </head>
  90. <body class="color-theme-purple mont-font">
  91. <div class="preloader"></div>
  92. <div class="main-wrapper">
  94.     {# ═══════════════════════════════════════════════════════════════
  95.        NAV-HEADER — bandeau noir du haut (identique sociala)
  96.     ═══════════════════════════════════════════════════════════════ #}
  97.     <div class="nav-header bg-white shadow-xs border-0">
  98.         <div class="nav-top">
  99.             <a href="{% if app.request.locale == "en" %}{{ path('whileresume_homepage') }}{% else %}{{ path('locale_whileresume_homepage',{'_locale':app.request.locale}) }}{% endif %}">
  100.                 <img src="/uploads/logo.png" style="width:180px;" alt="{{ websitename }}" />
  101.             </a>
  102.             {% if connectUser %}
  103.                 <a href="#" class="mob-menu ms-auto me-2 chat-active-btn">
  104.                     <i class="feather-message-circle text-grey-900 font-sm btn-round-md bg-greylight"></i>
  105.                 </a>
  106.             {% endif %}
  107.             <button class="nav-menu me-0 ms-2"></button>
  108.         </div>
  110.         <a href="{% if app.request.locale == "en" %}{{ path('whileresume_homepage') }}{% else %}{{ path('locale_whileresume_homepage',{'_locale':app.request.locale}) }}{% endif %}" class="p-2 text-center ms-3 menu-icon center-menu-icon">
  111.             <i class="feather-home font-lg bg-greylight btn-round-lg theme-dark-bg text-grey-500"></i>
  112.         </a>
  113.         <a href="{{ ios }}" class="p-2 text-center menu-icon center-menu-icon">
  114.             <i class="feather-ios font-lg bg-greylight btn-round-lg theme-dark-bg text-grey-500">
  115.                 <svg style="margin-top:-4px;" fill="#adb5bc" width="25px" height="25px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.71 19.5C17.88 20.74 17 21.95 15.66 21.97C14.32 22 13.89 21.18 12.37 21.18C10.84 21.18 10.37 21.95 9.09997 22C7.78997 22.05 6.79997 20.68 5.95997 19.47C4.24997 17 2.93997 12.45 4.69997 9.39C5.56997 7.87 7.12997 6.91 8.81997 6.88C10.1 6.86 11.32 7.75 12.11 7.75C12.89 7.75 14.37 6.68 15.92 6.84C16.57 6.87 18.39 7.1 19.56 8.82C19.47 8.88 17.39 10.1 17.41 12.63C17.44 15.65 20.06 16.66 20.09 16.67C20.06 16.74 19.67 18.11 18.71 19.5ZM13 3.5C13.73 2.67 14.94 2.04 15.94 2C16.07 3.17 15.6 4.35 14.9 5.19C14.21 6.04 13.07 6.7 11.95 6.61C11.8 5.46 12.36 4.26 13 3.5Z"/></svg>
  116.             </i>
  117.         </a>
  118.         <a href="{{ android }}" class="p-2 text-center menu-icon center-menu-icon">
  119.             <i class="feather-android font-lg bg-greylight btn-round-lg theme-dark-bg text-grey-500">
  120.                 <svg style="margin-top:-4px; margin-left:7px;" height="20px" width="20px" viewBox="0 0 512 512"><g><path style="fill:#3A9BC8;" d="M225.656,256.052L14.016,485.451l-6.442,7.052c-4.005-5.919-6.704-12.972-7.313-20.806C0.087,470.305,0,468.91,0,467.518V44.499c0-9.488,2.873-18.02,7.574-24.987L225.656,256.052z"/><path style="fill:#9BCD83;" d="M320.811,152.8l-95.155,103.253L7.574,19.512C19.936,1.405,45.183-6.342,66.6,6.02L320.811,152.8z"/><path style="fill:#EEB84C;" d="M455.056,257.27c-0.348,14.453-7.748,28.904-22.113,37.174l-112.132,64.771l-95.155-103.163L320.811,152.8l70.518,40.745l41.614,24.026C448.178,226.366,455.579,241.861,455.056,257.27z"/><path style="fill:#B43F70;" d="M7.591,492.492c12.368,18.116,37.599,25.838,58.976,13.496L320.775,359.22l-95.156-103.209L7.591,492.492z"/></g></svg>
  121.             </i>
  122.         </a>
  124.         {# ── Bouton à droite : si connecté = chat icon + avatar, sinon = "Se connecter" ── #}
  125.         {% if connectUser %}
  126.             <a href="#" class="p-2 text-center ms-auto menu-icon chat-active-btn">
  127.                 <i class="feather-message-square font-xl text-current"></i>
  128.             </a>
  129.             {% set profileRoute = isCandidateUser ? 'cvs_gestion_candidates_dashboard' : 'cvs_gestion_enterprises_profile_profile' %}
  130.             {% set localeProfileRoute = isCandidateUser ? 'locale_cvs_gestion_candidates_dashboard' : 'locale_cvs_gestion_enterprises_profile_profile' %}
  131.             <a href="{% if app.request.locale == 'en' %}{{ path(profileRoute) }}{% else %}{{ path(localeProfileRoute,{'_locale':app.request.locale}) }}{% endif %}" class="p-0 ms-3 menu-icon">
  132.                 <img src="/uploads/no_avatar.png" alt="user" class="w40 mt--1">
  133.             </a>
  134.         {% else %}
  135.             <a href="{% if app.request.locale == 'en' %}{{ path('app_login') }}{% else %}{{ path('locale_app_login',{'_locale':app.request.locale}) }}{% endif %}"
  136.                class="ms-auto me-2 px-3 py-2 d-inline-flex align-items-center fw-600 font-xssss text-white"
  137.                style="background:#000;border-radius:10px;text-decoration:none;">
  138.                 <i class="feather-log-in me-2"></i>
  139.                 <span class="d-none d-md-inline">{{ 'layout.signin'|trans({}, 'whr-public') }}</span>
  140.             </a>
  141.         {% endif %}
  142.     </div>
  144.     {# ═══════════════════════════════════════════════════════════════
  145.        SIDEBAR GAUCHE NAV (sociala-style) — toujours présente
  146.     ═══════════════════════════════════════════════════════════════ #}
  147.     {% include "application/whileresume/application/jobs/sidebar.html.twig" %}
  149.     {# ═══════════════════════════════════════════════════════════════
  150.        MAIN CONTENT — pleine largeur (right-chat-active = pas de padding-right)
  151.        Comme ça la sidebar custom dans le block body peut prendre la place.
  152.     ═══════════════════════════════════════════════════════════════ #}
  153.     <div class="main-content right-chat-active">
  154.         <div class="middle-sidebar-bottom">
  155.             <div class="middle-sidebar-left">
  156.                 {% block body %}{% endblock body %}
  157.             </div>
  158.         </div>
  159.     </div>
  161.     {% block right_sidebar %}{% include "application/whileresume/application/jobs/right-sidebar.html.twig" %}{% endblock right_sidebar %}
  163.     <div class="app-header-search">
  164.         <form class="search-form">
  165.             <div class="form-group searchbox mb-0 border-0 p-1">
  166.                 <input type="text" class="form-control border-0" placeholder="{{ 'layout.search.placeholder'|trans({}, 'whr-public') }}">
  167.                 <i class="input-icon">
  168.                     <ion-icon name="search-outline" role="img" class="md hydrated" aria-label="search outline"></ion-icon>
  169.                 </i>
  170.                 <a href="#" class="ms-1 mt-1 d-inline-block close searchbox-close">
  171.                     <i class="ti-close font-xs"></i>
  172.                 </a>
  173.             </div>
  174.         </form>
  175.     </div>
  176. </div>
  178. <script src="/assets/sociala/js/plugin.js"></script>
  179. <script src="/assets/sociala/js/lightbox.js"></script>
  180. <script src="/assets/sociala/js/scripts.js"></script>
  181. {% include "components/flashmessage.html.twig" %}
  182. {% block footer_js %}{% endblock footer_js %}
  183. {% block footerjs %}{% endblock footerjs %}
  184. {{ htmlTrack2|raw }}
  185. </body>
  186. </html>