templates/template.html.twig line 1

Open in your IDE?
  1. {% extends 'Default/parameters.html.twig' %}
  2. {% block html %}
  3.     <!doctype html>
  4.     <html lang='{{ app.request.locale ?? "fr" }}' class='{{desktop("adapt")}}'>
  5.     <head>
  6.         <title>{{t}}</title>
  7.         <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
  8.         <meta name='description' content='{{d}}' />
  9.         <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1' />
  10.         <meta property='fb:app_id' content='798097520521275' />
  11.         <meta property='og:url' content='{{app.request.uri}}' />
  12.         <meta property='og:type' content='article' />
  13.         <meta property='og:title' content='{{t}}' data-dynamic='true' />
  14.         <meta property='og:description' content='{{d}}' data-dynamic='true' />
  15.         <meta property='og:image' content='{{w}}{{thumb}}?v=001' data-dynamic='true' />
  16.         <meta property='og:image:width' content='{{thumbnailSize.width}}' data-dynamic='true'>
  17.         <meta property='og:image:height' content='{{thumbnailSize.height}}' data-dynamic='true'>
  18.         <meta property='og:locale' content='fr_FR' />
  19.         <meta property='og:site_name' content='{{sitename}}' />
  20.         <meta property='twitter:url' content='{{app.request.uri}}' />
  21.         <meta property='twitter:card' content='summary' />
  22.         <meta property='twitter:title' content='{{t}}' />
  23.         <meta property='twitter:description' content='{{d}}' />
  24.         <meta property='twitter:image' content='{{w}}{{thumb}}' />
  25.         <link rel="icon" href="{{asset('images/favicon.ico')}}">
  26.         <link type='text/css' rel='stylesheet' href='{{asset("css/os-style.css")}}' />
  27.         <link type='text/css' rel='stylesheet' href='{{asset("css/style.css")~"?V1"}}' />
  28.         <link type='text/css' rel='stylesheet' href='{{asset("css/os-anim.css")}}' />
  29.         <link type='text/css' rel='stylesheet' href='{{asset("css/jobs.css")}}' />
  30.         <script src="https://kit.fontawesome.com/5c0ab7f24a.js" crossorigin="anonymous"></script>
  32.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"/>
  33.         {% block css %}{% endblock %}
  34.     </head>
  35.     <body>
  36.     {% block container %}
  37.         <div id='container' class='container relative w100 hoverflow'>
  38.             {% set platforms = [
  39.                 {icon:"home", "label":(isMobile() ? "" : "home"|trans), link: static.PrincipalWebsiteLink, active:false},
  40.                 {icon:"user-tie", "label":(isMobile() ? "" : "recruitment"|trans), link: path('home'), active:true},
  41.                 {icon:"briefcase", "label":(isMobile() ? "" : "provider space"|trans), link: static.ProviderWebsiteLink, active:false},
  42.             ] %}
  43.             <header id='header' class='fixed shadow left top w100 hheight transition-alt visible {{desktop("")}} {{mobile("")}}'>
  44.                 {% block header %}
  45.                     <div class="flex col h100">
  46.                         <nav class="bg-success gpadding flex row space {{desktop('gpadding')}} {{mobile('hz-20-in')}}">
  47.                             <ul class="list flex row p-alt white">
  48.                                 {% for o in platforms %}
  49.                                     <li class="{{desktop('right-30')}}">
  50.                                         <a class="iflex row middle upper {{ desktop("vt-15-in")}}{{ mobile("vt-10-in")}} {{ desktop(o.active ? 'bg-white success hz-20-in bold' : "medium hz-20-in")}}{{ mobile(o.active ? 'bg-white success hz-15-in' : "hz-15-in")}}" href="{{o.link}}">
  51.                                             <i class="fa fa-{{o.icon}} {{desktop('right-8')}}"></i>
  52.                                             {{ o.label }}
  53.                                         </a>
  54.                                     </li>
  55.                                 {% endfor %}
  56.                             </ul>
  57.                             <div class="h100 flex row middle">
  58.                                 <ul class="list flex row p-alt white">
  59.                                     {% if role.isConnected %}
  60.                                         {% if isDesktop() %}
  61.                                             <li class="{{desktop('left-30')}}">
  62.                                                 <a href="{{ path('applicant-profile') }}" class="{{ desktop("iflex") }}{{ mobile("flex") }} row middle">
  63.                                                     <i class="fa fa-account right-8"></i>
  64.                                                     {{ app.user.email }}
  65.                                                 </a>
  66.                                             </li>
  67.                                         {% endif %}
  68.                                     {% else %}
  69.                                         {% if isDesktop() %}
  70.                                             <li>
  71.                                                 <a data-target="#login-box" class="os-click {{ desktop("iflex") }}{{ mobile("flex") }} row middle medium">
  72.                                                     <i class="fa fa-user-tie right-8 {{ mobile("top-2") }}"></i>
  73.                                                     {{ "sign in"|trans }}
  74.                                                 </a>
  75.                                             </li>
  76.                                         {% endif %}
  77.                                         <li class="{{desktop('left-30')}}">
  78.                                             <a href="{{ path('applicant_register') }}" class="{{ desktop("iflex") }}{{ mobile("flex") }} row middle medium">
  79.                                                 <i class="fa fa-lock right-8"></i>
  80.                                                 {{ "sign up"|trans }}
  81.                                             </a>
  82.                                         </li>
  83.                                     {% endif %}
  84.                                 </ul>
  85.                                 <span class="{{ desktop("left-30")}}{{ mobile("left-15")}} white">
  86.                                     {% include '_locale_switcher.html.twig' %}
  87.                                 </span>
  88.                             </div>
  89.                         </nav>
  91.                         <div class='w100 bg-white h100 relative flex row space gpadding {{desktop("")}} {{mobile("")}}'>
  92.                             <a class="relative iflex row {{desktop(" vt-20-in")}} {{mobile("vt-10-in")}}" href="{{path('home')}}">
  93.                                 <figure id='logo' href='{{path("home")}}' class='relative'>
  94.                                     <img src="{{asset(os_param('logo'))}}" class='{{desktop('block')}} {{mobile('h100 absolute')}}'  style="{{desktop('height: 3.71643469vw')}}">
  95.                                 </figure>
  96.                             </a>
  98.                             {% block menu %}
  99.                                 <div class="flex row middle center {{desktop('')}}">
  100.                                     <menu id='menu' class='fill transition-alt {{desktop("h100")}} {{mobile("bg-success fixed top left htop w100 anim-display anim-from-right")}}'>
  101.                                         {{render(controller('App\\Controller\\DefaultController::menu',{activeMenu:(menu is defined ? menu)}))}}
  102.                                     </menu>
  103.                                 </div>
  104.                             {% endblock %}
  106.                             <div class="relative flex row">
  107.                                 {% if role.connected %}
  108.                                     <div class="relative">
  109.                                         <div data-target="#actions-box" class="pointer os-click adapt left-30 flex row middle h100" title="{{ "Mon profil"|trans }}">
  110.                                             <span class="vt-4-in left-15-in right-25-in {{ isDesktop() ? "bg-warning white" : "bg-gray black-alt" }} {{ desktop("shadow-alt-2") }}" style="transform: translateX(var(--15px))">{{ app.user.fName }}</span>
  111.                                             <figure class="icon {{ desktop("big")}} circle relative hoverflow shadow-alt-2 bg-warning">
  112.                                                 <div class="fill flex col middle center">
  113.                                                     <i class="fa h3 fa-user adapt white"></i>
  114.                                                 </div>
  115.                                             </figure>
  116.                                         </div>
  117.                                         <div id='actions-box' class='anim-display anim-show absolute {{ desktop("right-20") }} right ytop-100 adapt'>
  118.                                             <div class='nowrap {{desktop("padding-40")}} {{mobile("padding-20 border border-success")}} bg-white black-alt shadow-alt radius-5 flex col p adapt'>
  119.                                                 <a href='{{ path('applicant-profile') }}' class='relative adapt bottom-10'><i class='far fa-user success right-10 adapt'></i><span> {{ "Mon profil"|trans }} </span></a>
  120.                                                 <a href='{{ path('job-application') }}' class='relative adapt bottom-10'><i class='far fa-file success right-10 adapt'></i><span> {{ "Mes candidatures"|trans }} </span></a>
  122.                                                 <span class="block top-1-in vt-8 bg-gray-alt"></span>
  123.                                                 <a href='{{ path('applicant-diplomas-and-formations') }}' class='relative adapt bottom-10'><i class='far fa-file-pdf success right-10 adapt'></i><span> {{ "Mes diplômes et formations"|trans }} </span></a>
  124.                                                 <a href='{{ path('applicant-experiences') }}' class='relative adapt bottom-10'><i class='far fa-file-pdf success right-10 adapt'></i><span> {{ "Mes expériences professionnelles"|trans }} </span></a>
  125.                                                 <span class="block top-1-in vt-8 bg-gray-alt"></span>
  127.                                                 <a href='{{ path('applicant-parameters') }}' class='relative adapt bottom-10'><i class='fa fa-cog success right-10 adapt'></i><span> {{ "Mes paramètres"|trans }} </span></a>
  128.                                                 <a href='{{ path('applicant-update-profile') }}' class='relative adapt bottom-10'><i class='fa fa-pen success right-10 adapt'></i><span> {{ "Modifier mon profil"|trans }}</span></a>
  130.                                                 <span class="block top-1-in vt-8 bg-gray-alt"></span>
  131.                                                 <a href='{{ path('applicant-profile-activities') }}' class='relative adapt bottom-10'><i class='fa fa-list success right-10 adapt'></i><span> {{ "Mes actions"|trans }}</span></a>
  132.                                                 <a href='{{ path('applicant-update-profile-password') }}' class='relative adapt bottom-10'><i class='fa fa-unlock-alt success right-10 adapt'></i><span> {{ "Modifier mon mot de passe"|trans }}</span></a>
  133.                                                 <a href='{{path("applicant_logout")}}' class='relative '><i class='fa fa-sign-out-alt gray-alt right-10 adapt'></i> {{ "Se déconnecter"|trans }}</a>
  134.                                             </div>
  135.                                         </div>
  136.                                     </div>
  137.                                 {% else %}
  138.                                     <div class="flex row middle center">
  139.                                         <a data-target="#login-box" class="os-click flex row middle {{desktop('white bg-warning medium radius-5 vt-10-in hz-20-in')}}{{mobile('border border-1x border-success radius-3 vt-3-in hz-7-in p-alt')}}">
  140.                                             <i class="fa fa-user adapt {{ mobile("success") }}"></i>
  141.                                             <span class="{{ desktop("left-10")}}{{ mobile("left-8 success medium")}} nowrap">{{ static.MenuAccountButtonText }}</span>
  142.                                         </a>
  143.                                     </div>
  144.                                 {% endif %}
  145.                             </div>
  146.                         </div>
  147.                     </div>
  149.                 {% endblock header %}
  150.             </header>
  152.             {% block banner %}
  153.                 <div id='' class='relative w100 htop-in {{desktop("flex row")}} {{mobile("")}}'>
  154.                     <div id='' class='banner relative w100 {{desktop("")}} {{mobile("")}}'>
  155.                         <figure class="fill relative hoverflow">
  156.                             <img src="{{b}}" class="cover">
  157.                         </figure>
  158.                         <div class="absolute fill top left gpadding gradient-banner">
  159.                             {% block titlebox %}
  160.                                 <div class="fill relative flex col middle">
  161.                                     <h1 class="white">{{title is defined and title ? (title|raw) : "Espace recrutement"}}</h1>
  162.                                 </div>
  163.                             {% endblock %}
  164.                         </div>
  165.                     </div>
  166.                 </div>
  167.             {% endblock banner %}
  168.             {% block body %}
  169.                 <div id='content' class='bg-white content relative'>
  170.                     {% block content %}
  171.                     {% endblock content %}
  172.                 </div>
  173.             {% endblock body %}
  175.             {% if isMobile() and not home and noShare is not defined %}
  176.                 <div class='flex row middle space  bg-gray sharing-box gpadding {{desktop('vt-40-in')}} {{mobile('vt-20-in')}}'>
  177.                     <h2 class='h6 success-alt upper vt-8-in font-alt bold'>{{ "Partager cette page"|trans }}</h2>
  178.                     <div class='flex row middle success-alt'>
  179.                         {% set link = app.request.uri %}
  180.                         {% if title is not defined %}{% set title = "Site web du "~sitename %} {% endif %}
  181.                         {% set class = "iflex col middle center h2 "~ desktop('left-20')~ mobile('left-8') %}
  182.                         <a class='{{class}}' title='Partager via WhatsApp' target='_blank' href='whatsapp://send?text={{title}} => {{link}}'><i class='transition fab fa-whatsapp'></i></a>
  183.                         <a class='{{class}}' title='Partager sur Facebook' target='_blank' href='https://www.facebook.com/sharer/sharer.php?u={{link}}&t={{title}}'><i class='transition fab fa-facebook-square'></i></a>
  184.                         <a class='{{class}}' title='Partager sur Twitter' target='_blank' href='https://twitter.com/intent/tweet?text={{title}}&url={{link}}'><i class='transition fab fa-twitter'></i></a>
  185.                         <a class='{{class}}' title='Envoyer par mail' target='_blank' href='mailto:?subject={{title}}&amp;body=Je vous invite à lire cette page :  {{link}}.'><i class='transition fa fa-envelope'></i></a>
  186.                         <a class='{{class}}' title='Partager sur LinkedIn' target='_blank' href='https://www.linkedin.com/shareArticle?mini=true&url={{link}}&title={{title}}'><i class='transition fab fa-linkedin'></i></a>
  187.                     </div>
  188.                 </div>
  189.             {% endif %}
  191.             {% block footer %}
  192.                 {{ include('footer.html.twig') }}
  193.                 {#
  194.                 <footer id="footer" class="bg-success relative gpadding flex col center {{desktop('vt-60-in op-40')}} {{mobile(' text-center vt-40-in')}}">
  195.                     <figure class="relative hoverflow {{desktop('gheight gwidth')}} {{mobile('icon medium')}}">
  196.                         <img src="{{l}}" class="block contain">
  197.                     </figure>
  198.                     <div class="relative flex row center text-center {{desktop('gpadding top-20')}}{{mobile('')}}">
  199.                         <p class="white">
  200.                             © Copyright {{"now"|date('Y')}}
  201.                             <br>{{sitename}}
  202.                         </p>
  203.                     </div>
  204.                 </footer>
  205.                 #}
  206.             {% endblock footer %}
  207.         </div>
  208.     {% endblock container %}
  211.     <div id='searchBox' class='anim-display anim-show vfill fixed top left'>
  212.         <i class="block bg-success transparent fill absolute top left"></i>
  213.         <div class='hpadding fill flex row center middle'>
  214.             <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in")}} bg-white'>
  215.                 <div class='absolute top right bg-error padding-10'>
  216.                     <span data-target='#searchBox' class='block icon close contain filter-white os-click'></span>
  217.                 </div>
  218.                 <div class='w100 flex col around'>
  219.                     <div class='flex col middle top-20'>
  220.                         <h2 class='h3 success'>Faire une recherche</h2>
  221.                         <p class='h6 upper text-left top-20 bottom-20'>Produits, services, actualités, etc.</p>
  222.                         <div class='flex row'>
  223.                             <div class='bg-gray w100'>
  224.                                 <input id='searchInput' data-action='#' type='search' class='os-search block nobg border border-gray noradius h4 black vt-20-in {{desktop("hz-40-in")}} {{mobile("hz-20-in")}} block w100' placeholder='Saisissez votre recherche ici'>
  225.                             </div>
  226.                             <div class='relative flex col middle center {{desktop("")}} {{mobile("")}} vt-10-in hz-20-in bg-success'>
  227.                                 <span class='block icon small search contain filter-white os-search-btn pointer' data-target='#searchInput'></span>
  228.                             </div>
  229.                         </div>
  230.                     </div>
  231.                 </div>
  232.             </div>
  233.         </div>
  234.     </div>
  236.     <div id='login-box' class='anim-display anim-show vfill fixed top left'>
  237.         <i class="block bg-success transparent fill absolute top left"></i>
  238.         <div class='hpadding fill flex row center middle'>
  239.             <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in")}} bg-white'>
  240.                 <div class='absolute top right bg-error padding-10'>
  241.                     <span data-target='#login-box' class='block icon close contain filter-white os-click'></span>
  242.                 </div>
  243.                 <div class='w100 flex col around'>
  244.                     <div class='flex col middle top-20'>
  245.                         {{ include('security/_applicant_login_form.html.twig') }}
  246.                     </div>
  247.                 </div>
  248.             </div>
  249.         </div>
  250.     </div>
  252.     {% set notices = app.session.flashBag.get('notice') %}
  253.     {% if notices|length %}
  254.         <div class='popup show gpadding flex col middle center'>
  255.             <span class='icon contain close os-close filter-white absolute top right'></span>
  256.             {% for notice in notices %}
  257.                 <div class='flex row middle center relative bg-white hz-40-in vt-20-in '>
  258.                     <div class='flex row  success text-left'>
  259.                         <i class='fa fa-thumbs-up fa-3x top-5 right-20'></i>
  260.                         <p class='h4  black'>{{notice|raw}}</p>
  261.                     </div>
  262.                 </div>
  263.             {% endfor %}
  264.         </div>
  265.     {% endif %}
  267.     {% set errors = app.session.flashBag.get('error') %}
  268.     {% if errors|length %}
  269.         <div class='popup show gpadding flex col middle center'>
  270.             <span class='icon contain close os-close filter-white absolute top right'></span>
  271.             {% for error in errors %}
  272.                 <div class='flex row middle center relative bg-white hz-40-in vt-20-in '>
  273.                     <div class='flex row  error text-left'>
  274.                         <i class='fa fa-thumbs-down fa-3x top-5 right-20'></i>
  275.                         <p class='h4 black'>{{error|raw}}</p>
  276.                     </div>
  277.                 </div>
  278.             {% endfor %}
  279.         </div>
  280.     {% endif %}
  282.     {% if not app.request.cookies.get('cookiesChecked') %}
  283.         {{render(controller('App\\Controller\\CookiesController::index'))}}
  285.         {% if os_param('GA') and app.request.schemeAndHttpHost() != 'http://localhost' %}
  286.             {% set code = os_param('GA') %}
  287.             <script async src="https://www.googletagmanager.com/gtag/js?id={{code}}"></script>
  288.             <script>
  289.                 window.dataLayer = window.dataLayer || [];
  290.                 function gtag(){dataLayer.push(arguments);}
  291.                 gtag('js', new Date());
  292.                 gtag('config', '{{code}}');
  293.             </script>
  294.         {% endif %}
  295.     {% endif %}
  297.     <script src='{{asset("js/jquery-3.6.0.min.js")}}'></script>
  298.     <script src='{{asset("js/os-script.js")}}?v=004'></script>
  299.     <script src='{{asset("js/script.js")}}?v=004'></script>
  300.     <script src='{{asset("js/cookies.js")}}?v=004'></script>
  302.     <script>
  303.         $(document).on('click','.os-click',function(e){
  304.             const loginForm = $(".loginForm");
  305.             const targetPath = $(this).attr('data-target-path');
  307.             if(targetPath && loginForm){
  308.                 const formTarget = $('<input type="hidden" class="_target_path" name="_target_path" value="' + targetPath + '"/>');
  309.                 loginForm.append(formTarget);
  310.             }else if(loginForm.find('input._target_path')){
  311.                 loginForm.find('input._target_path').remove();
  312.             }
  313.         });
  314.     </script>
  316.     {% block js %}
  317.     {% endblock %}
  318.     </body>
  319.     </html>
  320. {% endblock %}
  322. {#
  323. https://nsia.olasoft.net/css/os-style.css
  324. https://nsia.olasoft.net/js/os-script.js
  325. #}