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.                 </ul>
  115.             </div>
  116.         </div>
  117.         <div class="mt-3 d-flex justify-content-between footer-copy-right">
  118.             <div>
  119.                 {{ siteConfig.copyright }}
  120.             </div>
  121.             <div>
  122.                 <small>Version : {{ appVersion }}</small>
  123.             </div>
  124.         </div>
  125.     </div>
  126. </footer>
  128. <!-- Modals -->
  129. <div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-hidden="true">
  130.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  131.         <div class="modal-content">
  132.             <div class="modal-header">
  133.                 <h5 class="modal-title" id="exampleModalLabel">{{ 'terms.modal-heading'|trans }}</h5>
  134.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  135.             </div>
  136.             <div class="modal-body">
  137.                 <p class="text-black">{{ mentionLegal.termsOfService|raw }}</p>
  138.             </div>
  139.             <div class="modal-footer">
  140.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'terms.close-modal-btn'|trans }}</button>
  141.             </div>
  142.         </div>
  143.     </div>
  144. </div>
  145. {% if siteConfig.activedContribution %}
  146.     <div class="modal fade" id="FormContribution" tabindex="-1" role="dialog" aria-hidden="true">
  147.         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  148.             <div class="modal-content">
  149.                 <div class="modal-header">
  150.                     <h5 class="modal-title" id="contributionLabel">{{  siteConfig.getTitle ?? 'Contribution' }}</h5>
  151.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  152.                 </div>
  153.                 <div class="modal-body">
  154.                     <p class="text-black">
  155.                         {{- renderContibutorForm() -}}
  156.                     </p>
  157.                 </div>
  159.             </div>
  160.         </div>
  161.     </div>
  162. {% endif %}
  163. <div class="modal fade" id="policyModal" tabindex="-1" role="dialog" aria-hidden="true">
  164.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  165.         <div class="modal-content">
  166.             <div class="modal-header">
  167.                 <h5 class="modal-title" id="policyModalLabel">{{ policy.title }}</h5>
  168.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  169.             </div>
  170.             <div class="modal-body">
  171.                 <p class="text-black">{{ policy.content|raw }}</p>
  172.             </div>
  173.             <div class="modal-footer">
  174.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'terms.close-modal-btn'|trans }}</button>
  175.             </div>
  176.         </div>
  177.     </div>
  178. </div>
  179. <div class="modal fade" id="cookiesPolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
  180.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  181.         <div class="modal-content">
  182.             <div class="modal-header">
  183.                 <h5 class="modal-title" id="cookiesPolicyModalLabel">{{ cookiesPolicy.title }}</h5>
  184.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  185.             </div>
  186.             <div class="modal-body">
  187.                 <p class="text-black">{{ cookiesPolicy.content|raw }}</p>
  188.             </div>
  189.             <div class="modal-footer">
  190.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'terms.close-modal-btn'|trans }}</button>
  191.             </div>
  192.         </div>
  193.     </div>
  194. </div>
  195. <div class="modal fade" id="termsOfUseModal" tabindex="-1" role="dialog" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  196.     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  197.         <div class="modal-content">
  198.             <div class="modal-header">
  199.                 <h5 class="modal-title text-black" id="termsOfUseModalLabel">{{ termsOfUse.title }}</h5>
  200.                 <button type="button" class="btn-close btn-close-termsOfUse" data-bs-dismiss="modal" aria-label="Close" disabled></button>
  201.             </div>
  202.             <div class="modal-body">
  203.                 <div class="row">
  204.                     <p class="text-black">{{ termsOfUse.content|raw }}</p>
  205.                 </div>
  206.                 <div class="row">
  207.                     {% if app.user %}
  208.                         <div class="custom-checkbox custom-control">
  209.                             <input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="termsOfUseCheckbox" {{app.user.acceptCgu ? 'checked' : '' }}>
  210.                             <label for="termsOfUseCheckbox" class="custom-control-label">
  211.                                 J'accepte les conditions générales d'utilisation
  212.                             </label>
  213.                         </div>
  214.                     {% endif %}
  215.                 </div>
  216.             </div>
  218.             <div class="modal-footer">
  219.                 <button type="button" class="btn btn-primary btn-close-termsOfUse" data-bs-dismiss="modal" {% if app.user %} {{ app.user.acceptcgu ? '' : 'disabled' }} {% endif %}>{{ 'terms.close-modal-btn'|trans }}</button>
  220.             </div>
  221.         </div>
  222.     </div>
  223. </div>
  224. {% if app.user %}
  225.     {% if siteConfig.activedNotification %}
  226.         <div class="modal fade" id="notificationModal" tabindex="-1" role="dialog" aria-hidden="true">
  227.             <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  228.                 <div class="modal-content">
  229.                     <div class="modal-header">
  230.                         <h5 class="modal-title" id="notificationModalLabel">{{ 'notification.modal-heading'|trans }}</h5>
  231.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  232.                     </div>
  233.                     <div class="modal-body">
  234.                         {% for entry in notifications %}
  235.                             <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 }}">
  236.                                 <h4 class="alert-heading d-flex justify-content-between align-items-center mb-0">
  237.                                     <span>{{ entry.notification.title }}</span>
  238.                                     <button type="button" class="btn-close"></button>
  239.                                 </h4>
  240.                                 <p class="mb-0">
  241.                                     {{ entry.notification.description }}
  242.                                 </p>
  243.                             </a>
  244.                         {% endfor %}
  245.                         <p class="no-notification my-4 text-center {{ notifications is not empty ? 'd-none' }}">{{ 'notification.no-notification'|trans }}</p>
  246.                     </div>
  247.                     <div class="modal-footer">
  248.                         <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ 'notification.close-modal-btn'|trans }}</button>
  249.                     </div>
  250.                 </div>
  251.             </div>
  252.         </div>
  253.     {% endif %}
  254. {% endif %}