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/style.css') }}">
  32.     <link rel="stylesheet" href="{{ asset('css/small-device.css') }}">
  33.     <link rel="stylesheet" href="{{ asset('css/medium-device.css') }}">
  34.     <link rel="stylesheet" href="{{ asset('css/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/sb-admin-2.css') }}" rel="stylesheet">
  42.     <style>
  44.         thead {
  45.             background-color: #f1efea;
  46.         }
  48.         .dataTables_wrapper {
  49.             margin-bottom: 50px;
  50.             margin-top: 5px;
  51.         }
  53.         thead {
  54.             background-color: #f1efea;
  55.         }
  57.         .dataTables_wrapper {
  58.             margin-bottom: 50px;
  59.             margin-top: 5px;
  60.         }
  62.         .hide-form-field {
  63.             display: none;
  64.         }
  66.         .top-up-dialog {
  67.             display: none;
  68.             position: fixed;
  69.             top: 50%;
  70.             left: 50%;
  71.             transform: translate(-50%, -50%);
  72.             z-index: 1;
  73.             background: whitesmoke;
  74.         }
  76.         .bid-dialog {
  77.             display: none;
  78.             position: fixed;
  79.             top: 50%;
  80.             left: 50%;
  81.             transform: translate(-50%, -50%);
  82.             z-index: 1;
  83.             background: white;
  84.             border: 1px solid #b8b7b7;
  85.             border-radius: 0px;
  86.         }
  88.         .loader {
  89.             display: none;
  90.         }
  92.         body {
  93.             padding-top: 78px;
  94.             background: #f8f9fc;
  95.         }
  97.         table.dataTable.no-footer {
  98.             border-bottom: none;
  99.         }
  101.         .nav-item {
  102.             margin-left: 20px;
  104.         }
  106.         .nav-link {
  107.             /*color: white !important;*/
  108.             font-size: 18px
  109.         }
  111.         .footer-social-icon-fb:hover {
  112.             background-color: blue !important;
  113.         }
  115.         .footer-social-icon-ln:hover {
  116.             background-color: blue !important;
  117.         }
  119.         .footer-social-icon-in:hover {
  120.             background-color: blue !important;
  121.         }
  123.         .footer-social-icon-tw:hover {
  124.             background-color: blue !important;
  125.         }
  127.         /*#content{*/
  128.         /*    max-height: 1200px ;*/
  129.         /*}*/
  130.     </style>
  133. </head>
  135. <!-- Google tag (gtag.js) -->
  136. <script async src="https://www.googletagmanager.com/gtag/js?id=G-DV5W3V1L17"></script>
  137. <script>
  138.     window.dataLayer = window.dataLayer || [];
  140.     function gtag() {
  141.         dataLayer.push(arguments);
  142.     }
  144.     gtag('js', new Date());
  146.     gtag('config', 'G-DV5W3V1L17');
  147. </script>
  150. <body id="page-top">
  152. <!-- Page Wrapper -->
  153. <div id="wrapper">
  156.     <!-- Content Wrapper -->
  157.     <div id="content-wrapper" class="d-flex flex-column">
  159.         <!-- Main Content -->
  160.         <div id="content">
  162.             {% include 'template_parts/header.html.twig' %}
  163.             {% block home %}
  164.             {% endblock home %}
  165.             <!-- Begin Page Content -->
  166.             <div class="container-fluid">
  168.                 <!-- Page Heading -->
  169.                 <div class="d-sm-flex align-items-center justify-content-between mb-4">
  170.                     <h1 class="h3 mb-0 text-gray-800"></h1>
  171.                 </div>
  174.                 {% block body %}
  175.                 {% endblock body %}
  176.             </div>
  177.             <!-- /.container-fluid -->
  178.         </div>
  180.         {{ include('template_parts/footer.html.twig') }}
  183.     </div>
  184.     <!-- End of Content Wrapper -->
  186. </div>
  187. <!-- End of Page Wrapper -->
  189. <!-- Scroll to Top Button-->
  190. <a class="scroll-to-top rounded" href="#page-top">
  191.     <i class="fas fa-angle-up"></i>
  192. </a>
  194. <!-- Logout Modal-->
  195. <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  196.      aria-hidden="true">
  197.     <div class="modal-dialog" role="document">
  198.         <div class="modal-content">
  199.             <div class="modal-header">
  200.                 <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
  201.                 <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  202.                     <span aria-hidden="true">×</span>
  203.                 </button>
  204.             </div>
  205.             <div class="modal-body">Please "Logout" of your current session.</div>
  206.             <div class="modal-footer">
  207.                 <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
  208.                 <a class="btn btn-primary" href="{{ path('app_logout') }}">Logout</a>
  209.             </div>
  210.         </div>
  211.     </div>
  212. </div>
  213. <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  214.         integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  215. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  216.         integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  217.         crossorigin="anonymous"></script>
  218. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  219.         integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  220.         crossorigin="anonymous"></script>
  221. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js"
  222.         integrity="sha256-5ZrdaeOQG3t2uVEkC6FxsGF2y3taTxhdjyGLXi3RUDk=" crossorigin="anonymous"></script>
  223. <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
  224. <!-- Custom scripts for all pages-->
  225. <script src="{{ asset('admin/js/sb-admin-2.min.js') }}"></script>
  228. <script>
  229.     $('.table').addClass('table-responsive');
  230. </script>
  232. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  233. <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  234. <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
  235. <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
  236. <script src="https://cdn.ckeditor.com/ckeditor5/32.0.0/classic/ckeditor.js"></script>
  237. <script async defer
  238.         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIMNeOCE1pdTZu8p-7dSXhIUmpYhWzydc&callback=initMap">
  239. </script>
  240. <script>
  241.     $(document).ready(function () {
  242.         bsCustomFileInput.init();
  243.     });
  244. </script>
  245. <script>
  246.     $("input.datetime").flatpickr({
  247.         altInput: true,
  248.         altFormat: "D j F Y",
  249.         time_24hr: true,
  250.         enableTime: false,
  251.         noCalendar: false,
  252.         dateFormat: "Y-m-d H:i:s",
  253.         minuteIncrement: 15
  254.         //minDate: "today",
  255.     });
  256. </script>
  257. {% block javascripts %}
  259. {% endblock javascripts %}
  260. {% block datatable %}
  261.     <script>
  262.         $(document).ready(function () {
  263.             function detectMob() {
  264.                 return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
  265.             }
  267.             var isMobile = detectMob();
  268.             if (isMobile) {
  269.                 $('body').addClass('mobile');
  270.             }
  271.         });
  272.     </script>
  274. {% endblock datatable %}
  275. {% block additionaljs %}
  276. {% endblock additionaljs %}
  278. <script>
  279.      ClassicEditor
  280.         .create(document.querySelector('#sub_page_content'))
  281.         .catch(error => {
  282.             console.error(error);
  283.         });
  285.     // $('table').addClass('table-striped');
  286.     $('.table').addClass('.table-borderless');
  287.     $('.table').addClass('table-hover');
  288. </script>
  290. <script>
  292.     {% if app.user and 'ROLE_CLIENT' in app.user.roles %}
  293.     $('.doc-holder').hide();
  294.     {% endif %}
  296.     $('.transaction-show').addClass('col-lg-10');
  297. </script>
  299. {% block js %}
  303. {% endblock js %}
  306. </body>
  308. </html>