templates/__includes__/header.html.twig line 1

Open in your IDE?
  1. <header class="header{% if app.user %}{% else %}{{ " header--alt" }}{% endif %}">
  2.   <div class="header__bar">
  3.     <div class="shell">
  4.         {% if not getenv('PROD_PARTIELLE') %}
  5.       <a href="ajax/popup1.html" class="header__link js-popup">> Inscrivez-vous à la newsletter</a>
  6.         {% endif %}
  8.       <nav class="nav-access">
  9.         {% if app.user %}
  11.           <ul>
  12.             <li>
  13.               <a href="{{ path('moncompte') }}" class="btn-user">
  14.                 <i class="ico-user"></i> Bienvenue {{ app.user.prenom }}
  15.               </a>
  16.             </li>
  17.             <li>
  18.               <a href="/logout">Déconnexion</a>
  19.             </li>
  20.           </ul>
  22.         {% else %}
  24.           <ul>
  25.             <li>
  26.               <a href="/login" class="btn-user">
  27.                 <i class="ico-user visible-mobile"></i> Connexion / Inscription
  28.               </a>
  29.             </li>
  30.           </ul>
  32.         {% endif %}
  33.       </nav><!-- /.nav -->
  34.     </div><!-- /.shell -->
  35.   </div><!-- /.header__bar -->
  37.   <div class="header__body">
  38.     <div class="shell">
  39.       <a href="/" class="logo"></a>
  41.       <a href="#" class="btn-burger">
  42.         <span></span>
  44.         <span></span>
  46.         <span></span>
  47.       </a>
  49.       <nav class="nav">
  50.         <ul>
  51.             {% if not getenv('PROD_PARTIELLE') %}
  52.           <li class="visible-mobile">
  53.             <a href="ajax/popup1.html" class="js-popup">> Inscrivez-vous à la newsletter</a>
  54.           </li>
  55.             {% endif %}
  57.           {% for onglet in onglets if onglet.isActive %}
  59.               {% if onglet.link == '/etablissement' and (not app.user or app.user.etablissement is not defined or not app.user.etablissement) %}
  61.                   {% if app.user and app.user.tutelle %}
  62.                     <li >
  63.                       <a href="/tutelle">Tutelle</a>
  64.                     </li>
  65.                   {% endif %}
  66.               {% else %}
  68.               {% if onglet.childrens|length %}
  70.                 <li>
  71.                     {% if onglet.link %}
  72.                       <a href="{{ onglet.link }}">{{ onglet.name }}</a>
  73.                     {% else %}
  74.                         {{ onglet.name }}
  75.                     {% endif %}
  76.                   <div class="dropdown dropdown--primary">
  77.                     <ul>
  78.                         {% for children in onglet.childrens if children.isActive %}
  79.                           <li >
  80.                             {% if children.link %}
  81.                               <a href="{{ children.link }}">{{ children.name }}</a>
  82.                             {% else %}
  83.                               {{ children.name }}
  84.                             {% endif %}
  85.                           </li>
  86.                         {% endfor %}
  88.                     </ul>
  89.                   </div>
  90.                 </li>
  92.               {% else %}
  94.                 <li >
  95.                     {% if onglet.link %}
  96.                       <a href="{{ onglet.link }}">{{ onglet.name }}</a>
  97.                     {% else %}
  98.                         {{ onglet.name }}
  99.                     {% endif %}
  100.                 </li>
  102.               {% endif %}
  104.             {% endif %}
  105.           {% endfor %}
  106.         </ul>
  107.       </nav><!-- /.nav -->
  109.       {% if app.user %}
  110.       <a href="#" class="btn-search search-toggle">
  111.         <i class="ico-search"></i>
  112.       </a>
  113.       {% endif %}
  115.       <div class="search-alt" id="barre_recherche">
  116.         <div >
  117.           <label for="q1" class="hidden">Search</label>
  119.           <div class="field search__field" id="searchbox"></div>
  121.           <button class="search__btn">
  122.             <i class="ico-search"></i>
  123.           </button>
  125.           <a href="#" class="btn-close search-toggle">
  126.             <i class="ico-x"></i>
  127.           </a>
  128.         </div>
  131.         <script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.32.1/dist/algoliasearchLite.js" integrity="sha256-pMaJf0I78weeXGkRMBDO6jSulxC/q3sb0aPdtV2N8n0=" crossorigin="anonymous"></script>
  132.         <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.2.0" integrity="sha256-/8usMtTwZ01jujD7KAZctG0UMk2S2NDNirGFVBbBZCM=" crossorigin="anonymous"></script>
  135.         <div class="search__dropdown">
  137.         </div><!-- /.search__dropdown -->
  140.         <script>
  142.             const searchClient = algoliasearch('EH2CXPFAPG', 'a8131490169e0d5bd8c543a47e1126ef');
  144.             const search = instantsearch({
  145.                 indexName: '{{ util_service.getEnv('SEARCH_PREFIX') }}_indexeur',
  146.                 searchClient,
  147.             });
  149.             search.addWidget(
  150.                 instantsearch.widgets.searchBox({
  151.                     container: '#searchbox',
  152.                     placeholder: 'Entrez votre recherche'
  153.                 })
  154.             );
  156.             search.on('render', function(eve) {
  158.                 let dd = $('.search__dropdown');
  159.                 dd.empty();
  161.                 if (!this.helper.lastResults.query) {
  162.                     dd.hide();
  163.                     return;
  164.                 }
  165.                 dd.show();
  167.                 let resultats = this.helper.lastResults;
  168.                 let hits = resultats.hits;
  170.                 let data = {};
  172.                 for (let i in hits) {
  174.                     let hit = hits[i];
  176.                     let clef = hit.objectID.split('\\').pop().split(':').shift().toLowerCase();
  178.                     if (clef === 'message') {
  179.                         if (hit.algoliaContribution) clef += '_contribution';
  180.                         if (hit.algoliaEtablissement) clef += '_etablissement';
  181.                         if (hit.algoliaTopic) clef += '_topic';
  182.                         if (hit.algoliaTutelle) clef += '_tutelle';
  183.                     }
  185.                     if (undefined === data[clef]) data[clef] = [];
  187.                     data[clef].push(hit);
  188.                 }
  190.                 // console.log(data);
  192.                 rempliResultats(data, 'contribution', 'Contributions', dd, 4);
  193.                 rempliResultats(data, 'topic', 'Forums', dd, 4);
  194.                 rempliResultats(data, 'actualite', 'Actualités', dd, 4);
  195.                 rempliResultats(data, 'evenement', 'Évènements', dd, 4);
  196.                 // rempliResultats(data, 'etablissement', 'Établissements', dd, 4);
  197.                 // rempliResultats(data, 'tutelle', 'Tutelles', dd, 4);
  198.                 // rempliResultats(data, 'message_contribution', 'Messages des contributions', dd, 2);
  199.                 // rempliResultats(data, 'message_topic', 'Messages des forums', dd, 2);
  200.                 // rempliResultats(data, 'message_etablissement', 'Messages des établissements', dd, 2);
  201.                 // rempliResultats(data, 'message_tutelle', 'Messages des tutelles', dd, 2);
  203.                 if (!dd.text().trim()) {
  204.                     dd.hide();
  205.                 }
  206.             });
  208.             search.start();
  211.             let rechercheEnCours;
  215.             $('#searchbox').keypress(function(event) {
  218.                 let keycode = (event.keyCode ? event.keyCode : event.which);
  220.                 let valeur = $('.ais-SearchBox-input').val().trim();
  222.                 if (!valeur) return;
  224.                 if (keycode === 13) { // Entrée
  226.                     event.preventDefault();
  228.                     window.location.href = '{{ path('recherche') }}' + '/' + valeur;
  229.                 }
  231.                 $('.search-alt').addClass('active');
  233.                 {#return;#}
  235.                 {#let keycode = (event.keyCode ? event.keyCode : event.which);#}
  237.                 {#if (keycode === 13) {#}
  239.                 {#event.preventDefault();#}
  240.                 {#}#}
  243.                 {#let soi = $(this);#}
  244.                 {#let valeur = soi.val().trim();#}
  245.                 {#if (!valeur) return;#}
  247.                 {#$('.search-alt').addClass('active');#}
  249.                 {#let dd = $('.search__dropdown');#}
  252.                 {#dd.html('<div class="articles-small"><br>Recherche en cours...</div>');#}
  254.                 {#if (rechercheEnCours) rechercheEnCours.abort();#}
  256.                 {#rechercheEnCours = $.post( "{{ path('chercher') }}", { 'valeur' : valeur }, function( data ) {#}
  258.                 {#if (!data.erreur) {#}
  260.                 {#$('.search-alt').addClass('active');#}
  262.                 {#dd.empty();#}
  264.                 {#rempliResultats(data.resultat, 'contribution', 'Contributions', dd, 4);#}
  265.                 {#rempliResultats(data.resultat, 'topic', 'Forums', dd, 4);#}
  266.                 {#rempliResultats(data.resultat, 'actualite', 'Actualités', dd, 4);#}
  267.                 {#rempliResultats(data.resultat, 'evenement', 'Évènements', dd, 4);#}
  268.                 {#rempliResultats(data.resultat, 'etablissement', 'Établissements', dd, 4);#}
  269.                 {#rempliResultats(data.resultat, 'tutelle', 'Tutelles', dd, 4);#}
  270.                 {#rempliResultats(data.resultat, 'message_contribution', 'Messages des contributions', dd, 2);#}
  271.                 {#rempliResultats(data.resultat, 'message_topic', 'Messages des forums', dd, 2);#}
  272.                 {#rempliResultats(data.resultat, 'message_etablissement', 'Messages des établissements', dd, 2);#}
  273.                 {#rempliResultats(data.resultat, 'message_tutelle', 'Messages des tutelles', dd, 2);#}
  275.                 {#}#}
  276.                 {#if (data.erreur) {#}
  278.                 {#}#}
  280.                 {#});#}
  281.             });
  283.             function troncate(val) {
  285.                 let original = val;
  286.                 let emDebut = val.indexOf('<em>');
  287.                 let emFin = val.indexOf('</em>');
  288.                 if (emDebut !== -1 && emFin !== -1) {
  289.                     val = val.substring(emDebut - 40, emFin + 40);
  290.                     if (emDebut > 40) val = '...' + val;
  291.                     if (original.length - 40 > emFin) val += '...';
  292.                 }
  293.                 return val;
  294.             }
  296.             function renvoieSurligne(ele, sanshl, ignorer) {
  298.                 if (typeof ele !== "object") return;
  300.                 let res = '';
  302.                 let obj = sanshl ? ele : ele._highlightResult;
  304.                 for (let i in obj) {
  306.                     if (ignorer.indexOf(i) !== -1) continue;
  308.                     let h = obj[i];
  310.                     if (undefined === h.matchLevel) res += renvoieSurligne(h, true, ignorer);
  312.                     if (h.matchLevel === 'none') continue;
  313.                     if (!h.value) continue;
  315.                     let val = troncate(h.value);
  317.                     res += '<div>' + val + '</div>';
  318.                 }
  320.                 return res;
  321.             }
  323.             function surligne(ele, clef) {
  325.                 let title = ele[clef];
  327.                 if (ele._highlightResult[clef].matchLevel !== 'none') {
  328.                     title = ele._highlightResult[clef].value;
  329.                 }
  331.                 return troncate(title);
  332.             }
  334.             function rempliResultats(tab, clef, nom, parent, limite) {
  336.                 if (!tab) return;
  337.                 tab = tab[clef];
  338.                 if (!tab) return;
  339.                 if (!tab.length) return;
  341.                 parent.append($('<h6 class="search__dropdown-title">'+nom+'</h6>'));
  343.                 let div;
  344.                 if (clef === 'contribution') {
  345.                     div = $('<div class="articles-small"></div>');
  346.                 }
  347.                 else {
  348.                     div = $('<ul class="list-results"></ul>');
  349.                 }
  351.                 let nb = 0;
  353.                 for (let i in tab) {
  355.                     let ele = tab[i];
  357.                     if (nb >= limite) break;
  358.                     nb++;
  360.                     if (clef === 'contribution') {
  362.                         let etiquette = ele.label.name;
  363.                         let couleur = ele.label.color;
  365.                         let resultat = $('\n' +
  366.                             '            <a href="'+ele.algoliaUrl+'" class="article-small article-small--secondary">\n' +
  367.                             '              <div class="article__image" style="height : 39px ; background-size : cover ; background-position : center ;  background-image : url(\'/assets/'+ (ele.image ? ('uploads/contribution/' + ele.id + '/' + ele.image) : 'uploads/contribution/default/contribution.jpg') +'\')" >\n' +
  368.                             '              </div><!-- /.article__image -->\n' +
  369.                             '\n' +
  370.                             '              <div class="article__body">\n' +
  371.                             '                <h6 class="label" style="background-color : '+couleur+'" >' + etiquette + '</h6>\n' +
  372.                             '\n' +
  373.                             '                <h5>' + surligne(ele, 'title') + '</h5>\n' + renvoieSurligne(ele, false, ['title']) +
  374.                             '              </div>\n' +
  375.                             '            </a>');
  377.                         div.append(resultat);
  378.                     }
  379.                     else if (clef === 'evenement') {
  381.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><span style="font-weight: bold;">' + surligne(ele, 'title') + '</span>' + renvoieSurligne(ele, false, ['title']) +'</a></li>');
  382.                         div.append(resultat);
  383.                     }
  384.                     else if (clef === 'actualite') {
  386.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><span style="font-weight: bold;">' + surligne(ele, 'title') + '</span>' + renvoieSurligne(ele, false, ['title']) +'</a></li>');
  387.                         div.append(resultat);
  388.                     }
  389.                     else if (clef === 'etablissement') {
  391.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'">'+ surligne(ele, 'name') + renvoieSurligne(ele, false, ['name']) +'</a></li>');
  392.                         div.append(resultat);
  393.                     }
  394.                     else if (clef === 'tutelle') {
  396.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><span style="font-weight: bold;">'+ surligne(ele, 'name') + '</span>' + renvoieSurligne(ele, false, ['name']) +'</a></li>');
  397.                         div.append(resultat);
  398.                     }
  399.                     else if (clef === 'topic') {
  401.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><span style="font-weight: bold;">'+ surligne(ele, 'titre') + '</span>' + renvoieSurligne(ele, false, ['titre']) +'</a></li>');
  402.                         div.append(resultat);
  403.                     }
  404.                     else if (clef === 'message_topic') {
  406.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><div style="font-weight: bold;">'+ele.algoliaTopic+'</div>'+ surligne(ele, 'textBrut') + renvoieSurligne(ele, false, ['textBrut', 'algoliaTopic']) +'</a></li>');
  407.                         div.append(resultat);
  408.                     }
  409.                     else if (clef === 'message_contribution') {
  411.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><div style="font-weight: bold;">'+ele.algoliaContribution+'</div>'+ surligne(ele, 'textBrut') + renvoieSurligne(ele, false, ['textBrut', 'algoliaContribution']) +'</a></li>');
  412.                         div.append(resultat);
  413.                     }
  414.                     else if (clef === 'message_etablissement') {
  416.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><div style="font-weight: bold;">'+ele.algoliaEtablissement+'</div>'+ surligne(ele, 'textBrut') + renvoieSurligne(ele, false, ['textBrut', 'algoliaEtablissement']) +'</a></li>');
  417.                         div.append(resultat);
  418.                     }
  419.                     else if (clef === 'message_tutelle') {
  421.                         let resultat = $('<li><a href="'+ele.algoliaUrl+'"><div style="font-weight: bold;">'+ele.algoliaTutelle+'</div>'+ surligne(ele, 'textBrut') + renvoieSurligne(ele, false, ['textBrut', 'algoliaTutelle']) +'</a></li>');
  422.                         div.append(resultat);
  423.                     }
  424.                 }
  425.                 parent.append(div);
  426.             }
  428.         </script>
  430.       </div><!-- /.search -->
  431.     </div><!-- /.shell -->
  432.   </div><!-- /.header__body -->
  434.   <div id="infoCookiesFond" >
  435.     <div id="infoCookies">
  437.       <p id="infoCookieTitre">Gestion des cookies</p>
  439.       <h3 class="infoCookieMessage">Nous utilisons des cookies afin d’assurer le bon fonctionnement de notre site.</h3>
  441.       <p class="infoCookieMessage">Pour personnaliser notre contenu, pour proposer des fonctionnalités disponibles sur les réseaux sociaux et afin d’analyser notre trafic. En poursuivant votre navigation sur notre site vous acceptez l’utilisation des cookies.</p>
  443.       {#<p class="infoCookieMessage">Les cookies sont des informations stockées par votre ordinateur ou récupérées par celui-ci qui peuvent porter sur vous, vos préférences, ou votre appareil et sont principalement utilisées pour s’assurer que le site fonctionne comme prévu. L'utilisateur peut à tout moment désactiver l'utilisation de ces cookies en sélectionnant les paramètres appropriés dans son navigateur.</p>#}
  444.       {#<p class="infoCookieMessage">Si vous ne souhaitez pas l’installation de cookies sur votre terminal, vous pouvez paramétrer votre navigateur pour accepter ou refuser au cas par cas les cookies préalablement à leur installation. Vous pouvez également régulièrement supprimer les cookies de votre terminal via votre navigateur. </p>#}
  446.       <p class="infoCookieMessage">Pour en savoir plus, nous vons invitons à consulter la page <a style="text-decoration: underline" href="{{ path('mentionslegales') }}">mentions légales</a> et <a style="text-decoration: underline" href="{{ path('cgu') }}">CGU</a>.</p>
  448.       <div id="paramsCookies">
  450.         <label>Cookies de fonctionnement</label>
  451.         <p class="infoCookieMessage">Ces cookies sont indispensables au bon fonctionnement du Site. Il peut s’agir par exemple de ceux liés à l’authentification du compte, aux préférences de sécurité et de confidentialité ou encore ceux permettant de faciliter la navigation sur le Site en mémorisant vos préférences de navigation etc. Ces cookies ne nécessitent pas le recueil de votre consentement dans la mesure où ils ont comme finalité exclusive de permettre ou de faciliter la communication par voie électronique.</p>
  453.         <label>Cookies réseaux sociaux</label>
  454.         <p class="infoCookieMessage">Sur certaines pages du Site figurent des boutons ou modules de réseaux tiers au Site. Ils vous permettent d’exploiter les fonctionnalités de ces réseaux et en particulier de partager des contenus présents sur le Site avec d’autres utilisateurs de ces réseaux. Des cookies sont directement déposés par ces réseaux sociaux dont nous n’avons pas la maîtrise. Nous vous invitons à consulter les politiques de confidentialité de chacun de ces réseaux (Facebook, Twitter, Scoop It) et notamment la partie sur les cookies afin de comprendre la finalité des informations qu’ils recueillent.</p>
  456.         <label>
  457.             <div class="checkbox">
  458.                 <input type="checkbox" checked="checked" id="cookieGA">
  460.                 <label for="cookieGA">Cookies de mesure d'audience</label>
  461.             </div>
  462.         </label>
  463.         <p class="infoCookieMessage">Ces cookies nous permettent d’analyser le trafic sur le Site et notamment de déterminer le nombre de visites, les sources du trafic, d’identifier les pages les plus ou les moins visitées et d’évaluer comment les internautes naviguent sur le Site. Ces cookies sont importants pour nous car ils nous permettent d’améliorer les performances du Site afin d’en mesureret d’en améliorer les performances. Les informations collectées par ces cookies sont agrégées et anonymisées. Pour plus d'informations concernant la politique Google Analytics, visitez <a target="_blank" style="text-decoration: underline" href="https://policies.google.com/?hl=en">https://policies.google.com/?hl=en</a></p>
  465.       </div>
  467.       <a id="infoCookiesBoutonPlus">Personnaliser</a>
  468.       <a id="infoCookiesBouton">Accepter</a>
  469.     </div>
  470.   </div>
  472.   <script>
  474.       function readCookie(name) {
  475.           var nameEQ = name + "=";
  476.           var ca = document.cookie.split(';');
  477.           for(var i=0;i < ca.length;i++) {
  478.               var c = ca[i];
  479.               while (c.charAt(0)==' ') c = c.substring(1,c.length);
  480.               if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  481.           }
  482.           return null;
  483.       }
  485.       function createCookie(name,value,days,path) {
  486.           if (days) {
  487.               var date = new Date();
  488.               date.setTime(date.getTime()+(days*24*60*60*1000));
  489.               var expires = "; expires="+date.toGMTString();
  490.           }
  491.           else var expires = "";
  492.           document.cookie = name+"="+value+expires+"; path="+path;
  493.       }
  496.       var cookie_params = readCookie('cookie-param');
  498.       var cookie_params_analysis = true;
  499.       var cookie_params_ga = true;
  500.       var cookie_params_feature = true;
  502.       if (null !== cookie_params) {
  503.           cookie_params_analysis = !!(cookie_params & 1);
  504.           cookie_params_ga = !!(cookie_params & 2);
  505.           cookie_params_feature = !!(cookie_params & 4);
  506.       }
  509.       if (cookie_params_ga) {
  511.           window.dataLayer = window.dataLayer || [];
  512.           function gtag(){dataLayer.push(arguments);}
  513.           gtag('js', new Date());
  515.           gtag('config', 'UA-140409788-1');
  516.       }
  517.       else {
  518.           window.dataLayer = [];
  519.       }
  523.       var cookieMessage = document.getElementById("infoCookiesFond");
  524.       var infoCookiesBouton = document.getElementById("infoCookiesBouton");
  525.       var infoCookiesBoutonPlus = document.getElementById("infoCookiesBoutonPlus");
  527.       infoCookiesBouton.addEventListener('click', function() {
  529.           createCookie('seen-cookie-message','yes', 300, '/');
  531.           var cookieParams = 0;
  533.           // if (document.getElementById('cookieAnalysis').checked) cookieParams |= 1;
  534.           if (document.getElementById('cookieGA').checked) cookieParams |= 2;
  535.           // if (document.getElementById('cookieFeature').checked) cookieParams |= 4;
  537.           createCookie('cookie-param', cookieParams, 300, '/');
  539.           cookieMessage.style.display = 'none';
  540.       });
  542.       infoCookiesBoutonPlus.addEventListener('click', function() {
  544.           this.style.display = 'none';
  545.           document.getElementById("paramsCookies").classList.add('ouvert');
  546.       });
  548.       {% if (app.request.get('_route') != 'mentionslegales' and app.request.get('_route') != 'cgu') %}
  549.       var cookie_info = readCookie('seen-cookie-message');
  550.       {% else %}
  551.       var cookie_info = 'yes';
  552.       {% endif %}
  554.       if (cookie_info === 'yes') {
  555.           cookieMessage.style.display = 'none';
  556.       } else {
  557.           cookieMessage.style.display = 'block';
  558.       }
  560.       if (null !== cookie_params) {
  562.           // document.getElementById('cookieAnalysis').checked = cookie_params_analysis;
  563.           document.getElementById('cookieGA').checked = cookie_params_ga;
  564.           // document.getElementById('cookieFeature').checked = cookie_params_feature;
  565.       }
  568.   </script>
  570. </header><!-- /.header -->