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="ATS Template 2">
  9.     <meta name="author" content="ATS Template 2">
  12.     {% if CompanyDetails.companyDetails is not null %}
  13.         {% if app.environment=='dev' %}
  14.             <link rel="icon"
  15.                   href="{{ asset('administration/attachments/Favicons/'~CompanyDetails.getCompanyDetails.faviconDev) }}">
  16.         {% else %}
  17.             <link rel="icon"
  18.                   href="{{ asset('administration/attachments/Favicons/'~CompanyDetails.getCompanyDetails.faviconLive) }}">
  19.         {% endif %}
  20.     {% endif %}
  21.     <title>{% block title %}ATS Template 2{% endblock %}</title>
  23.     <!-- Custom fonts for this template-->
  24.     <link href="{{ asset('fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css">
  25.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  26.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
  27.     <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
  28.           rel="stylesheet">
  29.     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
  30.     <link rel="stylesheet" href="{{ asset('admin/css/font.css') }}">
  31.     <link rel="stylesheet" href="{{ asset('css/standard/style.css') }}">
  32.     <link rel="stylesheet" href="{{ asset('css/standard/small-device.css') }}">
  33.     <link rel="stylesheet" href="{{ asset('css/standard/medium-device.css') }}">
  34.     <link rel="stylesheet" href="{{ asset('css/standard/large-device.css') }}">
  35.     <link rel="stylesheet" href="{{ asset('calendar/calendar-2/dist/zabuto_calendar.min.css') }}"/>
  37.     {% block topjs %}
  39.     {% endblock topjs %}
  40.     <!-- Custom styles for this template-->
  41.     <link href="{{ asset('/css/standard/sb-admin-2.css') }}" rel="stylesheet">
  42.     <style>
  43.         thead {
  44.             background-color: #f1efea;
  45.         }
  47.         .dataTables_wrapper {
  48.             margin-bottom: 50px;
  49.             margin-top: 5px;
  50.         }
  52.         thead {
  53.             background-color: #f1efea;
  54.         }
  56.         .dataTables_wrapper {
  57.             margin-bottom: 50px;
  58.             margin-top: 5px;
  59.         }
  61.         .hide-form-field {
  62.             display: none;
  63.         }
  65.         .top-up-dialog {
  66.             display: none;
  67.             position: fixed;
  68.             top: 50%;
  69.             left: 50%;
  70.             transform: translate(-50%, -50%);
  71.             z-index: 1;
  72.             background: whitesmoke;
  73.         }
  75.         .bid-dialog {
  76.             display: none;
  77.             position: fixed;
  78.             top: 50%;
  79.             left: 50%;
  80.             transform: translate(-50%, -50%);
  81.             z-index: 1;
  82.             background: white;
  83.             border: 1px solid #b8b7b7;
  84.             border-radius: 0px;
  85.         }
  87.         .loader {
  88.             display: none;
  89.         }
  91.         body {
  92.             padding-top: 78px;
  93.             background: #f8f9fc;
  94.         }
  96.         table.dataTable.no-footer {
  97.             border-bottom: none;
  98.         }
  100.         .nav-item {
  101.             margin-left: 20px;
  103.         }
  105.         .nav-link {
  106.             /*color: white !important;*/
  107.             font-size: 18px
  108.         }
  110.         .footer-social-icon-fb:hover {
  111.             background-color: blue !important;
  112.         }
  114.         .footer-social-icon-ln:hover {
  115.             background-color: blue !important;
  116.         }
  118.         .footer-social-icon-in:hover {
  119.             background-color: blue !important;
  120.         }
  122.         .footer-social-icon-tw:hover {
  123.             background-color: blue !important;
  124.         }
  126.         /*#content{*/
  127.         /*    max-height: 1200px ;*/
  128.         /*}*/
  129.     </style>
  132. </head>
  134. <!-- Google tag (gtag.js) -->
  135. <script async src="https://www.googletagmanager.com/gtag/js?id=G-DV5W3V1L17"></script>
  136. <script>
  137.     window.dataLayer = window.dataLayer || [];
  139.     function gtag() {
  140.         dataLayer.push(arguments);
  141.     }
  143.     gtag('js', new Date());
  145.     gtag('config', 'G-DV5W3V1L17');
  146. </script>
  149. <body id="page-top">
  151. <!-- Page Wrapper -->
  152. <div id="wrapper">
  155.     <!-- Content Wrapper -->
  156.     <div id="content-wrapper" class="d-flex flex-column">
  158.         <!-- Main Content -->
  159.         <div id="content">
  161.             {% include 'template_parts/header.html.twig' %}
  162.             {% block home %}
  163.             {% endblock home %}
  164.             <!-- Begin Page Content -->
  165.             <div class="container-fluid">
  167.                 <!-- Page Heading -->
  168.                 <div class="d-sm-flex align-items-center justify-content-between mb-4">
  169.                     <h1 class="h3 mb-0 text-gray-800"></h1>
  170.                 </div>
  173.                 {% block body %}
  174.                 {% endblock body %}
  175.             </div>
  176.             <!-- /.container-fluid -->
  177.         </div>
  179.         {{ include('template_parts/footer.html.twig') }}
  182.     </div>
  183.     <!-- End of Content Wrapper -->
  185. </div>
  186. <!-- End of Page Wrapper -->
  188. <!-- Scroll to Top Button-->
  189. <a class="scroll-to-top rounded" href="#page-top">
  190.     <i class="fas fa-angle-up"></i>
  191. </a>
  193. <!-- Logout Modal-->
  194. <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  195.      aria-hidden="true">
  196.     <div class="modal-dialog" role="document">
  197.         <div class="modal-content">
  198.             <div class="modal-header">
  199.                 <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
  200.                 <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  201.                     <span aria-hidden="true">×</span>
  202.                 </button>
  203.             </div>
  204.             <div class="modal-body">Please "Logout" of your current session.</div>
  205.             <div class="modal-footer">
  206.                 <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
  207.                 <a class="btn btn-primary" href="{{ path('app_logout') }}">Logout</a>
  208.             </div>
  209.         </div>
  210.     </div>
  211. </div>
  212. <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  213.         integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  214. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  215.         integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  216.         crossorigin="anonymous"></script>
  217. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  218.         integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  219.         crossorigin="anonymous"></script>
  220. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js"
  221.         integrity="sha256-5ZrdaeOQG3t2uVEkC6FxsGF2y3taTxhdjyGLXi3RUDk=" crossorigin="anonymous"></script>
  222. <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  223. <!-- Custom scripts for all pages-->
  224. <script src="{{ asset('admin/js/sb-admin-2.min.js') }}"></script>
  227. <script>
  228.     $('.table').addClass('table-responsive');
  229. </script>
  231. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  232. <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  233. <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
  234. <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
  235. <script src="https://cdn.ckeditor.com/ckeditor5/32.0.0/classic/ckeditor.js"></script>
  236. <script async defer
  237.         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIMNeOCE1pdTZu8p-7dSXhIUmpYhWzydc&callback=initMap">
  238. </script>
  239. <script>
  240.     $(document).ready(function () {
  241.         bsCustomFileInput.init();
  242.     });
  243. </script>
  244. <script>
  245.     $("input.datetime").flatpickr({
  246.         altInput: true,
  247.         altFormat: "D j F Y",
  248.         time_24hr: true,
  249.         enableTime: false,
  250.         noCalendar: false,
  251.         dateFormat: "Y-m-d H:i:s",
  252.         minuteIncrement: 15
  253.         //minDate: "today",
  254.     });
  255. </script>
  256. {% block javascripts %}
  258. {% endblock javascripts %}
  259. {% block datatable %}
  260.     <script>
  261.         $(document).ready(function () {
  262.             function detectMob() {
  263.                 return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
  264.             }
  266.             var isMobile = detectMob();
  267.             if (isMobile) {
  268.                 $('body').addClass('mobile');
  269.             }
  270.         });
  271.     </script>
  273. {% endblock datatable %}
  274. {% block additionaljs %}
  275. {% endblock additionaljs %}
  277. <script>
  278.     ClassicEditor
  279.         .create(document.querySelector('#sub_page_content'))
  280.         .catch(error => {
  281.             console.error(error);
  282.         });
  284.     // $('table').addClass('table-striped');
  285.     $('.table').addClass('.table-borderless');
  286.     $('.table').addClass('table-hover');
  287. </script>
  289. <script>
  291.     {% if app.user and 'ROLE_CLIENT' in app.user.roles %}
  292.     $('.doc-holder').hide();
  293.     {% endif %}
  295.     $('.transaction-show').addClass('col-lg-10');
  296. </script>
  298. {% block js %}
  302. {% endblock js %}
  305. </body>
  307. </html>