templates\base.html.twig line 1

  1. {%  use '_blocks/language.html.twig' %}
  3. <!DOCTYPE html>
  4. <html>
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <title>{% block title %}{% endblock %}</title>
  8.         <script src="{{ asset('assets/scripts/js/bootstrap.min.js') }}"></script>
  9.         <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  11.         <!--load all Font Awesome styles -->
  12.         <link href="{{ asset('assets/css/fontawesome.min.css') }}" rel="stylesheet">
  14.         <link href="{{ asset('assets/css/index.css') }}" rel="stylesheet">
  15.         <link href="{{ asset('assets/css/fonts.css') }}" rel="stylesheet">
  17.         <script src="{{ asset('assets/scripts/ajax/libs/jquery/3.5.1/jquery.min.js') }}"></script>
  18.         <script src="{{ asset('assets/scripts/js/actionPage.js') }}"></script>
  20. {#        <link rel="icon" href="{{asset('assets/images/icon.jpg')}}">#}
  22.         <!--local langage-->
  23.         <script>
  24.             let currentLanguage = '{{ app.request.getLocale() }}';
  25.             let urlCurrentLanguage = '/'+currentLanguage;
  26.             if (currentLanguage === 'fr') {
  27.                 currentLanguage = "";
  28.                 urlCurrentLanguage = "";
  29.             }
  30.             let url = window.location.protocol + "//" + window.location.host;
  31.         </script>
  33.         {#        recuperation curente route et curent language #}
  34.         {% set route = app.request.attributes.get('_route') %}
  35.         {% set varLocal = app.request.getLocale() %}
  36.         {% set localLinkImg = 'assets/images/drapeaux/fr.jpg' %}
  37.         {% if varLocal == "fr" %}
  38.             {% set localLinkImg = 'assets/images/drapeaux/fr.jpg' %}
  39.         {% elseif varLocal == "en"%}
  40.             {% set localLinkImg = 'assets/images/drapeaux/en.jpg' %}
  41.         {% endif %}
  42.     </head>
  43.     <body>
  45.     <!--block page-->
  46.     <div class="blockPage">
  47.         <div class="row rowBlockPage">
  48.             <div class="align-items-center my-auto text-center">
  49.                     <span class="">
  50.                         <i class="fas fa-spinner fa-pulse fa-6x"></i>
  51.                     </span>
  52.             </div>
  53.         </div>
  54.     </div>
  56.         <header>
  57.             <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  58.                 <div class="container-fluid">
  59.                     <a class="navbar-brand" href="{{ path('app_home') }}">
  60.                         <img src="{{ asset('assets/images/logo_h54-b.png') }}" alt="logo" />
  61.                     </a>
  62.                     <div class="collapse navbar-collapse" id="navbarCollapse">
  63.                         <div class="row w-100">
  64.                             <div class="col-2 ms-auto d-inline-block navInterface">
  65.                                 {% if not app.user %}
  66.                                     <button class="btn btn-outline-success" type="submit" id="btnIns">{% trans %} monc.nolog.inscr {% endtrans %}</button>
  67.                                     <button class="btn btn-success" type="submit" id="btnConn">{% trans %} monc.nolog.conn {% endtrans %}</button>
  68.                                 {% endif %}
  69.                                 {% if app.user %}
  70.                                     <button class="btn btn-outline-success" onclick="window.location.href='{{ path('app_gestion') }}';" type="submit" id="btnGest">{% trans %} gestion.btn.acc {% endtrans %}</button>
  71.                                     <button class="btn btn-success" onclick="window.location.href='{{ path('app_logout') }}';" type="submit" id="btnDeco">{% trans %} monc.log.deco {% endtrans %}</button>
  72.                                 {% endif %}
  73.                                 <div class="dropdown d-inline-block ps-4">
  74.                                     <a href="#" class=" link-light text-decoration-none dropdown-toggle" id="dropdownLanguage" data-bs-toggle="dropdown" aria-expanded="false">
  75.                                         <img src="{{ asset(localLinkImg) }}" alt="Fr" width="24" height="24" class="rounded-circle">
  76.                                     </a>
  77.                                     <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownLanguage">
  78.                                         {{ block('language') }}
  79.                                     </ul>
  80.                                 </div>
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </nav>
  86.         </header>
  88.         {% block body %}{% endblock %}
  90.         <div class="container" id="peidPages">
  91.             <div  id="sousPiedPage">
  92.                 <div class="col-12">
  93.                     <span>Copyright 2023 © E-NouNou - <a href="https://e-world-france.fr/" target="_blank">Une création E-WORLD France</a></span>
  94.                 </div>
  95.             </div>
  96.         </div>
  98.         <!-- Modal connection -->
  99.         <div class="modal fade " id="formConnection" tabindex="-1" aria-labelledby="formConnection" aria-hidden="true">
  100.             <div class="modal-dialog modal-dialog-scrollable">
  101.                 <div class="modal-content">
  102.                     <div class="modal-header">
  103.                         <h5 class="modal-title" id="formConnectionLabel">{% trans %}module.connection{% endtrans %}</h5>
  105.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  106.                     </div>
  107.                     <div class="modal-body">
  108.                         <form method="post" id="connexionForm" action="">
  109.                             <div class="alert alert-danger" id="alertConnexionErreur"></div>
  110.                             <label for="inputEmail">{% trans %}form.register.email{% endtrans %}</label>
  111.                             <input type="email" value="" name="_username" id="inputEmail" class="form-control" required autofocus>
  112.                             <label for="inputPassword">{% trans %}form.password{% endtrans %}</label>
  113.                             <input type="password" name="_password" id="inputPassword" class="form-control" required>
  114.                             <input type="hidden" name="_csrf_token"
  115.                                    value="{{ csrf_token('authenticate') }}"
  116.                             >
  118.                             <button class="btn btn-primary" type="submit">
  119.                                 {% trans %}monc.nolog.conn.btn{% endtrans %}
  120.                             </button>
  121.                         </form>
  122.                         <a href="" id="btnResPass" data-bs-toggle="modal" data-bs-target="#resetPassword" style="font-size: 12px;">{% trans %}monc.nolog.conn.mdpReset{% endtrans %}</a>
  123.                     </div>
  124.                     <div class="modal-footer">
  125.                         <span>* {% trans %} module.obligatoire {% endtrans %}</span>
  126.                     </div>
  127.                 </div>
  128.             </div>
  129.         </div>
  130.         <!-- Modal insciption -->
  131.         <div class="modal fade " id="formInscription" tabindex="-1" aria-labelledby="formInscription" aria-hidden="true">
  132.             <div class="modal-dialog modal-dialog-scrollable">
  133.                 <div class="modal-content">
  134.                     <div class="modal-header">
  135.                         <h5 class="modal-title" id="formInscriptionLabel">{% trans %}module.inscription{% endtrans %}</h5>
  137.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  138.                     </div>
  139.                     <div class="modal-body">
  140.                         {{ form_start(formInscription, {action:null}) }}
  141.                         <div class="alert alert-danger" id="alertInscriptionErreur">
  142.                             error
  143.                         </div>
  144.                         {{ form_end(formInscription) }}
  145.                     </div>
  146.                     <div class="modal-footer">
  147.                         <span>* {% trans %} module.obligatoire {% endtrans %}</span>
  148.                     </div>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.         <script>
  153.             $("#btnIns").click( function(e) {
  154.                 $("#formInscription").modal("toggle");
  155.             });
  156.             $("#btnConn").click( function(e) {
  157.                 $("#formConnection").modal("toggle");
  158.             });
  159.         </script>
  160.     {% if not app.user %}
  161.         <!--modal mdp oublier -->
  162.         <!-- Modal -->
  163.         <div class="modal fade" id="resetPassword" tabindex="-1" aria-labelledby="resetPasswordLabel" aria-hidden="true">
  164.             <div class="modal-dialog modal-dialog-scrollable">
  165.                 <div class="modal-content">
  166.                     <div class="modal-header">
  167.                         <h5 class="modal-title" id="resetPasswordLabel">{% trans %}moduleResetPassword.modalModifAdd{% endtrans %}</h5>
  168.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  169.                     </div>
  170.                     <div class="modal-body">
  171.                         <div class="alert alert-danger" id="alertDivresetPassword"></div>
  172.                         <div class="alert alert-success" id="successDivresetPassword"></div>
  173.                         {{ form_start(formResetPassword, {action:null}) }}
  174.                         {{ form_end(formResetPassword) }}
  175.                     </div>
  176.                     <div class="modal-footer">
  177.                         <span class="">* {% trans %}moduleResetPassword.obligatoire{% endtrans %}</span>
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.         <script>
  183.             $("#btnResPass").click( function(e) {
  184.                 $("#formConnection").modal("hide");
  185.             });
  186.         </script>
  187.     {% endif %}
  189.     {% for error in app.session.flashBag.get('actionPage') %}
  190.         {% if error == "logFalse" %}
  191.         <script> $(function() { loginFalse('{% trans %}monc.nolog.conn.errMes{% endtrans %}');}); </script>
  192.         {% endif %}
  193.     {% endfor %}
  195.     </body>
  197.     <script src="{{ asset('assets/scripts/js/httpRequest.js') }}"></script>
  198. </html>