templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="fixed sidebar-left-collapsed">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}CIRAD/SELMET - Demandes{% endblock %}</title>
  6.             <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap/css/bootstrap.css') }}">
  7.             <link rel="stylesheet" href="{{ asset('assets/vendor/font-awesome/css/font-awesome.css') }}">
  8.             <link rel="stylesheet" href="{{ asset('assets/vendor/magnific-popup/magnific-popup.css') }}">
  9.             <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap-datepicker/css/datepicker3.css') }}">
  10.             <link rel="stylesheet" href="{{ asset('assets/plugins/datetimepicker-master/jquery.datetimepicker.css') }}">
  11.             <!-- Specific Page Vendor CSS -->
  12.             <link rel="stylesheet" href="{{ asset('assets/vendor/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css') }}">
  13.             <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css') }}">
  14.             <link rel="stylesheet" href="{{ asset('assets/vendor/morris/morris.css') }}">
  15.             <link rel="stylesheet" href="{{ asset('assets/vendor/select2/select2.css') }}">
  16.             <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
  17.             <link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote.css') }}">
  18.             <link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote-bs3.css') }}">
  19.             <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.css') }}">
  20.     <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta2/css/all.css">
  21.     <link rel="shortcut icon" href="{{ asset('assets/images/logoTitle.ico') }}" type="image/x-icon" />
  22.             <link href="{{ asset('main.css') }}" rel="stylesheet"></head>
  23.             <!-- Theme CSS -->
  24.             <link rel="stylesheet" href="{{ asset('assets/stylesheets/theme.css') }}">
  25.             <!-- Skin CSS -->
  26.             <link rel="stylesheet" href="{{ asset('assets/stylesheets/skins/default.css') }}">
  27.             <!-- Theme Custom CSS -->
  28.             <link rel="stylesheet" href="{{ asset('assets/stylesheets/theme-custom.css') }}">
  29.             <link rel="stylesheet" href="{{ asset('assets/stylesheets/perso.css') }}">
  30.             <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
  31.             <!-- Head Libs -->
  32.             <script src="{{ asset('assets/vendor/modernizr/modernizr.js')}}"></script>
  33.             
  34.             <script src="{{ asset('assets/vendor/jquery/jquery.js')}}"></script>
  35.             {# <link rel="stylesheet" href="{{ asset('bundles/bootstrap/css/bootstrap.min.css') }}"> #}
  36.             <style>
  37.             .tooltip-inner {
  38.             background-color: rgb(0,163,166);
  39.             border: rgb(0,163,166);
  40.             padding:10px;
  41.             font-size:14px;
  42.             }
  43.             .tooltip.bs-tooltip-bottom .arrow:before {
  44.                 border-bottom-color: rgb(0,163,166) !important;
  45.             }
  46.             .tooltip.bs-tooltip-top .arrow:before {
  47.                 border-top-color:rgb(0,163,166)!important;
  48.             }
  49.             </Style>
  50.         {% block stylesheets %}
  51.         {% endblock %}
  52.     </head>
  53.     <body>
  54.     <section class="body">
  55.         {% include ('header.html.twig') %}
  56.         {% if app.session.flashBag.has('info') %}
  57.             <div class="alert alert-success">
  58.                 {{ app.flashes('info')|join }}
  59.             </div>
  60.         {% endif %}
  61.         <div class="inner-wrapper">
  62.             {% include('sidebar.html.twig') %}
  63.             <!-- MAIN CONTENT-->
  64.             <section role="main" class="content-body">
  65.                 <header class="page-header">
  66.                     <h2>{% block titre_appli %}CIRAD/SELMET - Demandes{% endblock %}</h2>
  67.                     <div class="right-wrapper pull-right">
  68.                         <ol class="breadcrumbs">
  69.                             <li>
  70.                                 <a href="{{ path('accueil') }}">
  71.                                     <i class="fa fa-home"></i>
  72.                                 </a>
  73.                             </li>
  74.                         </ol>
  75.                 
  76.                         <a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
  77.                     </div>
  78.                 </header>
  79.                 {% block body %}{% endblock %}
  80.         
  81.             </section>
  82.         </div>
  83.     </section>
  84.     <body>
  85.             <script src="{{ asset('assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js')}}"></script>
  86.             <script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.js')}}"></script>
  87.             <script src="{{ asset('assets/vendor/nanoscroller/nanoscroller.js')}}"></script>
  88.             <script src="{{ asset('assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js')}}"></script>
  89.             <script src="{{ asset('assets/vendor/magnific-popup/magnific-popup.js')}}"></script>
  90.             <script src="{{ asset('assets/vendor/jquery-placeholder/jquery.placeholder.js')}}"></script>
  91.             
  92.             <!-- Specific Page Vendor -->
  93.             <script src="{{ asset('assets/vendor/jquery-ui/js/jquery-ui-1.10.4.custom.js')}}"></script>
  94.             <script src="{{ asset('assets/vendor/jquery-ui-touch-punch/jquery.ui.touch-punch.js')}}"></script>
  95.             <script src="{{ asset('assets/vendor/jquery-appear/jquery.appear.js')}}"></script>
  96.             <script src="{{ asset('assets/vendor/bootstrap-multiselect/bootstrap-multiselect.js')}}"></script>
  97.             <script src="{{ asset('assets/vendor/jquery-easypiechart/jquery.easypiechart.js')}}"></script>
  98.             <script src="{{ asset('assets/vendor/flot/jquery.flot.js')}}"></script>
  99.             <script src="{{ asset('assets/vendor/flot-tooltip/jquery.flot.tooltip.js')}}"></script>
  100.             <script src="{{ asset('assets/vendor/flot/jquery.flot.pie.js')}}"></script>
  101.             <script src="{{ asset('assets/vendor/flot/jquery.flot.categories.js')}}"></script>
  102.             <script src="{{ asset('assets/vendor/flot/jquery.flot.resize.js')}}"></script>
  103.             <script src="{{ asset('assets/vendor/jquery-sparkline/jquery.sparkline.js')}}"></script>
  104.             <script src="{{ asset('assets/vendor/raphael/raphael.js')}}"></script>
  105.             <script src="{{ asset('assets/vendor/morris/morris.js')}}"></script>
  106.             <script src="{{ asset('assets/vendor/gauge/gauge.js')}}"></script>
  107.             <script src="{{ asset('assets/vendor/snap-svg/snap.svg.js')}}"></script>
  108.             <script src="{{ asset('assets/vendor/liquid-meter/liquid.meter.js')}}"></script>
  109.             <script src="{{ asset('assets/vendor/jquery-maskedinput/jquery.maskedinput.js')}}"></script>
  110.             <script src="{{ asset('assets/vendor/jqvmap/jquery.vmap.js')}}"></script>
  111.             <script src="{{ asset('assets/vendor/jqvmap/data/jquery.vmap.sampledata.js')}}"></script>
  112.             <script src="{{ asset('assets/vendor/jqvmap/maps/jquery.vmap.world.js')}}"></script>
  113.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.africa.js')}}"></script>
  114.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.asia.js')}}"></script>
  115.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.australia.js')}}"></script>
  116.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.europe.js')}}"></script>
  117.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.north-america.js')}}"></script>
  118.             <script src="{{ asset('assets/vendor/jqvmap/maps/continents/jquery.vmap.south-america.js')}}"></script>
  119.             <script src ="{{ asset('assets/plugins/datetimepicker-master/jquery.datetimepicker.js') }}"></script>
  120.             <script src="{{ asset('assets/vendor/select2/select2.js')}}"></script>
  121.             <script src="{{ asset('assets/vendor/jquery-datatables/media/js/jquery.dataTables.min.js')}}"></script>
  122.             <script src="{{ asset('assets/vendor/jquery-datatables/extras/TableTools/js/dataTables.tableTools.min.js')}}"></script>
  123.             <script src="{{ asset('assets/vendor/jquery-datatables-bs3/assets/js/datatables.js')}}"></script>
  124.             <script src="{{ asset('assets/vendor/summernote/summernote.js')}}"></script>
  125.             <script src="{{ asset('assets/vendor/bootstrap-fileupload/bootstrap-fileupload.min.js')}}"></script>
  126.             
  127.             <!-- Theme Base, Components and Settings -->
  128.             <script src="{{ asset('assets/javascripts/theme.js')}}"></script>
  129.             
  130.             <!-- Theme Custom -->
  131.             <script src="{{ asset('assets/javascripts/theme.custom.js')}}"></script>
  132.             
  133.             <!-- Theme Initialization Files -->
  134.             <script src="{{ asset('assets/javascripts/theme.init.js')}}"></script>
  135.     {% include 'app/DatePicker/datepicker.html.twig' %}
  136. <script>
  137. (function() {
  138.      var datatableInit = function() {
  139.          $('#maTable').dataTable( {
  140.             stateSave: true,
  141.           "pagingType": "full_numbers",          
  142.           fixedHeader: true,
  143.           columnDefs: [
  144.               { width: 50, targets: 0 }
  145.           ],
  146.           fixedColumns: true,
  147.           // "aaSorting": [] ,
  148.           language: {
  149.             "lengthMenu": "_MENU_ enregistrements par page",
  150.             "search": "Rechercher",
  151.             "zeroRecords": "aucun résultat",
  152.             "info": "_MAX_ enregistrements",
  153.             "infoEmpty": "Pas de résultats",
  154.             "infoFiltered": "(filtered from _MAX_ total records)",
  155.             "paginate": {
  156.               "previous": "<",
  157.               "first": "<<",
  158.               "next": ">",
  159.               "last": ">>",
  160.             },
  161.           },
  162.           "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Toutes"]],
  163.           dom: '<"top"Bli>rt<"bottom"p><"clear">,',
  164.           fixedHeader: {
  165.             headerOffset: 50
  166.           },
  167.         } );
  168.     };
  169.     var datatableEntreeInit = function() {
  170.          $('#maTableEntree').dataTable( {
  171.             stateSave: true,
  172.           "pagingType": "full_numbers",          
  173.           fixedHeader: true,
  174.           columnDefs: [
  175.               { width: 50, targets: 0 }
  176.           ],
  177.           fixedColumns: true,
  178.           // "aaSorting": [] ,
  179.           language: {
  180.             "lengthMenu": "_MENU_ enregistrements par page",
  181.             "search": "Rechercher",
  182.             "zeroRecords": "aucun résultat",
  183.             "info": "_MAX_ enregistrements",
  184.             "infoEmpty": "Pas de résultats",
  185.             "infoFiltered": "(filtered from _MAX_ total records)",
  186.             "paginate": {
  187.               "previous": "<",
  188.               "first": "<<",
  189.               "next": ">",
  190.               "last": ">>",
  191.             },
  192.           },
  193.           "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Toutes"]],
  194.           dom: '<"top"Bli>rt<"bottom"p><"clear">,',
  195.           fixedHeader: {
  196.             headerOffset: 50
  197.           },
  198.         } );
  199.     };
  200.     var datatableSortieInit = function() {
  201.          $('#maTableSortie').dataTable( {
  202.             stateSave: true,
  203.           "pagingType": "full_numbers",          
  204.           fixedHeader: true,
  205.           columnDefs: [
  206.               { width: 50, targets: 0 }
  207.           ],
  208.           fixedColumns: true,
  209.           // "aaSorting": [] ,
  210.           language: {
  211.             "lengthMenu": "_MENU_ enregistrements par page",
  212.             "search": "Rechercher",
  213.             "zeroRecords": "aucun résultat",
  214.             "info": "_MAX_ enregistrements",
  215.             "infoEmpty": "Pas de résultats",
  216.             "infoFiltered": "(filtered from _MAX_ total records)",
  217.             "paginate": {
  218.               "previous": "<",
  219.               "first": "<<",
  220.               "next": ">",
  221.               "last": ">>",
  222.             },
  223.           },
  224.           "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Toutes"]],
  225.           dom: '<"top"Bli>rt<"bottom"p><"clear">,',
  226.           fixedHeader: {
  227.             headerOffset: 50
  228.           },
  229.         } );
  230.     };
  231.     $(function() {
  232.         datatableInit();
  233.         datatableEntreeInit();
  234.         datatableSortieInit();
  235.     });
  236. }).apply( this, [ jQuery ]);
  237. (function() {
  238.     
  239.     var datatableInitExplo = function() {
  240.          $('#maTableExplo').dataTable( {
  241.             "scrollX"   : true,
  242.             "paging"    : false,
  243.             "ordering"  : false,
  244.             "info"      : false,
  245.             "searching" : false,
  246.         } );
  247.     };
  248.     $(function() {
  249.         datatableInitExplo();
  250.     });
  251. }).apply( this, [ jQuery ]);
  252. $(function () {
  253.   $('[data-toggle="tooltip"]').tooltip()
  254. })
  255. $(function(){
  256.     jQuery(document).ready(function() {
  257.             console.log("jQuery est prêt !"); 
  258.             $('.select2').select2();              
  259.         });
  260.       $("#fieldset1 legend").click(function(){
  261.         if ($("#fields").is(":visible")){$("#fields").slideUp(500);}
  262.         if ($("#fields").is(":hidden")){$("#fields").slideDown(500);}
  263.       });
  264.       $("#fieldset2 legend").click(function(){
  265.         if ($("#fields2").is(":visible")){$("#fields2").slideUp(500);}
  266.         if ($("#fields2").is(":hidden")){$("#fields2").slideDown(500);}
  267.       });
  268.                  
  269. });
  270. function monthDiff(valDateEntreeSouhaitee, valDateSortiePrevue) 
  271.     { 
  272.         if (valDateEntreeSouhaitee != '' && valDateSortiePrevue != '') {
  273.             words=valDateEntreeSouhaitee.split('/');
  274.             d1 = new Date(words[2],words[1],words[0]);
  275.             words=valDateSortiePrevue.split('/');
  276.             d2 = new Date(words[2],words[1],words[0]);
  277.             var diff =(d2.getTime() - d1.getTime()) / 1000;
  278.               diff /= (60 * 60 * 24 * 30);
  279.               return Math.abs(Math.round(diff));
  280.         }
  281.         else { 
  282.             return "";
  283.         }
  284.         
  285.     }
  286.     function weekDiff(valDateEntreeSouhaitee, valDateSortiePrevue) 
  287.     { 
  288.         if (valDateEntreeSouhaitee != '' && valDateSortiePrevue != '') {
  289.             words=valDateEntreeSouhaitee.split('/');
  290.             d1 = new Date(words[2],words[1],words[0]);
  291.             words=valDateSortiePrevue.split('/');
  292.             d2 = new Date(words[2],words[1],words[0]);
  293.             var diff =(d2.getTime() - d1.getTime()) / 1000;
  294.               diff /= (60 * 60 * 24 * 7);
  295.               return Math.abs(Math.round(diff));
  296.         }
  297.         else { 
  298.             return "";
  299.         }
  300.         
  301.     }
  302.     function dayDiff(valDateEntreeSouhaitee, valDateSortiePrevue) 
  303.     { 
  304.         if (valDateEntreeSouhaitee != '' && valDateSortiePrevue != '') {
  305.             words=valDateEntreeSouhaitee.split('/');
  306.             d1 = new Date(words[2],words[1],words[0]);
  307.             words=valDateSortiePrevue.split('/');
  308.             d2 = new Date(words[2],words[1],words[0]);
  309.             // var Difference_In_Time = d2.getTime() - d1.getTime();
  310.       var diff =(d2.getTime() - d1.getTime()) / 1000;
  311.       diff /= (60 * 60 * 24);
  312.             // var diff = Difference_In_Time / (1000 * 3600 * 24);
  313.           return Math.abs(Math.round(diff));
  314.         }
  315.         else { 
  316.             return "";
  317.         }
  318.         
  319.     }
  320. </script>
  321. {% block javascripts %}
  322. {% endblock %}
  323.     </body>
  324. </html>