templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <meta name="description" content="Tennis Court Finder">
  9.     <meta name="author" content="Tennis Court Finder">
  10.     {% if app.request.server.get("APP_STAGE")=='local' %}
  11.         <link rel="icon" href="{{ asset('administration/img/tennisdev.png') }}">
  12.     {% else %}
  13.         <link rel="icon" href="{{ asset('administration/img/tennis.png') }}">
  14.     {% endif %}
  15.     <title>{% block title %}Tennis Court Finder{% endblock %}</title>
  17.     <!-- Custom fonts for this template-->
  18.     <link href="{{ asset('fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css">
  19.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  20.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
  21.     <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
  22.           rel="stylesheet">
  23.     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
  24.     <link rel="stylesheet" href="{{ asset('admin/css/font.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  26.     <link rel="stylesheet" href="{{ asset('css/small-device.css') }}">
  29.     <!-- Custom styles for this template-->
  30.     <link href="{{ asset('/css/sb-admin-2.css') }}" rel="stylesheet">
  31.     <style>
  32.         #user_tennisVenues {
  33.             height: 650px;
  34.         }
  36.         thead {
  37.             background-color: #f1efea;
  38.         }
  40.         .dataTables_wrapper {
  41.             margin-bottom: 50px;
  42.             margin-top: 5px;
  43.         }
  45.         .hide-form-field {
  46.             display: none;
  47.         }
  49.         .top-up-dialog {
  50.             display: none;
  51.             position: fixed;
  52.             top: 50%;
  53.             left: 50%;
  54.             transform: translate(-50%, -50%);
  55.             z-index: 1;
  56.             background: whitesmoke;
  57.         }
  59.         .bid-dialog {
  60.             display: none;
  61.             position: fixed;
  62.             top: 50%;
  63.             left: 50%;
  64.             transform: translate(-50%, -50%);
  65.             z-index: 1;
  66.             background: white;
  67.             border: 1px solid #b8b7b7;
  68.             border-radius: 0px;
  69.         }
  71.         .loader {
  72.             display: none;
  73.         }
  75.         body {
  76.             /*padding-top:78px;*/
  77.             background: #f8f9fc;
  78.         }
  80.         table.dataTable.no-footer {
  81.             border-bottom: none;
  82.         }
  84.         /*#content{*/
  85.         /*    max-height: 1200px ;*/
  86.         /*}*/
  87.     </style>
  88. </head>
  90. <body id="page-top">
  92. <!-- Page Wrapper -->
  93. <div id="wrapper">
  95.     <!-- Sidebar -->
  96.     <!-- End of Sidebar -->
  98.     <!-- Content Wrapper -->
  99.     <div id="content-wrapper" class="d-flex flex-column">
  101.         <!-- Main Content -->
  102.         <div id="content">
  104.             {{ include ('dashboard/template_parts/_header.html.twig') }}
  105.             <!-- Begin Page Content -->
  106.             <div class="container-fluid">
  108.                 <!-- Page Heading -->
  109.                 <div class="d-sm-flex align-items-center justify-content-between mb-4">
  110.                     <h1 class="h3 mb-0 text-gray-800"></h1>
  111.                 </div>
  114.                 {% block body %}
  115.                 {% endblock body %}
  116.             </div>
  117.             <!-- /.container-fluid -->
  118.         </div>
  119.         <!-- End of Main Content -->
  122.     </div>
  123.     <!-- End of Content Wrapper -->
  125. </div>
  126. <!-- End of Page Wrapper -->
  128. <!-- Scroll to Top Button-->
  129. <a class="scroll-to-top rounded" href="#page-top">
  130.     <i class="fas fa-angle-up"></i>
  131. </a>
  133. {% block footer %}
  134. {% endblock %}
  135. <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  136.         integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  137. {# <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" #}
  138. {#        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" #}
  139. {#        crossorigin="anonymous"></script> #}
  140. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  141.         integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  142.         crossorigin="anonymous"></script>
  143. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  144.         integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  145.         crossorigin="anonymous"></script>
  146. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js"
  147.         integrity="sha256-5ZrdaeOQG3t2uVEkC6FxsGF2y3taTxhdjyGLXi3RUDk=" crossorigin="anonymous"></script>
  148. <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  149. <!-- Custom scripts for all pages-->
  150. <script src="{{ asset('admin/js/sb-admin-2.min.js') }}"></script>
  151. <script>
  152.     $('table').addClass('table-responsive');
  153. </script>
  155. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  156. <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  157. <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
  158. <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
  159. <script src="https://cdn.ckeditor.com/ckeditor5/32.0.0/classic/ckeditor.js"></script>
  160. <script>
  161.     $(document).ready(function () {
  162.         bsCustomFileInput.init();
  163.     });
  164. </script>
  165. <script>
  166.     $("input.datetime").flatpickr({
  167.         altInput: true,
  168.         altFormat: "D j F Y",
  169.         time_24hr: true,
  170.         enableTime: false,
  171.         noCalendar: false,
  172.         dateFormat: "Y-m-d H:i:s",
  173.         minuteIncrement: 15
  174.         //minDate: "today",
  175.     });
  176. </script>
  177. {% block javascripts %}
  179. {% endblock javascripts %}
  180. {% block datatable %}
  181.     <script>
  182.         $(document).ready(function () {
  183.             function detectMob() {
  184.                 return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
  185.             }
  187.             var isMobile = detectMob();
  188.             if (isMobile) {
  189.                 $('body').addClass('mobile');
  190.             }
  191.         });
  192.     </script>
  194. {% endblock datatable %}
  195. {% block additionaljs %}
  198. {% endblock additionaljs %}
  200. <script>
  201.     ClassicEditor
  202.         .create(document.querySelector('#coaches_prices_bio'))
  203.         .catch(error => {
  204.             console.error(error);
  205.         });
  207.     ClassicEditor
  208.         .create(document.querySelector('#cms_userFaqs'))
  209.         .catch(error => {
  210.             console.error(error);
  211.         });
  213.     ClassicEditor
  214.         .create(document.querySelector('#cms_clubAdminGuide'))
  215.         .catch(error => {
  216.             console.error(error);
  217.         });
  219.     ClassicEditor
  220.         .create(document.querySelector('#cms_clubDescription'))
  221.         .catch(error => {
  222.             console.error(error);
  223.         });
  224.     ClassicEditor
  225.         .create(document.querySelector('#tennis_venues_clubDescription'))
  226.         .catch(error => {
  227.             console.error(error);
  228.         });
  231.     // $('table').addClass('table-striped');
  232.     $('table').addClass('.table-borderless');
  233.     $('table').addClass('table-hover');
  234. </script>
  236. </body>
  238. </html>