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 %}Welcome!{% 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/plugins/custom/prismjs/prismjs.bundle.css') }}">
  12.     <link rel="stylesheet" href="{{ asset('assets/theme/css/style.bundle.css') }}">
  14.     <link rel="stylesheet" href="{{ asset('assets/theme/css/themes/layout/header/base/light.css') }}">
  15.     <link rel="stylesheet" href="{{ asset('assets/theme/css/themes/layout/header/menu/light.css') }}">
  16.     <link rel="stylesheet" href="{{ asset('assets/theme/css/themes/layout/brand/light.css') }}">
  17.     <link rel="stylesheet" href="{{ asset('assets/theme/css/themes/layout/aside/light.css') }}">
  18.     <link rel="shortcut icon" href="{{ asset('assets/theme/media/logos/favicon.ico') }}"/>
  19.     {% block stylesheets %}{% endblock %}
  20. </head>
  21. <body id="kt_body"
  22.       class="header-fixed header-mobile-fixed subheader-enabled aside-enabled aside-fixed aside-minimize-hoverable page-loading">
  23. <!--begin::Main-->
  24. {% block main %}
  25.     <!--[html-partial:include:{"file":"partials/_header-mobile.html"}]/-->
  26.     {% include '_partials/_header-mobile.html.twig' %}
  27.     <div class="d-flex flex-column flex-root">
  29.         <!--begin::Page-->
  30.         <div class="d-flex flex-row flex-column-fluid page">
  32.             <!--[html-partial:include:{"file":"partials/_aside.html"}]/-->
  33.             {% include '_partials/_aside.html.twig' %}
  35.             <!--begin::Wrapper-->
  36.             <div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
  38.                 <!--[html-partial:include:{"file":"partials/_header.html"}]/-->
  39.                 {% if block('headerMenu') is not defined %}{% block headerMenu %}
  40.                     <div></div>{% endblock %}{% endif %}
  41.                 {% include '_partials/_header.html.twig' with {headerMenu: block('headerMenu')} %}
  42.                 <!--begin::Content-->
  43.                 <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  45.                     <!--[html-partial:include:{"file":"partials/_subheader/subheader-v2.html"}]/-->
  46.                     {% if block('subHeaderLeft') is not defined %}{% block subHeaderLeft %}<h5
  47.                             class="text-dark font-weight-bold mt-2 mb-2 mr-5">{{ block('title') }}</h5>{% endblock %}{% endif %}
  48.                     {% if block('subHeaderRight') is not defined %}{% block subHeaderRight %}{% endblock %}{% endif %}
  49.                     {% include '_partials/_subheader/subheader-v2.html.twig' with {subHeaderLeft: block('subHeaderLeft'), subHeaderRight: block('subHeaderRight')} %}
  51.                     <!--[html-partial:include:{"file":"partials/_content.html"}]/-->
  52.                     {# {% include '_partials/_content.html.twig' %} #}
  53.                     <div class="d-flex flex-column-fluid">
  55.                         <!--begin::Container-->
  56.                         <div 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.                             {% block body %}{% endblock %}
  67.                         </div>
  68.                     </div>
  69.                 </div>
  71.                 <!--end::Content-->
  73.                 <!--[html-partial:include:{"file":"partials/_footer.html"}]/-->
  74.                 {% include '_partials/_footer.html.twig' %}
  75.             </div>
  77.             <!--end::Wrapper-->
  78.         </div>
  80.         <!--end::Page-->
  81.     </div>
  82. {% endblock %}
  84. <!--end::Main-->
  86. <!--[html-partial:include:{"file":"partials/_extras/offcanvas/quick-search.html"}]/-->
  87. {# {% include '_partials/_extras/offcanvas/quick-search.html.twig' %} #}
  89. <!--[html-partial:include:{"file":"partials/_extras/offcanvas/quick-user.html"}]/-->
  90. {% include '_partials/_extras/offcanvas/quick-user.html.twig' %}
  92. <!--[html-partial:include:{"file":"partials/_extras/scrolltop.html"}]/-->
  93. {% include '_partials/_extras/scrolltop.html.twig' %}
  95. <!--[html-partial:include:{"file":"partials/_extras/toolbar.html"}]/-->
  96. {# {% include '_partials/_extras/toolbar.html.twig' %} #}
  98. <!--[html-partial:include:{"file":"partials/_extras/offcanvas/demo-panel.html"}]/-->
  99. {# {% include '_partials/_extras/offcanvas/demo-panel.html.twig' %} #}
  102. <script>
  103.     var HOST_URL = "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
  104. </script>
  105. <script>
  106.     var KTAppSettings = {
  107.         "breakpoints": {
  108.             "sm": 576,
  109.             "md": 768,
  110.             "lg": 992,
  111.             "xl": 1200,
  112.             "xxl": 1400
  113.         },
  114.         "colors": {
  115.             "theme": {
  116.                 "base": {
  117.                     "white": "#ffffff",
  118.                     "primary": "#3699FF",
  119.                     "secondary": "#E5EAEE",
  120.                     "success": "#1BC5BD",
  121.                     "info": "#8950FC",
  122.                     "warning": "#FFA800",
  123.                     "danger": "#F64E60",
  124.                     "light": "#E4E6EF",
  125.                     "dark": "#181C32"
  126.                 },
  127.                 "light": {
  128.                     "white": "#ffffff",
  129.                     "primary": "#E1F0FF",
  130.                     "secondary": "#EBEDF3",
  131.                     "success": "#C9F7F5",
  132.                     "info": "#EEE5FF",
  133.                     "warning": "#FFF4DE",
  134.                     "danger": "#FFE2E5",
  135.                     "light": "#F3F6F9",
  136.                     "dark": "#D6D6E0"
  137.                 },
  138.                 "inverse": {
  139.                     "white": "#ffffff",
  140.                     "primary": "#ffffff",
  141.                     "secondary": "#3F4254",
  142.                     "success": "#ffffff",
  143.                     "info": "#ffffff",
  144.                     "warning": "#ffffff",
  145.                     "danger": "#ffffff",
  146.                     "light": "#464E5F",
  147.                     "dark": "#ffffff"
  148.                 }
  149.             },
  150.             "gray": {
  151.                 "gray-100": "#F3F6F9",
  152.                 "gray-200": "#EBEDF3",
  153.                 "gray-300": "#E4E6EF",
  154.                 "gray-400": "#D1D3E0",
  155.                 "gray-500": "#B5B5C3",
  156.                 "gray-600": "#7E8299",
  157.                 "gray-700": "#5E6278",
  158.                 "gray-800": "#3F4254",
  159.                 "gray-900": "#181C32"
  160.             }
  161.         },
  162.         "font-family": "Poppins"
  163.     };
  164. </script>
  165. <script src="{{ asset('assets/theme/plugins/global/plugins.bundle.js') }}"></script>
  166. <script src="{{ asset('assets/theme/js/scripts.bundle.js') }}"></script>
  167. <script src="{{ asset('assets/theme/plugins/custom/prismjs/prismjs.bundle.js') }}"></script>
  168. <script src="{{ asset('assets/theme/plugins/custom/fullcalendar/fullcalendar.bundle.js') }}"></script>
  169. <script src="{{ asset('assets/theme/plugins/custom/datatables/datatables.bundle.js') }}"></script>
  170. <script src="{{ asset('assets/theme/js/pages/crud/datatables/extensions/buttons.js') }}"></script>
  171. <script src="{{ asset('assets/theme/js/pages/widgets.js') }}"></script>
  172. {{ encore_entry_script_tags('app') }}
  173. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js"></script>
  174. <script>
  175.     $(function () {
  176.         //avatar
  177.         var avatar = new KTImageInput('avatar');
  179.         //date
  180.         arrows = {
  181.             rightArrow: '<i class="la la-angle-right"></i>',
  182.             leftArrow: '<i class="la la-angle-left"></i>'
  183.         }
  185.         // enable clear button
  186.         $('.date').datepicker({
  187.             autoclose: true,
  188.             todayBtn: "linked",
  189.             clearBtn: true,
  190.             todayHighlight: true,
  191.             templates: arrows,
  192.             language: "fr",
  193.             orientation: "bottom right"
  194.         });
  195.     })
  197.     function generateDataTableConfig(ajax, hidden = [], sort = [], order = [0, 'asc'], callback = "", displayLength = 30) {
  199.         if (callback.length === 0) {
  200.             callback = function () {
  201.                 ajaxActionTrigger();
  202.             };
  203.         }
  205.         return {
  206.             "ajax": ajax,
  207.             "columnDefs": [
  208.                 {
  209.                     "targets": hidden,
  210.                     "visible": false
  211.                 },
  212.                 {
  213.                     "targets": sort,
  214.                     "orderable": false
  215.                 }
  216.             ],
  217.             "order": [order],
  218.             "displayLength": displayLength,
  219.             "lengthMenu": [[10, 25, 50, 100, 150, 200, 400, 500 /*-1*/], [10, 25, 50, 100, 150, 200, 400, 500]],
  220.             "language": {
  221.                 "sEmptyTable": "Aucune donnée disponible dans le tableau",
  222.                 "sInfo": "Affichage de l'élément _START_ à _END_ sur _TOTAL_ éléments",
  223.                 "sInfoEmpty": "Affichage de l'élément 0 à 0 sur 0 élément",
  224.                 "sInfoFiltered": "(filtré à partir de _MAX_ éléments au total)",
  225.                 "sInfoPostFix": "",
  226.                 "sInfoThousands": ",",
  227.                 "sLengthMenu": "Afficher _MENU_ éléments",
  228.                 "sLoadingRecords": "Chargement...",
  229.                 "sProcessing": "Traitement...",
  230.                 "sSearch": "Rechercher :",
  231.                 "sZeroRecords": "Aucun élément correspondant trouvé",
  232.                 "oPaginate": {
  233.                     "sFirst": "Premier",
  234.                     "sLast": "Dernier",
  235.                     "sNext": "Suivant",
  236.                     "sPrevious": "Précédent"
  237.                 },
  238.                 "oAria": {
  239.                     "sSortAscending": ": activer pour trier la colonne par ordre croissant",
  240.                     "sSortDescending": ": activer pour trier la colonne par ordre décroissant"
  241.                 },
  242.                 // "select": {
  243.                 //     "rows": {
  244.                 //         "_": "%d lignes sélectionnées",
  245.                 //         "0": "Aucune ligne sélectionnée",
  246.                 //         "1": "1 ligne sélectionnée"
  247.                 //     }
  248.                 // },
  249.                 "search": "_INPUT_"
  250.             },
  251.             "pagingType": "full_numbers",
  252.             "iDisplayLength": 25,
  253.             "bProcessing": true,
  254.             "serverSide": true,
  255.             dom: `<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>
  256.             <'row'<'col-sm-12'tr>>
  257.             <'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
  258.             "buttons": [
  259.                 {extend: 'print', className: 'btn dark btn-outline', filter: "applied", order: "current"},
  260.                 {extend: 'copy', className: 'btn red btn-outline', filter: "applied", order: "current"},
  261.                 {
  262.                     extend: 'pdf',
  263.                     className: 'btn green btn-outline',
  264.                     columns: "visible",
  265.                     filter: "applied",
  266.                     order: "current"
  267.                 },
  268.                 {extend: 'excel', className: 'btn yellow btn-outline ', filter: "applied", order: "current"},
  269.                 {extend: 'csv', className: 'btn purple btn-outline ', filter: "applied", order: "current"},
  270.                 {
  271.                     extend: 'colvis',
  272.                     className: 'btn dark btn-outline',
  273.                     text: 'Columns',
  274.                     filter: "applied",
  275.                     order: "current"
  276.                 }
  277.             ],
  278.             "drawCallback": callback,
  279.             // "preDrawCallback": function (settings) {
  280.             //
  281.             //     var elTable = jQuery('#SamiTable');
  282.             //     var oTable = elTable.DataTable();
  283.             //     if (oTable.context[0].jqXHR) {
  284.             //         oTable.context[0].jqXHR.abort()
  285.             //     }
  286.             // }
  287.         };
  288.     }
  290.     function ajaxActionTrigger() {
  291.         $(".ajax_action").on("click", function () {
  292.             var form = $(this).parent();
  293.             Swal.fire({
  294.                 text: form.data('message'),
  295.                 icon: "info",
  296.                 confirmButtonText: "Confirmer !",
  297.                 customClass: {
  298.                     confirmButton: "btn btn-danger font-weight-bold btn-pill",
  299.                     cancelButton: "btn btn-secondary font-weight-bold btn-pill"
  300.                 },
  301.                 cancelButtonText: 'Annuler',
  302.                 showCancelButton: true
  303.             }).then((result) => {
  304.                 if (result.isConfirmed) {
  305.                     form.submit();
  306.                 }
  307.             })
  308.         });
  309.     }
  312. </script>
  313. {% block javascripts %}{% endblock %}
  314. </body>
  315. </html>