templates/base.html.twig line 1

  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 CompanyDetailsService.getCompanyDetails is not null %}
  13.         {% if app.environment=='dev' %}
  14.             <link rel="icon"
  15.                   href="{{ asset('administration/System/Favicons/'~CompanyDetailsService.getCompanyDetails.faviconDev) }}">
  16.         {% else %}
  17.             <link rel="icon"
  18.                   href="{{ asset('administration/System/Favicons/'~CompanyDetailsService.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('css/standard/sb-admin-2.css') }}">
  37.     <link rel="stylesheet" href="{{ asset('css/project_specific/small-device.css') }}">
  38.     <link rel="stylesheet" href="{{ asset('css/project_specific/medium-device.css') }}">
  39.     <link rel="stylesheet" href="{{ asset('css/project_specific/large-device.css') }}">
  40.     <link rel="stylesheet" href="{{ asset('css/project_specific/sb-admin-2.css') }}">
  42.     <link rel="stylesheet" href="{{ asset('calendar/calendar-2/dist/zabuto_calendar.min.css') }}"/>
  44.     {% block topjs %}
  46.     {% endblock topjs %}
  47.     <!-- Custom styles for this template-->
  48.     <link href="{{ asset('/css/standard/sb-admin-2.css') }}" rel="stylesheet">
  49.     <style>
  50.         thead {
  51.             background-color: #f1efea;
  52.         }
  54.         .dataTables_wrapper {
  55.             margin-bottom: 50px;
  56.             margin-top: 5px;
  57.         }
  59.         thead {
  60.             background-color: #f1efea;
  61.         }
  63.         .dataTables_wrapper {
  64.             margin-bottom: 50px;
  65.             margin-top: 5px;
  66.         }
  68.         .hide-form-field {
  69.             display: none;
  70.         }
  72.         .top-up-dialog {
  73.             display: none;
  74.             position: fixed;
  75.             top: 50%;
  76.             left: 50%;
  77.             transform: translate(-50%, -50%);
  78.             z-index: 1;
  79.             background: whitesmoke;
  80.         }
  82.         .bid-dialog {
  83.             display: none;
  84.             position: fixed;
  85.             top: 50%;
  86.             left: 50%;
  87.             transform: translate(-50%, -50%);
  88.             z-index: 1;
  89.             background: white;
  90.             border: 1px solid #b8b7b7;
  91.             border-radius: 0px;
  92.         }
  94.         .loader {
  95.             display: none;
  96.         }
  98.         body {
  99.             padding-top: 78px;
  100.             background: #f8f9fc;
  101.         }
  103.         table.dataTable.no-footer {
  104.             border-bottom: none;
  105.         }
  107.         .nav-item {
  108.             margin-left: 20px;
  110.         }
  112.         .nav-link {
  113.             /*color: white !important;*/
  114.             font-size: 18px
  115.         }
  117.         .footer-social-icon-fb:hover {
  118.             background-color: blue !important;
  119.         }
  121.         .footer-social-icon-ln:hover {
  122.             background-color: blue !important;
  123.         }
  125.         .footer-social-icon-in:hover {
  126.             background-color: blue !important;
  127.         }
  129.         .footer-social-icon-tw:hover {
  130.             background-color: blue !important;
  131.         }
  133.         /*#content{*/
  134.         /*    max-height: 1200px ;*/
  135.         /*}*/
  136.     </style>
  139. </head>
  141. <!-- Google tag (gtag.js) -->
  142. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LYZX1Z2ZF1"></script>
  143. <script>
  144.   window.dataLayer = window.dataLayer || [];
  145.   function gtag(){dataLayer.push(arguments);}
  146.   gtag('js', new Date());
  148.   gtag('config', 'G-LYZX1Z2ZF1');
  149. </script>
  151. <body id="page-top">
  153. <!-- Page Wrapper -->
  154. <div id="wrapper">
  157.     <!-- Content Wrapper -->
  158.     <div id="content-wrapper" class="d-flex flex-column">
  160.         <!-- Main Content -->
  161.         <div id="content">
  163.             {% include 'template_parts/header.html.twig' %}
  164.             {% block home %}
  165.             {% endblock home %}
  166.             <!-- Begin Page Content -->
  167.             <div class="container-fluid">
  169.                 <!-- Page Heading -->
  170.                 <div class="d-sm-flex align-items-center justify-content-between mb-4">
  171.                     <h1 class="h3 mb-0 text-gray-800"></h1>
  172.                 </div>
  175.                 {% block body %}
  176.                 {% endblock body %}
  177.             </div>
  178.             <!-- /.container-fluid -->
  179.         </div>
  182.         {% if include_footer|default('No') == 'Yes' %}
  183.             {{ include('template_parts/footer.html.twig') }}
  184.         {% endif %}
  186.     </div>
  187.     <!-- End of Content Wrapper -->
  189. </div>
  190. <!-- End of Page Wrapper -->
  192. <!-- Scroll to Top Button-->
  193. <a class="scroll-to-top rounded" href="#page-top">
  194.     <i class="fas fa-angle-up"></i>
  195. </a>
  197. <!-- Logout Modal-->
  198. <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  199.      aria-hidden="true">
  200.     <div class="modal-dialog" role="document">
  201.         <div class="modal-content">
  202.             <div class="modal-header">
  203.                 <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
  204.                 <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  205.                     <span aria-hidden="true">×</span>
  206.                 </button>
  207.             </div>
  208.             <div class="modal-body">Please "Logout" of your current session.</div>
  209.             <div class="modal-footer">
  210.                 <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
  211.                 <a class="btn btn-primary" href="{{ path('app_logout') }}">Logout</a>
  212.             </div>
  213.         </div>
  214.     </div>
  215. </div>
  216. <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  217.         integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  218. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  219.         integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  220.         crossorigin="anonymous"></script>
  221. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  222.         integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  223.         crossorigin="anonymous"></script>
  224. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js"
  225.         integrity="sha256-5ZrdaeOQG3t2uVEkC6FxsGF2y3taTxhdjyGLXi3RUDk=" crossorigin="anonymous"></script>
  226. <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  227. <!-- Custom scripts for all pages-->
  228. <script src="{{ asset('admin/js/sb-admin-2.min.js') }}"></script>
  231. <script>
  232.     $('.table').addClass('table-responsive');
  233. </script>
  235. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  236. <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  237. <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
  238. <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
  239. <script src="https://cdn.ckeditor.com/ckeditor5/32.0.0/classic/ckeditor.js"></script>
  240. <script async defer
  241.         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIMNeOCE1pdTZu8p-7dSXhIUmpYhWzydc&callback=initMap">
  242. </script>
  243. <script>
  244.     $(document).ready(function () {
  245.         bsCustomFileInput.init();
  246.     });
  247. </script>
  248. <script>
  249.     $("input.datetime").flatpickr({
  250.         altInput: true,
  251.         altFormat: "D j F Y",
  252.         time_24hr: true,
  253.         enableTime: false,
  254.         noCalendar: false,
  255.         dateFormat: "Y-m-d H:i:s",
  256.         minuteIncrement: 15
  257.         //minDate: "today",
  258.     });
  259. </script>
  260. {% block javascripts %}
  262. {% endblock javascripts %}
  263. {% block datatable %}
  264.     <script>
  265.         $(document).ready(function () {
  266.             function detectMob() {
  267.                 return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
  268.             }
  270.             var isMobile = detectMob();
  271.             if (isMobile) {
  272.                 $('body').addClass('mobile');
  273.             }
  274.         });
  275.     </script>
  277. {% endblock datatable %}
  278. {% block additionaljs %}
  279. {% endblock additionaljs %}
  281. <script>
  282.     ClassicEditor
  283.         .create(document.querySelector('#sub_page_content'))
  284.         .catch(error => {
  285.             console.error(error);
  286.         });
  288.     // $('table').addClass('table-striped');
  289.     $('.table').addClass('.table-borderless');
  290.     $('.table').addClass('table-hover');
  291. </script>
  293. <script>
  295.     {% if app.user and 'ROLE_CLIENT' in app.user.roles %}
  296.     $('.doc-holder').hide();
  297.     {% endif %}
  299.     $('.transaction-show').addClass('col-lg-10');
  300. </script>
  302. {% block js %}
  306. {% endblock js %}
  309. </body>
  311. </html>