templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}EMMA CONNECT {% endblock %}</title>
  6.         <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Raleway:400,100,200,300,500,600,700,800,900/" />
  7.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  8.         <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
  9.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  10.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" integrity="sha256-ENFZrbVzylNbgnXx0n3I1g//2WeO47XxoPe0vkp3NC8=" crossorigin="anonymous" />
  11.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sortable/0.8.0/css/sortable-theme-bootstrap.css" integrity="sha512-ejAo3nK8bdfwg68A9g6QYUdqnTmcGem1OX8AeVwa+dQH2v22vEwPkbZQzltTE+bjXt72iGvglAw0h+Up+fOg0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  12.         {% block stylesheets %}
  13.             {# 'app' must match the first argument to addEntry() in webpack.config.js #}
  14.             {{ encore_entry_link_tags('app') }}
  15.             <!-- Renders a link tag (if your module requires any CSS)
  16.                  <link rel="stylesheet" href="/build/app.css"> -->
  17.         {% endblock %}
  18.         <link rel="stylesheet" href="/css/mobiscroll.javascript.min.css" />
  19.         {# <link src="/css/mobiscroll.javascript.min.css"/> #}
  20.         <script src="https://cdnjs.cloudflare.com/ajax/libs/notie/4.3.1/notie.min.js" integrity="sha256-ns3awRQUDUkb4hl21sd+GTFVidJLerhtrBrFMDk+Yvo=" crossorigin="anonymous"></script>
  21.     </head>
  22.     <body>
  23.     {% include 'navbar.html.twig' %}
  24.     <div class="main-container">
  25.             <!-- side bar -->
  26.             {% include 'sidebar.html.twig' %}
  27.             <div class="main-content">
  28.                 <div class="container">
  29.                     <div class="row">
  30.                         <!-- breadcrumb -->
  31.                         <div class="col-sm-12">
  32.                         {% block body %}{% endblock %}
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.         {% include 'footer.html.twig' %}
  39.         {% block javascripts %}
  40.             <script src="https://cdnjs.cloudflare.com/ajax/libs/sortable/0.8.0/js/sortable.min.js" integrity="sha512-DEcSaL0BWApJ//v7ZfqAI04nvK+NQcUVwrrx/l1x7OJgU0Cwbq7e459NBMzLPrm8eLPzAwBtiJJS4AvLZDZ8xA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  41.             <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
  42.             {{ encore_entry_script_tags('app') }}
  43.         <script src="/css/mobiscroll.javascript.min.js"></script>
  44.         {# <script src="/mobiscroll.javascript.min.js"></script> #}
  45.             <script src="https://unpkg.com/multiple-select@1.3.1/dist/multiple-select.min.js"></script>
  46.             <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>
  47.             <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  48.             <script type="text/javascript">
  49.                 $('.multiple').select2({
  50.                 });
  51.                 $(".flatpicker").flatpickr({
  52.                     'dateFormat' : 'd-m-Y',
  53.                     "locale": "fr"
  54.                 });
  55.                 // check if date available
  56.                 $('#btnCheckAvailability').on('click', function(e) {
  57.                     const salonId = $('#rdv_salon').val();
  58.                     if (salonId.length > 0) {
  59.                         $.ajax({
  60.                             url: '{{ path("get_salon_availability") }}',
  61.                             type: 'GET',
  62.                             data: {
  63.                                 salonId: salonId,
  64.                                 service: $('#rdv_service').val(),
  65.                             },
  66.                             success: function (response) {
  67.                                 $('#availabilityModal').modal('show');
  68.                                 $('#availabilityModal .modal-body').html(response.template);
  69.                                 // when choose time available
  70.                                 $('body').on('click', '#availabilityModal .time', function () {
  71.                                     $('#rdv_start').val($(this).data('date'))
  72.                                     $('.chosen-date').html("<strong>" + $(this).data('date') + "</strong>");
  73.                                     $('#availabilityModal').modal('hide');
  74.                                     $.ajax({
  75.                                         url: '{{ path("get_intervenant_date") }}',
  76.                                         type: 'GET',
  77.                                         data: {
  78.                                             salonId: salonId,
  79.                                             date: $(this).data('date'),
  80.                                         },
  81.                                         success: function (response) {
  82.                                             $('.intervenant').html("<br/><strong>Intervenant : " + response.intervenant + "</strong>");
  83.                                         }
  84.                                     });
  85.                                 })
  86.                             }
  87.                         });
  88.                     } else {
  89.                         alert('Veuillez sélectionner un salon');
  90.                     }
  91.                 });
  92.             </script>
  93.             <!-- Renders app.js & a webpack runtime.js file
  94.                 <script src="/build/runtime.js"></script>
  95.                 <script src="/build/app.js"></script> -->
  96.         {% endblock %}
  97.     {{ app.session|alertify|raw }}
  98.     </body>
  99. </html>