templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Greetings From SmartSigma !{% endblock %}</title>
  6.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"/>
  7.     {{ encore_entry_link_tags('app') }}
  8.     <link rel="stylesheet" href="{{ asset('assets/theme/plugins/custom/fullcalendar/fullcalendar.bundle.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('assets/theme/plugins/custom//datatables/datatables.bundle.css') }}"/>
  10.     <link rel="stylesheet" href="{{ asset('assets/theme/plugins/global/plugins.bundle.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('assets/theme/css/style.bundle.css') }}">
  12.     <link rel="shortcut icon" href="{{ asset('logos/favicon.ico') }}"/>
  13.     <style>
  14.         .zoom-img{
  15.             height: 800px;
  16.         }
  17.     </style>
  18.     {% block stylesheets %}{% endblock %}
  19. </head>
  20. <!--begin::Body-->
  21. <body id="kt_body"
  22.       class="page-loading-enabled page-loading header-fixed header-tablet-and-mobile-fixed toolbar-enabled toolbar-fixed toolbar-tablet-and-mobile-fixed aside-enabled aside-fixed"
  23.       style="--kt-toolbar-height:55px;--kt-toolbar-height-tablet-and-mobile:55px" data-kt-aside-minimize="on">
  25. <!-- Loader -->
  26. {% include '_layout/_loader.html.twig' %}
  28. <!--begin::Main-->
  29. {% block main %}
  30.     <!--begin::Root-->
  31.     <div class="d-flex flex-column flex-root">
  32.         <!--begin::Page-->
  33.         <div class="page d-flex flex-row flex-column-fluid">
  35.             <!--begin::Aside-->
  36.             {% include '_layout/aside/_base.html.twig' %}
  38.             <!--begin::Wrapper-->
  39.             <div class="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
  41.                 <!--layout-partial:layout/header/_base.html-->
  42.                 {% include '_layout/header/_base.html.twig' with {title: block('title')} %}
  44.                 <!--begin::Content-->
  45.                 <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  47.                     <!--layout-partial:layout/toolbars/_toolbar-1.html-->
  48.                     {% if block('toolbarLeft') is not defined %}{% block toolbarLeft %}{% endblock %}{% endif %}
  49.                     {% if block('toolbarRight') is not defined %}{% block toolbarRight %}{% endblock %}{% endif %}
  50.                     {% include '_layout/toolbars/_toolbar.html.twig' with {toolbarLeft: block('toolbarLeft'), toolbarRight: block('toolbarRight')} %}
  52.                     <!--begin::Post-->
  53.                     <div class="post d-flex flex-column-fluid" id="kt_post">
  55.                         <!--begin::Container-->
  56.                         <div id="kt_content_container" class="container-fluid">
  57.                             {% for label, messages in app.flashes %}
  58.                                 <div class="container">
  59.                                     <div class="alert alert-{{ label }}">
  60.                                         {% for message in messages %}
  61.                                             <p>{{ message | raw }}</p>
  62.                                         {% endfor %}
  63.                                     </div>
  64.                                 </div>
  65.                             {% endfor %}
  66.                             <div id="body">
  67.                                 {% block modal %}{% endblock %}
  68.                                 {% block body %}{% endblock %}
  69.                             </div>
  70.                         </div>
  71.                         <!--end::Container-->
  73.                     </div>
  74.                     <!--end::Post-->
  75.                 </div>
  76.                 <!--end::Content-->
  78.                 <!--layout-partial:layout/_footer.html-->
  79.                 {% include '_layout/_footer.html.twig' %}
  81.             </div>
  82.             <!--end::Wrapper-->
  83.         </div>
  84.         <!--end::Page-->
  85.     </div>
  86.     <!--end::Root-->
  88.     <!--layout-partial:layout/_scrolltop.html-->
  89.     {% include '_layout/_scrolltop.html.twig' %}
  91. {% endblock %}
  92. <!--end::Main-->
  94. <script>var hostUrl = "{{ asset('assets/theme/') }}";</script>
  95. <!--begin::Javascript-->
  96. <!--begin::Global Javascript Bundle(used by all pages)-->
  97. <script src="{{ asset('assets/theme/plugins/global/plugins.bundle.js') }}"></script>
  98. <script src="{{ asset('assets/theme/js/scripts.bundle.js') }}"></script>
  99. {#<script src="{{ asset('assets/theme/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}"></script>#}
  100. <script src="{{ asset('assets/theme/plugins/custom/datatables/datatables.bundle.js') }}"></script>
  101. <script src="{{ asset('assets/other/flatpickr-fr.js') }}"></script>
  102. <script src="{{ asset('assets/other/select2.full.min.js') }}"></script>
  103. <script src="{{ asset('assets/other/select2-fr.js') }}"></script>
  105. <!--end::Global Javascript Bundle-->
  106. <!--begin::Page Custom Javascript(used by this page)-->
  107. <script src="{{ asset('assets/theme/js/custom/widgets.js') }}"></script>
  108. <script src="{{ asset('assets/theme/js/custom/intro.js') }}"></script>
  110. <script src="{{ asset('assets/other/accounting.umd.js') }}"></script>
  111. <script src="{{ asset('assets/other/vue.js') }}"></script>
  112. <script src="{{ asset('assets/other/vue-numeric.min.js') }}"></script>
  113. <script src="{{ asset('assets/other/vue-the-mask.js') }}"></script>
  115. <script>
  116.     $(function () {
  117.         //date
  118.         arrows = {
  119.             rightArrow: '<i class="la la-angle-right"></i>',
  120.             leftArrow: '<i class="la la-angle-left"></i>'
  121.         }
  123.         var daterangepicker = $('.date');
  124.         daterangepicker.daterangepicker({
  125.             "singleDatePicker": true,
  126.             "showDropdowns": true,
  127.             "autoUpdateInput": true,
  128.             "locale": {
  129.                 "format": "DD/MM/YYYY",
  130.                 "applyLabel": "Appliquer",
  131.                 "cancelLabel": "Annuler",
  132.                 "weekLabel": "W",
  133.                 "firstDay": 1
  134.             }
  135.         });
  137.         daterangepicker.on('apply.daterangepicker', function (ev, picker) {
  138.             $(this).val(picker.startDate.format("DD/MM/YYYY"));
  139.         });
  141.         daterangepicker.on('cancel.daterangepicker', function (ev, picker) {
  142.             $(this).val('');
  143.         });
  145.         $("select:not(.no-select)").select2();
  146.     })
  148.     function generateDataTableConfig(ajax, hidden = [], sort = [], order = [0, 'desc'], callback = "", displayLength = 30) {
  150.         if (callback.length === 0) {
  151.             callback = function () {
  152.                 deleteTrigger();
  153.                 KTMenu.createInstances();
  154.                 $('[data-bs-toggle="tooltip"]').tooltip();
  155.                 zoomPictures();
  156.             };
  157.         }
  159.         return {
  160.             "ajax": ajax,
  161.             "columnDefs": [
  162.                 {
  163.                     "targets": hidden,
  164.                     "visible": false
  165.                 },
  166.                 {
  167.                     "targets": sort,
  168.                     "orderable": false
  169.                 }
  170.             ],
  171.             "order": [order],
  172.             "displayLength": displayLength,
  173.             "lengthMenu": [[10, 25, 50, 100, 150, 200, 400, 500 /*-1*/], [10, 25, 50, 100, 150, 200, 400, 500]],
  174.             "language": {
  175.                 "sEmptyTable": "Aucune donnée disponible dans le tableau",
  176.                 "sInfo": "Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments",
  177.                 "sInfoEmpty": "Affichage de l'élément 0 à 0 sur 0 élément",
  178.                 "sInfoFiltered": "(filtré à partir de _MAX_ éléments au total)",
  179.                 "sInfoPostFix": "",
  180.                 "sInfoThousands": ",",
  181.                 "sLengthMenu": "Afficher _MENU_ éléments",
  182.                 "sLoadingRecords": "Chargement...",
  183.                 "sProcessing": "Traitement...",
  184.                 "sSearch": "Rechercher :",
  185.                 "sZeroRecords": "Aucun élément correspondant trouvé",
  186.                 "oPaginate": {
  187.                     "sFirst": "Premier",
  188.                     "sLast": "Dernier",
  189.                     "sNext": "Suivant",
  190.                     "sPrevious": "Précédent"
  191.                 },
  192.                 "oAria": {
  193.                     "sSortAscending": ": activer pour trier la colonne par ordre croissant",
  194.                     "sSortDescending": ": activer pour trier la colonne par ordre décroissant"
  195.                 },
  196.                 // "select": {
  197.                 //     "rows": {
  198.                 //         "_": "%d lignes sélectionnées",
  199.                 //         "0": "Aucune ligne sélectionnée",
  200.                 //         "1": "1 ligne sélectionnée"
  201.                 //     }
  202.                 // },
  203.                 "search": "_INPUT_"
  204.             },
  205.             "pagingType": "full_numbers",
  206.             "iDisplayLength": 25,
  207.             "bProcessing": true,
  208.             "serverSide": true,
  209.             "drawCallback": callback,
  210.             // "preDrawCallback": function (settings) {
  211.             //
  212.             //     var elTable = jQuery('#SamiTable');
  213.             //     var oTable = elTable.DataTable();
  214.             //     if (oTable.context[0].jqXHR) {
  215.             //         oTable.context[0].jqXHR.abort()
  216.             //     }
  217.             // }
  218.         };
  219.     }
  221.     // Search Datatable --- official docs reference: https://datatables.net/reference/api/search()
  222.     var handleSearchDatatable = function (dt) {
  223.         const filterSearch = document.querySelector('[data-table-filter="search"]');
  224.         filterSearch.addEventListener('keyup', function (e) {
  225.             dt.search(e.target.value).draw();
  226.         });
  227.     }
  229.     function deleteTrigger() {
  230.         $(".delete").on("click", function () {
  231.             var form = $(this).parent();
  232.             Swal.fire({
  233.                 text: form.data('message'),
  234.                 icon: "error",
  235.                 confirmButtonText: "Confirmer !",
  236.                 customClass: {
  237.                     confirmButton: "btn btn-danger font-weight-bold btn-pill",
  238.                     cancelButton: "btn btn-secondary font-weight-bold btn-pill"
  239.                 },
  240.                 cancelButtonText: 'Annuler',
  241.                 showCancelButton: true
  242.             }).then((result) => {
  243.                 if (result.isConfirmed) {
  244.                     form.submit();
  245.                 }
  246.             })
  247.         });
  248.     }
  250.     function zoomPictures() {
  251.         $('.zoom-image').popover(
  252.             {
  253.                 html: true,
  254.                 trigger: 'hover',
  255.                 placement: 'right',
  256.                 content: function () {
  257.                     return '<img class="zoom-img" src="' + $(this).attr('data-image-zoom') + '">';
  258.                 }
  259.             });
  260.     }
  262.     $(function () {
  263.         zoomPictures();
  264.     })
  265. </script>
  266. {% block javascripts %}{% endblock %}
  267. <!--end::Page Custom Javascript-->
  268. <!--end::Javascript-->
  269. </body>
  270. <!--end::Body-->
  271. </html>