templates/layouts/footer.html.twig line 1

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