templates/layouts/footer.html.twig line 1

Open in your IDE?
  1. {# Expose anonymisation JS variable for orchestrator #}
  2. <script>
  3.     window.anonymisation = true;
  4.     {% if app.user and not app.user.isAnonymisationConfirmed %}
  5.         window.anonymisation = false;
  6.     {% endif %}
  7. </script>
  8. <footer>
  9.     <div class="container container-footer my-4">
  10.         <a class="nav-logo" href="{{ path('home') }}">
  11.             <img src="{{ logo ?? asset('assets/images/logo.svg') }}" width="150" alt="logo" style="background: white; border-radius: 10px;">
  12.         </a>
  13.         <div class="row justify-content-between mt-3">
  14.             <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
  15.                 <ul class="list-unstyled float-md-left float-lft w-100">
  16.                     {% if socialLinks['facebook'] is not empty %}
  17.                         <li class="">
  18.                             <a href="{{ socialLinks['facebook'] }}" target="_blank">
  19.                                 <span>
  20.                                     <i class="fab fa-facebook-f"></i>
  21.                                 </span>
  22.                             </a>
  23.                         </li>
  24.                     {% endif %}
  25.                     {% if socialLinks['twitter'] is not empty %}
  26.                         <li class="">
  27.                             <a href="{{ socialLinks['twitter'] }}" target="_blank">
  28.                                 <span>
  29.                                     <i class="fab fa-twitter"></i>
  30.                                 </span>
  31.                             </a>
  32.                         </li>
  33.                     {% endif %}
  34.                     {% if socialLinks['instagram'] is not empty %}
  35.                         <li class="">
  36.                             <a href="{{ socialLinks['instagram'] }}" target="_blank">
  37.                                 <span>
  38.                                     <i class="fab fa-instagram"></i>
  39.                                 </span>
  40.                             </a>
  41.                         </li>
  42.                     {% endif %}
  43.                     {% if socialLinks['linkedin'] is not empty %}
  44.                         <li class="">
  45.                             <a href="{{ socialLinks['linkedin'] }}" target="_blank">
  46.                                 <span>
  47.                                     <i class="fab fa-linkedin"></i>
  48.                                 </span>
  49.                             </a>
  50.                         </li>
  51.                     {% endif %}
  52.                     {% if socialLinks['youtube'] is not empty %}
  53.                         <li class="">
  54.                             <a href="{{ socialLinks['youtube'] }}" target="_blank">
  55.                                 <span>
  56.                                     <i class="fab fa-youtube"></i>
  57.                                 </span>
  58.                             </a>
  59.                         </li>
  60.                     {% endif %}
  61.                     {% if socialLinks['twitch'] is not empty %}
  62.                         <li class="">
  63.                             <a href="{{ socialLinks['twitch'] }}" target="_blank">
  64.                                 <span>
  65.                                     <i class="fab fa-twitch"></i>
  66.                                 </span>
  67.                             </a>
  68.                         </li>
  69.                     {% endif %}
  70.                 </ul>
  71.             </div>
  72.         </div>
  73.         <div class="mt-3 row">
  75.             <div class="col-lg-4">
  76.                 {% if siteConfig.isContactActivated %}
  77.                     <ul class="list-footer">
  78.                         <li>
  79.                             <a href="{{path('contact')}}">{{'footer.contact'|trans }}</a>
  80.                         </li>
  81.                     </ul>
  82.                 {% endif %}
  83.             </div>
  85.             <div class="col-lg-4">
  86.                 <ul class="list-footer">
  87.                     <li class="policy" data-button="policy" data-target="#policyModal">{{ 'footer.policy'|trans }}</li>
  88.                     <li class="policy" data-button="cookies-policy" data-target="#cookiesPolicyModal">{{ 'footer.cookies-policy'|trans }}</li>
  89.                     <li class="policy" data-button="terms" data-target="#termsModal">{{ 'footer.terms'|trans }}</li>
  90.                     {% set currentUrl = app.request.getUri() %}
  91.                     {% if siteConfig.activedContribution and app.user and 'forgot-password' not in currentUrl|lower %}
  92.                         <li class="policy" data-button="terms" data-target="#FormContribution">
  93.                             <button class="btn BoutonContribution">
  94.                                 <i class="bi bi-plus-circle-fill"></i>
  95.                             </button>
  96.                         </li>
  97.                     {% endif %}
  98.                     {% if app.user %}
  99.                         {% if siteConfig.activedNotification %}
  100.                             <li class="policy" data-button="notifications" data-target="#notificationModal">
  101.                                 <button class="btn btn-notification fade show">
  102.                                     <i class="bi bi-bell"></i>
  104.                                     <span id="notification-badge" class="position-absolute top-0 start-0 translate-middle badge rounded-pill bg-danger border">
  105.                                         <span id="notification-count">
  106.                                             {% if notifications is not empty %}
  107.                                                 {{ notifications|length }}{% else %}0
  108.                                             {% endif %}
  109.                                         </span>
  110.                                         <span class="visually-hidden">unread notifications</span>
  111.                                     </span>
  113.                                 </button>
  114.                             </li>
  115.                         {% endif %}
  116.                     {% endif %}
  117.                 </ul>
  118.             </div>
  119.             <div class="col-lg-4">
  120.                 <ul class="list-footer">
  121.                     <li class="policy" data-button="terms-of-use" data-target="#termsOfUseModal">{{'footer.terms-of-use'|trans }}</li>
  122.                     {% if siteConfig.isAnonymizationActive %}
  123.                         <li class="policy" data-button="anonymization" data-target="#anonymizeModal" role="button" tabindex="0" aria-controls="anonymizeModal">
  124.                             {{ 'footer.anonymization'|trans }}
  125.                         </li>
  126.                     {% endif %}
  127.                 </ul>
  128.             </div>
  129.         </div>
  130.         <div class="mt-3 d-flex justify-content-between footer-copy-right">
  131.             <div>
  132.                 {{ siteConfig.copyright }}
  133.             </div>
  134.             <div>
  135.                 <small>Version :
  136.                     {{ appVersion }}</small>
  137.             </div>
  138.         </div>
  139.     </div>
  140. </footer>
  142. <!-- Modals -->
  143. <div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-hidden="true">
  144.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  145.         <div class="modal-content">
  146.             <div class="modal-header">
  147.                 <h5 class="modal-title" id="exampleModalLabel">{{ 'terms.modal-heading'|trans }}</h5>
  148.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  149.             </div>
  150.             <div class="modal-body">
  151.                 <p class="text-black">{{ mentionLegal.termsOfService|raw }}</p>
  152.             </div>
  153.             <div class="modal-footer">
  154.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'terms.close-modal-btn'|trans }}</button>
  155.             </div>
  156.         </div>
  157.     </div>
  158. </div>
  159. {% if siteConfig.activedContribution %}
  160.     <div class="modal fade" id="FormContribution" tabindex="-1" role="dialog" aria-hidden="true">
  161.         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  162.             <div class="modal-content">
  163.                 <div class="modal-header">
  164.                     <h5 class="modal-title" id="contributionLabel">{{  siteConfig.getTitle ?? 'Contribution' }}</h5>
  165.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  166.                 </div>
  167.                 <div class="modal-body">
  168.                     <p class="text-black">
  169.                         {{- renderContibutorForm() -}}
  170.                     </p>
  171.                 </div>
  173.             </div>
  174.         </div>
  175.     </div>
  176. {% endif %}
  178. {# Policy modal réutilisable #}
  179. {% if app.user %}
  180.     {{ include('privacy/modal.html.twig') }}
  181.     {% if siteConfig.isAnonymizationActive %}
  182.         {{ include('privacy/_anonymize_modal.html.twig') }}
  183.     {% endif %}
  184. {% endif %}
  186. {# Script footer conservé mais SANS reload automatique, et uniquement si déclenché depuis le footer #}
  187. <script>
  188.     document.addEventListener('DOMContentLoaded', function () {
  189. const saveBtn = document.getElementById('savePrivacyBtn');
  190. const checkbox = document.getElementById('privacyCheckbox');
  191. const acceptForm = document.getElementById('accept-privacy-form');
  192. const refuseForm = document.getElementById('refuse-privacy-form');
  193. if (! saveBtn || ! acceptForm || ! refuseForm) 
  194. return;
  198. async function postForm(form) {
  199. const fd = new FormData(form);
  200. const resp = await fetch(form.action, {
  201. method: 'POST',
  202. headers: {
  203. 'X-Requested-With': 'XMLHttpRequest'
  204. },
  205. body: fd
  206. });
  207. try {
  208. return await resp.json();
  209. } catch {
  210. return {ok: false};
  211. }}
  213. // Flag: si l’orchestrateur a ouvert la modale, il pose window.__ORCH__OPEN = true
  214. saveBtn.addEventListener('click', async () => {
  215. const form = checkbox.checked ? acceptForm : refuseForm;
  216. const res = await postForm(form);
  217. if (res && res.ok) {
  218. if (!window.__ORCH__OPEN) { // Ouverture via footer → on peut recharger
  219. location.reload();
  220. }
  221. // Sinon, l’orchestrateur fermera la modale et enchaînera
  222. } else {
  223. alert('Une erreur est survenue. Merci de réessayer.');
  224. }
  225. });
  226. }
  227. );
  228. </script>
  231.     <div class="modal fade" id="cookiesPolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
  232.         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  233.             <div class="modal-content">
  234.                 <div class="modal-header">
  235.                     <h5 class="modal-title" id="cookiesPolicyModalLabel">{{ cookiesPolicy.title }}</h5>
  236.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  237.                 </div>
  238.                 <div class="modal-body">
  239.                     <p class="text-black">{{ cookiesPolicy.content|raw }}</p>
  240.                 </div>
  241.                 <div class="modal-footer">
  242.                     <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'terms.close-modal-btn'|trans }}</button>
  243.                 </div>
  244.             </div>
  245.         </div>
  246.     </div>
  247.     <div class="modal fade" id="termsOfUseModal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  248.         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  249.             <div class="modal-content">
  250.                 <div class="modal-header">
  251.                     <h5 class="modal-title text-black" id="termsOfUseModalLabel">{{ termsOfUse.title }}</h5>
  252.                     <button type="button" class="btn-close btn-close-termsOfUse" data-bs-dismiss="modal" aria-label="Close" {% if app.user %} {{ app.user.acceptcgu ? '' : 'disabled' }}{% endif %}>
  253.                     </button>
  254.                 </div>
  255.                 <div class="modal-body">
  256.                     <div class="row">
  257.                         <p class="text-black">{{ termsOfUse.content|raw }}</p>
  258.                     </div>
  259.                     <div class="row">
  260.                         {% if app.user %}
  261.                             <div class="custom-checkbox custom-control">
  262.                                 <input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="termsOfUseCheckbox" {{app.user.acceptCgu ? 'checked' : '' }} {% if app.user %} {{ app.user.acceptcgu ? 'disabled' : '' }}{% endif %}>
  263.                                 <label for="termsOfUseCheckbox" class="custom-control-label">
  264.                                     J'accepte les conditions générales d'utilisation
  265.                                 </label>
  266.                             </div>
  267.                         {% endif %}
  268.                     </div>
  269.                 </div>
  271.                 <div class="modal-footer">
  272.                     <button id="btnTermsClose" type="button" class="btn btn-primary btn-close-termsOfUse" data-bs-dismiss="modal"
  273.                      {% if app.user %} 
  274.                         {{ app.user.acceptcgu ? '' : 'disabled' }}
  275.                      {% endif %}
  276.                     >
  277.                         {{ 'terms.close-modal-btn'|trans }}
  278.                     </button>
  279.                 </div>
  280.             </div>
  281.         </div>
  282.     </div>
  285. {% if app.user %}
  286.         {% if siteConfig.activedNotification %}
  287.             <div class="modal fade" id="notificationModal" tabindex="-1" role="dialog" aria-hidden="true">
  288.                 <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  289.                     <div class="modal-content">
  290.                         <div class="modal-header">
  291.                             <h5 class="modal-title" id="notificationModalLabel">{{ 'notification.modal-heading'|trans }}</h5>
  292.                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  293.                         </div>
  294.                         <div class="modal-body">
  295.                             {% for entry in notifications %}
  296.                                 <a href="{{ path('podcast', { slug: entry.notification.blogPost.slug, notification_id: entry.id }) }}" class="d-block alert alert-success fade show w-100" style="text-decoration: none !important;" data-id="{{ entry.id }}">
  297.                                     <h4 class="alert-heading d-flex justify-content-between align-items-center mb-0">
  298.                                         <span>{{ entry.notification.title }}</span>
  299.                                         <button type="button" class="btn-close"></button>
  300.                                     </h4>
  301.                                     <p class="mb-0">
  302.                                         {{ entry.notification.description }}
  303.                                     </p>
  304.                                 </a>
  305.                             {% endfor %}
  306.                             <p class="no-notification my-4 text-center {{ notifications is not empty ? 'd-none' }}">{{ 'notification.no-notification'|trans }}</p>
  307.                         </div>
  308.                         <div class="modal-footer">
  309.                             <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'notification.close-modal-btn'|trans }}</button>
  310.                         </div>
  311.                     </div>
  312.                 </div>
  313.             </div>
  314.         {% endif %}
  315. {% endif %}