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")}}' />
  28.         <link type='text/css' rel='stylesheet' href='{{asset("css/os-anim.css")}}' />
  30.         <link type='text/css' rel='stylesheet' href='{{asset("css/provider.css")}}' />
  31.         <script src="https://kit.fontawesome.com/5c0ab7f24a.js" crossorigin="anonymous"></script>
  33.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"/>
  34.         {% block css %}{% endblock %}
  35.     </head>
  36.     <body>
  37.     {% block container %}
  38.         <div id='container' class='container relative w100 hoverflow'>
  39.             {% set platforms = [
  40.                 {icon:"home", "label": (isMobile() ? "" : "Accueil"|trans), link: static.PrincipalWebsiteLink, active:false},
  41.                 {icon:"user-tie", "label": (isMobile() ? "" : "Recrutement"|trans), link: static.JobsWebsiteLink, active:false},
  42.                 {icon:"briefcase", "label": (isMobile() ? "" : "Espace fournisseur"|trans), link:path('home'), active:true},
  43.             ] %}
  44.             <header id='header' class='fixed shadow left top w100 hheight transition-alt visible'>
  45.                 {% block header %}
  46.                     <div class="flex col h100">
  47.                         <nav class="bg-success flex row space {{desktop('gpadding')}} {{mobile('hz-20-in')}}">
  48.                             <ul class="list flex row p-alt white">
  49.                                 {% for o in platforms %}
  50.                                     <li class="{{desktop('right-30')}}">
  51.                                         <a class="iflex row middle upper {{ desktop("vt-15-in")}}{{ mobile("vt-10-in")}} {{ desktop(o.active ? 'bg-white success hz-20-in bold' : "hz-20-in")}}{{ mobile(o.active ? 'bg-white success hz-15-in' : "hz-15-in")}}" href="{{o.link}}">
  52.                                             <i class="fa fa-{{o.icon}} {{desktop('right-8')}}"></i>
  53.                                             {{ o.label }}
  54.                                         </a>
  55.                                     </li>
  56.                                 {% endfor %}
  57.                             </ul>
  58.                             <div class="h100 flex row {{ desktop("vt-10-in") }}{{ mobile("vt-3-in") }} middle">
  59.                                 {% if not role.isConnected %}
  60.                                     <span class="{{desktop('left-30')}} flex col middle">
  61.                                         <a class="iflex row middle white {{ mobile("h6 nowrap") }}" href="{{ path('provider_login') }}">
  62.                                             <i class="fa fa-lock right-8 h6"></i>
  63.                                             {{ "sign in"|trans }}
  64.                                         </a>
  65.                                     </span>
  66.                                 {% elseif isDesktop() %}
  67.                                     <span class="{{desktop('left-30')}} white">{{ app.user.email }}</span>
  68.                                 {% endif %}
  69.                                 <span class="{{ desktop("left-20")}}{{ mobile("left-15")}} white">
  70.                                     {% include '_locale_switcher.html.twig' %}
  71.                                 </span>
  72.                             </div>
  73.                         </nav>
  75.                         <div class='w100 bg-white h100 relative flex row space gpadding {{desktop("")}} {{mobile("")}}'>
  76.                             <a class="relative iflex row {{desktop(" vt-20-in")}} {{mobile("vt-10-in")}}" href="{{path('home')}}">
  77.                                 <figure id='logo' href='{{path("home")}}' class='relative'>
  78.                                     <img src="{{asset(os_param('logo'))}}" class='{{desktop('block')}} {{mobile('h100 absolute')}}'  style="{{desktop('height: 3.71643469vw')}}">
  79.                                 </figure>
  80.                             </a>
  82.                             {% block menu %}
  83.                                 <div class="flex row middle center {{desktop('')}}">
  84.                                     <menu id='menu' class='fill transition-alt {{desktop("h100")}} {{mobile("bg-success fixed top left htop w100 anim-display anim-from-right")}}'>
  85.                                         {{render(controller('App\\Controller\\DefaultController::menu',{activeMenu:(menu is defined ? menu)}))}}
  86.                                     </menu>
  87.                                 </div>
  88.                             {% endblock %}
  90.                             <div class="relative flex row">
  91.                                 {% if role.connected %}
  92.                                     <div class="relative">
  93.                                         <div data-target="#actions-box" class="os-click adapt left-30 flex row middle h100">
  94.                                             <span class="bg-warning white p-alt {{ desktop("shadow-alt-2 vt-4-in left-15-in right-25-in") }}{{ mobile("vt-2-in left-10-in right-20-in p-alt") }}" style="transform: translateX(var(--15px))">{{ app.user.socialReason }}</span>
  95.                                             <figure class="pointer icon {{ desktop("big") }} circle relative hoverflow {{ desktop("shadow-alt-2")}} bg-warning">
  96.                                                 <div class="fill flex col middle center">
  97.                                                     <i class="fa h3 fa-user adapt white"></i>
  98.                                                 </div>
  99.                                             </figure>
  100.                                         </div>
  101.                                         <div id='actions-box' class='anim-display anim-show absolute {{ desktop("right-20")}} right ytop-100 adapt'>
  102.                                             <div class='nowrap {{desktop("padding-40")}} {{mobile("padding-20 border border-success")}} bg-white black-alt shadow-alt radius-5 flex col p adapt'>
  103.                                                 <a href='{{path('post-invoice-deposit')}}' class='relative adapt bottom-10'><i class='fas fa-file-invoice success right-10 adapt'></i><span> {{ "Deposit invoice"|trans }} </span></a>
  104.                                                 <a href='{{path('deposit-invoice-list')}}' class='relative adapt bottom-10'><i class='fa fa-list-ul success right-10 adapt'></i><span> {{ "Deposit invoice list"|trans }} </span></a>
  106.                                                 <span class="block top-1-in vt-8 bg-gray-alt"></span>
  108.                                                 <a href='{{ path('profile-documents') }}' class='relative adapt bottom-10'><i class='far fa-folder success right-10 adapt'></i><span> {{ "my documents"|trans }}</span></a>
  109.                                                 <a href='{{ path('update-profile') }}' class='relative adapt bottom-10'><i class='fa fa-pen success right-10 adapt'></i><span> {{ "edit profile"|trans }}</span></a>
  111.                                                 <span class="block top-1-in vt-8 bg-gray-alt"></span>
  113.                                                 <a href='{{ path('profile-activities') }}' class='relative adapt bottom-10'><i class='fa fa-list success right-10 adapt'></i><span> {{ "my activities"|trans }}</span></a>
  114.                                                 <a href='{{ path('update-profile-password') }}' class='relative adapt bottom-10'><i class='fa fa-unlock-alt success right-10 adapt'></i><span> {{ "edit password"|trans }}</span></a>
  115.                                                 <a href='{{path("provider_logout")}}' class='relative '><i class='fa fa-sign-out-alt gray-alt right-10 adapt'></i> Se déconnecter</a>
  116.                                             </div>
  117.                                         </div>
  118.                                     </div>
  119.                                 {% else %}
  120.                                     <div class="flex row middle center">
  121.                                         <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-warning radius-3 vt-3-in hz-7-in p-alt')}}">
  122.                                             <i class="fa fa-user adapt {{ mobile("warning") }}"></i>
  123.                                             <span class="{{ desktop("left-10")}}{{ mobile("left-8 warning medium")}} nowrap">{{ static.MenuAccountButtonText }}</span>
  124.                                         </a>
  125.                                     </div>
  126.                                 {% endif %}
  127.                                 {% if isMobile() and not role.connected%}
  128.                                     {#
  129.                                     <div id='btn-menu' class='{{ desktop("left-25")}}{{ mobile("left-15")}} flex col middle os-click' data-target='#menu'>
  130.                                         <i class='fa fa-bars h2 black-alt'></i>
  131.                                     </div>
  132.                                     #}
  133.                                 {% endif %}
  134.                             </div>
  135.                         </div>
  136.                     </div>
  138.                 {% endblock header %}
  139.             </header>
  141.             {% block banner %}
  142.                 <div id='' class='relative w100 htop-in {{desktop("flex row")}} {{mobile("")}}'>
  143.                     <div id='' class='banner relative w100 {{mobile("flex col middle")}}'>
  144.                         <figure class="fill relative hoverflow {{mobile("absolute fill top left")}}">
  145.                             <img src="{{b}}" class="cover">
  146.                         </figure>
  147.                         {% if isMobile() %}
  148.                             <div class="absolute fill top left gradient-banner"></div>
  149.                         {% endif %}
  150.                         <div class="{{ desktop("absolute fill top left")}}{{ mobile("fill vt-20-in")}} gpadding gradient-banner">
  151.                             {% block titlebox %}
  152.                                 <div class="fill relative flex col middle">
  153.                                     <h1 class="white">{{title is defined and title ? (title|raw) : "Espace fournisseur"}}</h1>
  154.                                 </div>
  155.                             {% endblock %}
  156.                         </div>
  157.                     </div>
  158.                 </div>
  159.             {% endblock banner %}
  160.             {% block body %}
  161.                 <div id='content' class='bg-white content relative'>
  162.                     {% block content %}
  163.                     {% endblock content %}
  164.                 </div>
  165.             {% endblock body %}
  167.             {% if isMobile() and not home and noShare is not defined %}
  168.                 <div class='flex row middle space  bg-gray sharing-box gpadding {{desktop('vt-40-in')}} {{mobile('vt-10-in')}}'>
  169.                     <h2 class='h6 success-alt upper vt-8-in font-alt bold'>{{ "Partager cette page"|trans }}</h2>
  170.                     <div class='flex row middle success-alt'>
  171.                         {% set link = app.request.uri %}
  172.                         {% if title is not defined %}{% set title = "Site web du "~sitename %} {% endif %}
  173.                         {% set class = "iflex col middle center "~ desktop('left-20 h2')~ mobile('left-8 h3') %}
  174.                         <a class='{{class}}' title='Partager via WhatsApp' target='_blank' href='whatsapp://send?text={{title}} => {{link}}'><i class='transition fab fa-whatsapp'></i></a>
  175.                         <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>
  176.                         <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>
  177.                         <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>
  178.                         <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>
  179.                     </div>
  180.                 </div>
  181.             {% endif %}
  183.             {% block footer %}
  184.                 {{ include('footer.html.twig') }}
  185.                 {#
  186.                 <footer id="footer" class="bg-success relative gpadding flex col center {{desktop('vt-60-in op-40')}} {{mobile(' text-center vt-40-in')}}">
  187.                     <figure class="relative hoverflow {{desktop('gheight gwidth')}} {{mobile('icon medium')}}">
  188.                         <img src="{{l}}" class="block contain">
  189.                     </figure>
  190.                     <div class="relative flex row center text-center {{desktop('gpadding top-20')}}{{mobile('')}}">
  191.                         <p class="white">
  192.                             © Copyright {{"now"|date('Y')}}
  193.                             <br>{{sitename}}
  194.                         </p>
  195.                     </div>
  196.                 </footer>
  197.                 #}
  198.             {% endblock footer %}
  199.         </div>
  200.     {% endblock container %}
  203.     <div id='searchBox' class='anim-display anim-show vfill fixed top left'>
  204.         <i class="block bg-success transparent fill absolute top left"></i>
  205.         <div class='hpadding fill flex row center middle'>
  206.             <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in")}} bg-white'>
  207.                 <div class='absolute top right bg-error padding-10'>
  208.                     <span data-target='#searchBox' class='block icon close contain filter-white os-click'></span>
  209.                 </div>
  210.                 <div class='w100 flex col around'>
  211.                     <div class='flex col middle top-20'>
  212.                         <h2 class='h3 success'>Faire une recherche</h2>
  213.                         <p class='h6 upper text-left top-20 bottom-20'>Produits, services, actualités, etc.</p>
  214.                         <div class='flex row'>
  215.                             <div class='bg-gray w100'>
  216.                                 <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'>
  217.                             </div>
  218.                             <div class='relative flex col middle center {{desktop("")}} {{mobile("")}} vt-10-in hz-20-in bg-success'>
  219.                                 <span class='block icon small search contain filter-white os-search-btn pointer' data-target='#searchInput'></span>
  220.                             </div>
  221.                         </div>
  222.                     </div>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.     </div>
  228.     <div id='login-box' class='anim-display anim-show vfill fixed top left'>
  229.         <i class="block bg-success transparent fill absolute top left"></i>
  230.         <div class='hpadding fill flex row center middle'>
  231.             <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in hz-10 w100")}} bg-white'>
  232.                 <div class='absolute top right bg-error padding-10'>
  233.                     <span data-target='#login-box' class='block icon close contain filter-white os-click'></span>
  234.                 </div>
  235.                 <div class='w100 flex col around'>
  236.                     <div class='flex col middle top-20'>
  237.                         {{ include('security/_provider_login_form.html.twig') }}
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.         </div>
  242.     </div>
  244.     {% set notices = app.session.flashBag.get('notice') %}
  245.     {% if notices|length %}
  246.         <div class='popup show gpadding flex col middle center'>
  247.             <span class='icon contain close os-close filter-white absolute top right'></span>
  248.             {% for notice in notices %}
  249.                 <div class='flex row middle center relative bg-white hz-40-in vt-20-in '>
  250.                     <div class='flex row  success text-left'>
  251.                         <i class='fa fa-thumbs-up fa-3x top-5  right-20'></i>
  252.                         <p class='h4  black'>{{notice|raw}}</p>
  253.                     </div>
  254.                 </div>
  255.             {% endfor %}
  256.         </div>
  257.     {% endif %}
  259.     {% if not app.request.cookies.get('cookiesChecked') %}
  260.         {{render(controller('App\\Controller\\CookiesController::index'))}}
  262.         {% if os_param('GA') and app.request.schemeAndHttpHost() != 'http://localhost' %}
  263.             {% set code = os_param('GA') %}
  264.             <script async src="https://www.googletagmanager.com/gtag/js?id={{code}}"></script>
  265.             <script>
  266.                 window.dataLayer = window.dataLayer || [];
  267.                 function gtag(){dataLayer.push(arguments);}
  268.                 gtag('js', new Date());
  269.                 gtag('config', '{{code}}');
  270.             </script>
  271.         {% endif %}
  272.     {% endif %}
  274.     <script src='{{asset("js/jquery-3.6.0.min.js")}}'></script>
  275.     <script src='{{asset("js/os-script.js")}}?v=004'></script>
  276.     <script src='{{asset("js/script.js")}}?v=004'></script>
  277.     <script src='{{asset("js/cookies.js")}}?v=004'></script>
  279.     {% block js %}
  280.     {% endblock %}
  281.     </body>
  282.     </html>
  283. {% endblock %}