templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <base href="../">
  5.         <meta charset="utf-8" />
  6.         <title>
  7.             {% block title %}
  8.                 {% if title is defined %}Vertuoz |{{title}}{% endif %}
  9.             {% endblock %}
  10.         </title>
  11.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  12.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700">
  13.         <link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
  14.         <link href="{{ asset('assets/css/styles.css') }}" rel="stylesheet" type="text/css" />
  15.         <link href="{{ asset('assets/css/owl.carousel.min.css') }}" rel="stylesheet" type="text/css" />
  16.         <link href="{{ asset('assets/css/owl.theme.default.min.css') }}" rel="stylesheet" type="text/css" />
  17.         <link href="{{ asset('assets/css/pace.css') }}" rel="stylesheet" type="text/css" />
  18.         <link href="{{ asset('assets/css/izitoast.css') }}" rel="stylesheet" type="text/css" />
  19.         <link href="{{ asset('assets/css/holdOn.css') }}" rel="stylesheet" type="text/css" />
  20.         <link href="{{ asset('assets/css/tippy.css') }}" rel="stylesheet" type="text/css" />
  21.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/daterangepicker.css') }}">
  22.         <link rel="stylesheet" href="{{ asset('assets/css/select2.min.css') }}">
  23.         <link rel="stylesheet" href="{{ asset('assets/css/select2-bootstrap.min.css') }}">
  24.         <link rel="shortcut icon" href="{{ asset('icon/logo_round.png') }}" />
  25.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/dropzone/dist/dropzone.css') }}">
  26.         <link href="{{ asset('assets/css/jquery-ui.css') }}" rel="stylesheet" type="text/css" /> 
  27.         <link href="{{ asset('assets/css/jquery-ui.structure.css') }}" rel="stylesheet" type="text/css" />
  28.         <link href="{{ asset('assets/css/jquery-ui.theme.css') }}" rel="stylesheet" type="text/css" />
  29.         <link href="{{ asset('assets/plugins/general/plugins/line-awesome/css/line-awesome.css') }}" rel="stylesheet" type="text/css" />
  30.         <link href="{{ asset('assets/plugins/custom/datatables.net-bs4/css/dataTables.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
  31.         <link href="{{ asset('assets/plugins/custom/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  32.         <link href="{{ asset('assets/plugins/custom/datatables.net-autofill-bs4/css/autoFill.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  33.         <link href="{{ asset('assets/plugins/custom/datatables.net-colreorder-bs4/css/colReorder.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  34.         <link href="{{ asset('assets/plugins/custom/datatables.net-fixedcolumns-bs4/css/fixedColumns.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  35.         <link href="{{ asset('assets/plugins/custom/datatables.net-fixedheader-bs4/css/fixedHeader.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  36.         <link href="{{ asset('assets/plugins/custom/datatables.net-keytable-bs4/css/keyTable.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  37.         <link href="{{ asset('assets/plugins/custom/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  38.         <link href="{{ asset('assets/plugins/custom/datatables.net-rowgroup-bs4/css/rowGroup.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  39.         <link href="{{ asset('assets/plugins/custom/datatables.net-rowreorder-bs4/css/rowReorder.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  40.         <link href="{{ asset('assets/plugins/custom/datatables.net-scroller-bs4/css/scroller.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  41.         <link href="{{ asset('assets/plugins/custom/datatables.net-select-bs4/css/select.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
  42.         <link href="{{ asset('assets/css/bootstrap-toggle/bootstrap-toggle.css') }}" rel="stylesheet" type="text/css" />
  43.         <link href="{{ asset('assets/css/bootstrap-switch.min.css') }}" rel="stylesheet" type="text/css" />
  44.         <link href="{{ asset('assets/css/datatables/editor.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
  45.         <link href="{{ asset('assets/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" />
  46.         <link href="{{ asset('assets/css/kendo.common.min.css') }}" rel="stylesheet" />
  47.         <link href="{{ asset('assets/css/kendo.office365.min.css') }}" rel="stylesheet" />
  48.         <link href="{{ asset('assets/css/vertuoz_main.css') }}" rel="stylesheet" type="text/css" /> 
  49.         <style>
  50.             #kt_header{
  51.                 font-family:Poppins,sans-serif;
  52.             }
  53.             .user_avatar_uploader{
  54.                 opacity:0;
  55.             } 
  56.         </style>
  57.     {% block stylesheets %}{% endblock %}
  58. </head>
  59.  
  60. <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed {% if app.request.get('iframe') and app.request.get('iframe') == true %} d-none {% endif %}" data-ktheader-minimize="on" data-user="{{ app.user.id }}" data-path="{{ app.request.pathInfo }}" data-username="{{ app.user.firstname ~ " " ~ app.user.lastname }}">
  61.     <div class="kt-header__bottom justify-content-center">
  62.         <div class="kt-container  kt-container--fluid pl-1 pr-1">
  63.             <!-- begin: Header Menu -->
  64.             <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
  65.             <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
  66.                 <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile ">
  67.                     {# <img width="50px" height="50px" src="{{asset('icon/logo_nav.png')}}" style="margin:auto; padding:5px; margin-left:5px;"> #}
  68.                     <ul class="kt-menu__nav ">
  69.                         {% if isEditorial is defined and isEditorial != 0 %}
  70.                             <li class="kt-menu__item  {% if app.request.get('_route') == 'editorial_index' %} kt-menu__item--here{% endif %} ">
  71.                                 <a href="{{path('editorial_index')}}" class="kt-menu__link">
  72.                                     <span class="kt-menu__link-text">
  73.                                         <i class="fas fa-cogs"></i>&nbsp;
  74.                                         {% trans %}Liste des contenus{% endtrans %}
  75.                                     </span>
  76.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  77.                                 </a>
  78.                             </li>
  79.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if app.request.get('_route') != 'editorial_index' %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  80.                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  81.                                     <span class="kt-menu__link-text">
  82.                                         <i class="fas fa-cogs"></i>&nbsp;
  83.                                         {% trans %}Administration{% endtrans %}
  84.                                     </span>
  85.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  86.                                 </a>
  87.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  88.                                     <ul class="kt-menu__subnav">
  89.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  90.                                             <a href="{{path('admin_editorial_categorie_index')}}" class="kt-menu__link">
  91.                                                 <span class="kt-menu__link-text">{% trans %}Catégories de contenus libres{% endtrans %}</span> 
  92.                                             </a>
  93.                                         </li>
  94.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  95.                                             <a href="{{path('admin_editorial_contexte_index')}}" class="kt-menu__link">
  96.                                                 <span class="kt-menu__link-text">{% trans %}Contextes{% endtrans %}</span> 
  97.                                             </a>
  98.                                         </li>
  99.                                     
  100.                                     </ul>
  101.                                 </div>
  102.                             </li>
  103.                         {% else %}
  104.                             <!-- TDB -->
  105.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel kt-menu__item--open {% if app.request.get('_route') == 'dashboard' or app.request.get('_route') == 'homepage' %} kt-menu__item--here{% endif %}" aria-haspopup="true"> 
  106.                                 <a href="{{path('dashboard')}}" class="kt-menu__link ">
  107.                                     <span class="kt-menu__link-text">
  108.                                         <i class="fas fa-server"></i>&nbsp;
  109.                                         {% trans %}Tableau de bord{% endtrans %}
  110.                                     </span>
  111.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  112.                                 </a>
  113.                             </li>
  114.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if ( "voyage" in app.request.get('_route') and "admin" not in app.request.get('_route') and voyage is not defined ) or ( voyage is defined and voyage.isPrestationSeche is defined and not voyage.isPrestationSeche ) %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  115.                                 <a href="{{ path('voyage_index')}}" class="kt-menu__link kt-menu__toggle kt-vv">
  116.                                     <span class="kt-menu__link-text">
  117.                                         <i class="fas fa-globe-europe"></i>&nbsp;
  118.                                         {% trans %}Voyages{% endtrans %}
  119.                                     </span>
  120.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  121.                                 </a>
  122.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  123.                                     <ul class="kt-menu__subnav">
  124.                                             <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  125.                                                 <a href="{{ path('voyage_index')}}" class="kt-menu__link">
  126.                                                     <span class="kt-menu__link-text">Toutes les destinations</span> 
  127.                                                 </a>
  128.                                             </li>
  129.                                         <div class="dropdown-divider"></div>
  130.                                         {% for element in app.session.get('destinations') %}
  131.                                             <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  132.                                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  133.                                                     <span class="kt-menu__link-text">{{ element.categorie.libelle ~ "s" }}</span>
  134.                                                     <i class="kt-menu__hor-arrow la la-angle-right"></i>
  135.                                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  136.                                                 </a>
  137.                                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  138.                                                     <ul class="kt-menu__subnav">
  139.                                                         {% for destination in element.voyages %}
  140.                                                             <li class="kt-menu__item " aria-haspopup="true">
  141.                                                                 <a href="{{ path('voyage_index', {'destinationId': destination.id, 'categorieId': element.categorie.id })}}" class="kt-menu__link">
  142.                                                                     <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  143.                                                                 </a>
  144.                                                             </li>
  145.                                                         {% endfor %}
  146.                                     
  147.                                                     </ul>
  148.                                                 </div>
  149.                                             </li>
  150.                                         {% endfor %}
  151.                                         <div class="dropdown-divider"></div>
  152.                                         {% for element in app.session.get('etats') %}
  153.                                             <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  154.                                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  155.                                                     <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:{{ element.etat.color }}"></span>{{ element.etat.libelle ~ "s" }}</span>
  156.                                                     <i class="kt-menu__hor-arrow la la-angle-right"></i>
  157.                                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  158.                                                 </a>
  159.                                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  160.                                                     <ul class="kt-menu__subnav">
  161.                                                         {% for destination in element.voyages %}
  162.                                                             <li class="kt-menu__item " aria-haspopup="true">
  163.                                                                 <a href="{{ path('voyage_index', {'destinationId': destination.id, 'etatId': element.etat.id })}}" class="kt-menu__link">
  164.                                                                     <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  165.                                                                 </a>
  166.                                                             </li>
  167.                                                         {% endfor %}
  168.                                     
  169.                                                     </ul>
  170.                                                 </div>
  171.                                             </li>
  172.                                         {% endfor %}
  173.                                         <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  174.                                             <a href="/symfony/public/voyages?etatId=3" class="kt-menu__link kt-menu__toggle">
  175.                                                 <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:#95a5a6"></span>Archivés</span>
  176.                                             </a>
  177.                                         </li>
  178.                                     </ul>
  179.                                 </div>
  180.                                 
  181.                             </li>
  182.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if ("prestation_seche" in app.request.get('_route') and "admin" not in app.request.get('_route')) or ( voyage is defined and voyage.isPrestationSeche is defined and voyage.isPrestationSeche ) %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  183.                                 <a href="{{ path('prestation_seche_index')}}" class="kt-menu__link kt-menu__toggle">
  184.                                     <span class="kt-menu__link-text">
  185.                                         <i class="fas fa-cubes"></i>&nbsp;
  186.                                         {% trans %}Prestations sèches{% endtrans %}
  187.                                     </span>
  188.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  189.                                 </a>
  190.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  191.                                     <ul class="kt-menu__subnav">
  192.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  193.                                             <a href="{{ path('prestation_seche_index')}}" class="kt-menu__link">
  194.                                                 <span class="kt-menu__link-text">Toutes les destinations</span> 
  195.                                             </a>
  196.                                         </li>
  197.                                             <div class="dropdown-divider"></div>
  198.                                         {% for element in app.session.get('destinations') %}
  199.                                             <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  200.                                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  201.                                                     <span class="kt-menu__link-text">{{ element.categorie.libelle ~ "s" }}</span>
  202.                                                     <i class="kt-menu__hor-arrow la la-angle-right"></i>
  203.                                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  204.                                                 </a>
  205.                                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  206.                                                     <ul class="kt-menu__subnav">
  207.                                                         {% for destination in element.voyages %}
  208.                                                             <li class="kt-menu__item " aria-haspopup="true">
  209.                                                                 <a href="{{ path('prestation_seche_index', {'destinationId': destination.id, 'categorieId': element.categorie.id })}}" class="kt-menu__link">
  210.                                                                     <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  211.                                                                 </a>
  212.                                                             </li>
  213.                                                         {% endfor %}
  214.                                     
  215.                                                     </ul>
  216.                                                 </div>
  217.                                             </li>
  218.                                         {% endfor %}
  219.                                         <div class="dropdown-divider"></div>
  220.                                         {% for element in app.session.get('etats') %}
  221.                                             <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  222.                                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  223.                                                     <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:{{ element.etat.color }}"></span>{{ element.etat.libelle ~ "s" }}</span>
  224.                                                     <i class="kt-menu__hor-arrow la la-angle-right"></i>
  225.                                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  226.                                                 </a>
  227.                                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  228.                                                     <ul class="kt-menu__subnav">
  229.                                                         {% for destination in element.voyages %}
  230.                                                             <li class="kt-menu__item " aria-haspopup="true">
  231.                                                                 <a href="{{ path('prestation_seche_index', {'destinationId': destination.id, 'etatId': element.etat.id })}}" class="kt-menu__link">
  232.                                                                     <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  233.                                                                 </a>
  234.                                                             </li>
  235.                                                         {% endfor %}
  236.                                     
  237.                                                     </ul>
  238.                                                 </div>
  239.                                             </li>
  240.                                         {% endfor %}
  241.                                         <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  242.                                             <a href="/symfony/public/prestation_seches?etatId=3" class="kt-menu__link kt-menu__toggle">
  243.                                                 <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:#95a5a6"></span>Archivés</span>
  244.                                             </a>
  245.                                         </li>
  246.                                     </ul>
  247.                                 </div>
  248.                                 
  249.                             </li>
  250.     
  251.                             {% if show_devis_nav %}
  252.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if ("devis" in app.request.get('_route') and "admin" not in app.request.get('_route')) or ( dossier is defined and dossier.isValide is defined and not dossier.isValide ) %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  253.                                 <a href="{{ path('devis_index')}}" class="kt-menu__link kt-menu__toggle">
  254.                                     <span class="kt-menu__link-text">
  255.                                         <i class="fas fa-quote-right"></i>&nbsp;
  256.                                         {% trans %}Dossiers à l'étude{% endtrans %}
  257.                                     </span>
  258.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  259.                                 </a>
  260.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  261.                                     <ul class="kt-menu__subnav">
  262.                                             <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  263.                                                 <a href="{{ path('devis_index')}}" class="kt-menu__link">
  264.                                                     <span class="kt-menu__link-text">Toutes les destinations</span> 
  265.                                                 </a>
  266.                                             </li>
  267.                                                 <div class="dropdown-divider"></div>
  268.                                             {% for element in app.session.get('dossierDestinations') %}
  269.                                                 <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  270.                                                     <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  271.                                                         <span class="kt-menu__link-text">{{ element.categorie.libelle ~ "s" }}</span>
  272.                                                         <i class="kt-menu__hor-arrow la la-angle-right"></i>
  273.                                                         <i class="kt-menu__ver-arrow la la-angle-right"></i>
  274.                                                     </a>
  275.                                                     <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  276.                                                         <ul class="kt-menu__subnav">
  277.                                                             {% for destination in element.voyages %}
  278.                                                                 <li class="kt-menu__item " aria-haspopup="true">
  279.                                                                     <a href="{{ path('devis_index', {'destinationId': destination.id, 'categorieId': element.categorie.id })}}" class="kt-menu__link">
  280.                                                                         <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  281.                                                                     </a>
  282.                                                                 </li>
  283.                                                             {% endfor %}
  284.                                         
  285.                                                         </ul>
  286.                                                     </div>
  287.                                                 </li>
  288.                                             {% endfor %}
  289.                                             <div class="dropdown-divider"></div>
  290.                                             {% for element in app.session.get('dossierEtats') %}
  291.                                                 {% if not element.etat.isValide %}
  292.                                                     <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  293.                                                         <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  294.                                                             <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:{{ element.etat.color }}"></span>{{ element.etat.libelle ~ "s" }}</span>
  295.                                                             <i class="kt-menu__hor-arrow la la-angle-right"></i>
  296.                                                             <i class="kt-menu__ver-arrow la la-angle-right"></i>
  297.                                                         </a>
  298.                                                         <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  299.                                                             <ul class="kt-menu__subnav">
  300.                                                                 {% for destination in element.voyages %}
  301.                                                                     <li class="kt-menu__item " aria-haspopup="true">
  302.                                                                         <a href="{{ path('dossier_index', {'destinationId': destination.id, 'etatId': element.etat.id })}}" class="kt-menu__link">
  303.                                                                             <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  304.                                                                         </a>
  305.                                                                     </li>
  306.                                                                 {% endfor %}
  307.                                             
  308.                                                             </ul>
  309.                                                         </div>
  310.                                                     </li>
  311.                                                 {% endif %}
  312.                                             {% endfor %}
  313.                 
  314.                                     </ul>
  315.                                 </div>
  316.                                 
  317.                             </li>
  318.                             {% endif %}
  319.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if ("dossier" in app.request.get('_route') and "admin" not in app.request.get('_route') and dossier is not defined ) or ( dossier is defined and dossier.isValide is defined and dossier.isValide ) %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  320.                                 <a href="{{ path('dossier_index')}}" class="kt-menu__link kt-menu__toggle">
  321.                                     <span class="kt-menu__link-text">
  322.                                         <i class="far fa-folder"></i>&nbsp;
  323.                                         {% trans %}Dossiers en production{% endtrans %}
  324.                                     </span>
  325.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  326.                                 </a>
  327.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  328.                                     <ul class="kt-menu__subnav">
  329.                                             <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  330.                                                 <a href="{{ path('dossier_index')}}" class="kt-menu__link">
  331.                                                     <span class="kt-menu__link-text">Toutes les destinations</span> 
  332.                                                 </a>
  333.                                             </li>
  334.                                                 <div class="dropdown-divider"></div>
  335.                                             {% for element in app.session.get('dossierDestinations') %}
  336.                                                 <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  337.                                                     <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  338.                                                         <span class="kt-menu__link-text">{{ element.categorie.libelle ~ "s" }}</span>
  339.                                                         <i class="kt-menu__hor-arrow la la-angle-right"></i>
  340.                                                         <i class="kt-menu__ver-arrow la la-angle-right"></i>
  341.                                                     </a>
  342.                                                     <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  343.                                                         <ul class="kt-menu__subnav">
  344.                                                             {% for destination in element.voyages %}
  345.                                                                 <li class="kt-menu__item " aria-haspopup="true">
  346.                                                                     <a href="{{ path('dossier_index', {'destinationId': destination.id, 'categorieId': element.categorie.id })}}" class="kt-menu__link">
  347.                                                                         <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  348.                                                                     </a>
  349.                                                                 </li>
  350.                                                             {% endfor %}
  351.                                         
  352.                                                         </ul>
  353.                                                     </div>
  354.                                                 </li>
  355.                                             {% endfor %}
  356.                                             <div class="dropdown-divider"></div>
  357.                                             {% for element in app.session.get('dossierEtats') %}
  358.                                                 {% if element.etat.isValide %}
  359.                                                     <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true" data-hover="1" data-timeout="126">
  360.                                                         <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  361.                                                             <span class="kt-menu__link-text"><span class="fa fa-circle fa-lg mr-1" style="color:{{ element.etat.color }}"></span>{{ element.etat.libelle ~ "s" }}</span>
  362.                                                             <i class="kt-menu__hor-arrow la la-angle-right"></i>
  363.                                                             <i class="kt-menu__ver-arrow la la-angle-right"></i>
  364.                                                         </a>
  365.                                                         <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
  366.                                                             <ul class="kt-menu__subnav">
  367.                                                                 {% for destination in element.voyages %}
  368.                                                                     <li class="kt-menu__item " aria-haspopup="true">
  369.                                                                         <a href="{{ path('dossier_index', {'destinationId': destination.id, 'etatId': element.etat.id })}}" class="kt-menu__link">
  370.                                                                             <span class="kt-menu__link-text">{{ destination.libelle }}</span> 
  371.                                                                         </a>
  372.                                                                     </li>
  373.                                                                 {% endfor %}
  374.                                             
  375.                                                             </ul>
  376.                                                         </div>
  377.                                                     </li>
  378.                                                     {% endif %}
  379.                                             {% endfor %}
  380.                 
  381.                                     </ul>
  382.                                 </div>
  383.                                 
  384.                             </li>
  385.                             <li class="kt-menu__item  kt-menu__item--submenu {% if "allot" in app.request.get('_route') %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  386.                                 <a href="{{path('allot_list_edv')}}" class="kt-menu__link">
  387.                                     <span class="kt-menu__link-text">
  388.                                         <i class="fas fa-concierge-bell"></i>&nbsp;
  389.                                         {% trans %}EDV & Allotements{% endtrans %}
  390.                                     </span> 
  391.                                 </a>
  392.                             </li>
  393.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if "admin" in app.request.get('_route') or "superadmin"  in app.request.get('_route') %} kt-menu__item--here{% endif %} " data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  394.                                 <a href="javascript:;" class="kt-menu__link kt-menu__toggle">
  395.                                     <span class="kt-menu__link-text">
  396.                                         <i class="fas fa-cogs"></i>&nbsp;
  397.                                         {% trans %}Configuration{% endtrans %}
  398.                                     </span>
  399.                                     <i class="kt-menu__ver-arrow la la-angle-right"></i>
  400.                                 </a>
  401.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left" style="width: 300px;">
  402.                                     <ul class="kt-menu__subnav">
  403.                                     {% if app.session.get('admin') == 1 %}
  404.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  405.                                             <a href="{{path('admin_country_index')}}" class="kt-menu__link">
  406.                                                 <span class="kt-menu__link-text">{% trans %}Pays{% endtrans %}</span> 
  407.                                             </a>
  408.                                         </li>
  409.                                     {% endif %}
  410.                                     {% if app.session.get('admin') == 1 %}
  411.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  412.                                             <a href="{{path('admin_destination_index')}}" class="kt-menu__link">
  413.                                                 <span class="kt-menu__link-text">{% trans %}Destinations{% endtrans %}</span> 
  414.                                             </a>
  415.                                         </li>
  416.                                     {% endif %}
  417.                                     {% if app.session.get('admin') == 1 %}
  418.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  419.                                             <a href="{{path('admin_voyage_theme_index')}}" class="kt-menu__link">
  420.                                                 <span class="kt-menu__link-text">{% trans %}Thèmes de voyages{% endtrans %}</span> 
  421.                                             </a>
  422.                                         </li>
  423.                                     {% endif %}
  424.                                     {% if app.session.get('admin') == 1 %}
  425.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  426.                                             <a href="{{path('admin_voyage_categorie_index')}}" class="kt-menu__link">
  427.                                                 <span class="kt-menu__link-text">{% trans %}Catégorie de voyages{% endtrans %}</span> 
  428.                                             </a>
  429.                                         </li>
  430.                                     {% endif %}
  431.                                     {% if app.session.get('admin') == 1 %}
  432.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  433.                                             <a href="{{path('admin_voyage_type_index')}}" class="kt-menu__link">
  434.                                                 <span class="kt-menu__link-text">{% trans %}Types de voyages{% endtrans %}</span> 
  435.                                             </a>
  436.                                         </li>
  437.                                     {% endif %}
  438.                                     {% if app.session.get('admin') == 1 %}
  439.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  440.                                             <a href="{{path('admin_dossier_type_index')}}" class="kt-menu__link">
  441.                                                 <span class="kt-menu__link-text">{% trans %}Types de dossiers{% endtrans %}</span> 
  442.                                             </a>
  443.                                         </li>
  444.                                     {% endif %}
  445.                                     {% if app.session.get('admin') == 1 %}
  446.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  447.                                             <a href="{{path('admin_evenement_categorie_index')}}" class="kt-menu__link">
  448.                                                 <span class="kt-menu__link-text">{% trans %}Catégorie d'événement{% endtrans %}</span> 
  449.                                             </a>
  450.                                         </li>
  451.                                     {% endif %}
  452.                                     {% if app.session.get('admin') == 1 %}
  453.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  454.                                             <a href="{{path('admin_commande_fournisseur_config_index')}}" class="kt-menu__link">
  455.                                                 <span class="kt-menu__link-text">{% trans %}Paramètres commande fournisseur{% endtrans %}</span> 
  456.                                             </a>
  457.                                         </li>
  458.                                     {% endif %}
  459.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  460.                                             <a href="{{path('admin_voyage_cotation_groupe_index')}}" class="kt-menu__link">
  461.                                                 <span class="kt-menu__link-text">{% trans %}Groupes de configurations types (cotation){% endtrans %}</span> 
  462.                                             </a>
  463.                                         </li>
  464.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  465.                                             <a href="{{path('admin_voyage_cotation_index')}}" class="kt-menu__link">
  466.                                                 <span class="kt-menu__link-text">{% trans %}Configurations types (cotation){% endtrans %}</span> 
  467.                                             </a>
  468.                                         </li>
  469.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  470.                                             <a href="{{path('admin_paxtype_index')}}" class="kt-menu__link">
  471.                                                 <span class="kt-menu__link-text">{% trans %}Types de PAX{% endtrans %}</span> 
  472.                                             </a>
  473.                                         </li>
  474.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  475.                                             <a href="{{path('admin_document_generator_modele_index')}}" class="kt-menu__link">
  476.                                                 <span class="kt-menu__link-text">{% trans %}Modèles de documents{% endtrans %}</span> 
  477.                                             </a>
  478.                                         </li>
  479.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  480.                                             <a href="{{path('admin_document_generator_page_template_index')}}" class="kt-menu__link">
  481.                                                 <span class="kt-menu__link-text">{% trans %}Modèles de pages{% endtrans %}</span> 
  482.                                             </a>
  483.                                         </li>
  484.                                     {% if app.session.get('admin') == 1 %}
  485.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  486.                                             <a href="{{path('superadmin_change_periode_index')}}" class="kt-menu__link">
  487.                                                 <span class="kt-menu__link-text">{% trans %}Périodes des taux de change{% endtrans %}</span> 
  488.                                             </a>
  489.                                         </li>
  490.                                     {% endif %}
  491.                                     {% if app.session.get('admin') == 1 %}
  492.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  493.                                             <a href="{{path('admin_function_traductions')}}" class="kt-menu__link">
  494.                                                 <span class="kt-menu__link-text">{% trans %}Synchroniser les traductions{% endtrans %}</span> 
  495.                                             </a>
  496.                                         </li>
  497.                                     {% endif %}
  498.                                     {% if app.session.get('admin') == 1 %}
  499.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  500.                                             <a href="{{path('admin_function_emails')}}" class="kt-menu__link">
  501.                                                 <span class="kt-menu__link-text">{% trans %}Synchroniser des emails des dossiers{% endtrans %}</span> 
  502.                                             </a>
  503.                                         </li>
  504.                                     {% endif %}
  505.                                     {% if app.session.get('admin') == 1 or instance == 'wi' %}
  506.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  507.                                             <a href="{{path('admin_export_index')}}" class="kt-menu__link">
  508.                                                 <span class="kt-menu__link-text">{% trans %}Exports{% endtrans %}</span> 
  509.                                             </a>
  510.                                         </li>
  511.                                     {% endif %}
  512.                                     {# if app.session.get('admin') == 1 or instance == 'wi' #}
  513.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  514.                                             <a href="/symfony/public/ra/index.php" class="kt-menu__link">
  515.                                                 <span class="kt-menu__link-text">{% trans %}Statistiques{% endtrans %}</span> 
  516.                                             </a>
  517.                                         </li>
  518.                                     {# endif #}
  519.                                     {% if app.session.get('admin') == 1 %}
  520.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  521.                                             <a href="{{path('admin_type_tache_index')}}" class="kt-menu__link">
  522.                                                 <span class="kt-menu__link-text">{% trans %}Types tâches{% endtrans %}</span> 
  523.                                             </a>
  524.                                         </li>
  525.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  526.                                             <a href="{{path('admin_tache_index')}}" class="kt-menu__link">
  527.                                                 <span class="kt-menu__link-text">{% trans %}Tâches{% endtrans %}</span> 
  528.                                             </a>
  529.                                         </li>
  530.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  531.                                             <a href="{{path('admin_tache_liste_index')}}" class="kt-menu__link">
  532.                                                 <span class="kt-menu__link-text">{% trans %}Listes de tâches{% endtrans %}</span> 
  533.                                             </a>
  534.                                         </li>
  535.                                     {% endif %}
  536.                                     {% if app.session.get('admin') == 1 or instance == 'vv' %}
  537.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  538.                                             <a href="{{path('admin_tableau_bord_requete_admin')}}" class="kt-menu__link">
  539.                                                 <span class="kt-menu__link-text">{% trans %}Requêtes tableau de bord{% endtrans %}</span> 
  540.                                             </a>
  541.                                         </li>
  542.                                     {% endif %}
  543.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  544.                                             <a href="{{path('admin_tableau_bord_requete_index')}}" class="kt-menu__link">
  545.                                                 <span class="kt-menu__link-text">{% trans %}Mon tableau de bord{% endtrans %}</span> 
  546.                                             </a>
  547.                                         </li>
  548.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
  549.                                             <a href="{{path('translation_moderation')}}" class="kt-menu__link">
  550.                                                 <span class="kt-menu__link-text">{% trans %}Traductions en attente{% endtrans %}</span> 
  551.                                             </a>
  552.                                         </li>
  553.                                     </ul>
  554.                                 </div>
  555.                             </li>
  556.                             {#
  557.                             <li class="kt-menu__item  kt-menu__item--submenu kt-menu__item--rel {% if app.request.get('_route') == 'utilisateurs' or app.request.get('_route') == 'droits' or app.request.get('_route') == 'traductions' %} kt-menu__item--here{% endif %}" data-ktmenu-submenu-toggle="click" aria-haspopup="true"><a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text"><i class="fas fa-tools"></i>&nbsp;{% trans %}Paramètres{% endtrans %}</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
  558.                                 <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
  559.                                     <ul class="kt-menu__subnav">
  560.                                         <li class="kt-menu__item  kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true"> <a href="{{path('traductions')}}" class="kt-menu__link">
  561.                                                 <span class="kt-menu__link-text">{% trans %}Traductions{% endtrans %}</span> </a>
  562.                                         </li>
  563.                                     </ul>
  564.                                 </div>
  565.                             </li>
  566.                             #}
  567.                
  568.                         {% endif %}
  569.                     </ul>
  570.                 </div>
  571.                 <div class="kt-header-toolbar h-100">
  572.                     {#
  573.                     <div class="kt-quick-search kt-quick-search--inline kt-quick-search--result-compact" id="kt_quick_search_inline">
  574.                         <form method="get" class="kt-quick-search__form">
  575.                             <div class="input-group">
  576.                                 <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
  577.                                 <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
  578.                                 <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close" style="display: none;"></i></span></div>
  579.                             </div>
  580.                         </form>
  581.                         <div id="kt_quick_search_toggle" data-toggle="dropdown" data-offset="0px,10px"></div>
  582.                         <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
  583.                             <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="300" data-mobile-height="200">
  584.                             </div>
  585.                         </div>
  586.                     </div>
  587.                     #}
  588.                     <div class="kt-header__topbar h-100">
  589.                         
  590.                             <div class="h-100 kt-header__topbar-item kt-header__topbar-item--connections {% if app.session.get('connectedUsers') is defined and app.session.get('connectedUsers')|length == 0 %} d-none {% endif %}  ">
  591.                                 <div class="h-100 kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,10px">
  592.                                     <span class="h-100 kt-header__topbar-icon fa-layers fa-fw">
  593.                                         <i class="fas fa-users fa-2x text-white"></i>
  594.                                             <span id="connected-users-count" class="fa-layers-counter" style="font-size:4rem;background:Green">{{ app.session.get('connectedUsers')|length }}</span>
  595.                                     </span>
  596.                                 </div>
  597.                                 <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim">
  598.                                     <ul class="kt-nav kt-margin-t-5 kt-margin-b-5">
  599.                                         <li class="kt-nav__item m-2">
  600.                                             <div id="connected-users-container" class="d-flex flex-column align-items-start">
  601.                                                 {% if app.session.get('connectedUsers') is defined and app.session.get('connectedUsers')|length > 0 %}
  602.                                                     {% for user in app.session.get('connectedUsers') %}
  603.                                                         
  604.                                                         <div data-id="{{ user.id }}" class="align-center">{{ user.firstname }}&nbsp;{{ user.lastname }}</div>
  605.                                                 
  606.                                                     {% endfor %}
  607.                                                 {% endif %} 
  608.                                             </div>
  609.                                         </li>
  610.                                     </ul>
  611.                                 </div>
  612.                             </div>
  613.                         
  614.                         {#
  615.                         <div class="kt-header__topbar-item kt-header__topbar-item--search dropdown kt-hidden-desktop" id="kt_quick_search_toggle">
  616.                             <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,10px">
  617.                                 <span class="kt-header__topbar-icon">
  618.                                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon kt-svg-icon--info">
  619.                                     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  620.                                     <rect x="0" y="0" width="24" height="24" />
  621.                                     <path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
  622.                                     <path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero" />
  623.                                     </g>
  624.                                     </svg> </span>
  625.                             </div>
  626.                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
  627.                                 <div class="kt-quick-search kt-quick-search--dropdown kt-quick-search--result-compact" id="kt_quick_search_dropdown">
  628.                                     <form method="get" class="kt-quick-search__form">
  629.                                         <div class="input-group">
  630.                                             <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
  631.                                             <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
  632.                                             <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span></div>
  633.                                         </div>
  634.                                     </form>
  635.                                     <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="325" data-mobile-height="200">
  636.                                     </div>
  637.                                 </div>
  638.                             </div>
  639.                         </div>
  640.                         #}
  641.                      
  642.                         <div class="h-100 kt-header__topbar-item kt-header__topbar-item--quick-panel h-100" data-toggle="kt-tooltip" title="Notifications" data-placement="left" style="font-size: 80% !important;">
  643.                             <div class="h-100 kt-header__topbar-wrapper span3" style="font-size: 80% !important;"
  644.                             {% if app.session.get('userNotifications') is defined and (app.session.get('userNotifications')|length ) > 0 %}
  645.                                 {# data-wow-delay="5s" data-wow-iteration="5" data-wow-duration="0.25s" style="visibility: visible; animation-duration: 1s; animation-iteration-count: 5; animation-name: pulse;" #}
  646.                             {% endif %}
  647.                             >
  648.                                 <span class="h-100 kt-header__topbar-icon fa-layers fa-fw" id="kt_quick_panel_toggler_btn" style="font-size: 0.8rem !important;">
  649.                                     <i class="fa fa-bell fa-2x text-white"></i>
  650.                                     {% if app.session.get('userNotifications') is defined %}
  651.                                         <span class="fa-layers-counter" style="font-size:3rem;background:Tomato">{{ (app.session.get('userNotifications')|length ) }}</span>
  652.                                     {% endif %}
  653.                                 </span>
  654.                             </div>
  655.                         </div>
  656.                       
  657.                         {#
  658.                         <div class="kt-header__topbar-item kt-header__topbar-item--langs">
  659.                             <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,10px">
  660.                                 <span class="kt-header__topbar-icon">
  661.                                     <img class="" src="{{ asset('assets/media/flags/019-france.svg') }}" alt="" />
  662.                                 </span>
  663.                             </div>
  664.                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim">
  665.                                 <ul class="kt-nav kt-margin-t-10 kt-margin-b-10">
  666.                                     <li class="kt-nav__item kt-nav__item--active">
  667.                                         <a href="#" class="kt-nav__link">
  668.                                             <span class="kt-nav__link-icon"><img src="{{ asset('assets/media/flags/019-france.svg') }}" alt="" /></span>
  669.                                             <span class="kt-nav__link-text">Français</span>
  670.                                         </a>
  671.                                     </li>
  672.                                     <li class="kt-nav__item">
  673.                                         <a href="#" class="kt-nav__link">
  674.                                             <span class="kt-nav__link-icon"><img src="{{ asset('assets/media/flags/016-spain.svg') }}" alt="" /></span>
  675.                                             <span class="kt-nav__link-text">Spanish</span>
  676.                                         </a>
  677.                                     </li>
  678.                                     <li class="kt-nav__item">
  679.                                         <a href="#" class="kt-nav__link">
  680.                                             <span class="kt-nav__link-icon"><img src="{{ asset('assets/media/flags/017-germany.svg') }}" alt="" /></span>
  681.                                             <span class="kt-nav__link-text">German</span>
  682.                                         </a>
  683.                                     </li>
  684.                                 </ul>
  685.                             </div>
  686.                         </div>
  687.                         #}
  688.                         {#
  689.                         <div class="kt-header__topbar-item kt-header__topbar-item--user">
  690.                             <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,10px" aria-expanded="false">
  691.                                 {% if app.user %}
  692.                                     <span class="kt-header__topbar-username"> {{ app.user.username }} </span>                                                
  693.                                 {% endif %}
  694.                                 {% if app.user and app.user.avatar != null %}
  695.                                     <span style="background-image:url('{{ asset('user_avatar/' ~ app.user.avatar )}}'); background-size:cover; background-position:center;" class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold kt-hidden-">
  696.                                     </span>
  697.                                 {% else %}
  698.                                     <span  class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold kt-hidden-">
  699.                                         {% if app.user.firstname is defined %}
  700.                                         {{ app.user.firstname|first|capitalize }}
  701.                                         {% endif %}
  702.                                     </span>
  703.                                 {% endif %}
  704.                                 </span>
  705.                             </div>
  706.                             <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-xl">
  707.                                 <div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(assets/media/misc/bg-1.jpg)">
  708.                                     <div class="kt-user-card__avatar">
  709.                                         <img class="kt-hidden" alt="Pic" src="{{ asset('assets/media/users/300_25.jpg') }}" />
  710.                                         {% set avatarCss = "" %}
  711.                                         {% if app.user and app.user.avatar != null %}
  712.                                             {% set avatarCss = "background-image:url('" ~ asset('user_avatar/' ~ app.user.avatar )~ "'); background-size:cover; background-position:center;" %}
  713.                                         {% endif %}
  714.                                         <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success " style="{{ avatarCss }}">
  715.                                             {% if avatarCss == "" and app.user.firstname is defined %} {{ app.user.firstname|first|capitalize }} {% endif %}
  716.                                         </span>
  717.                                     </div>
  718.                                     <div class="kt-user-card__name">
  719.                                         {% if app.user %}
  720.                                             {{ app.user.firstname|title}} {{ app.user.lastname|title}}
  721.                                         {% endif %}
  722.                                     </div>
  723.                                 </div>
  724.                                 <div class="kt-notification">
  725.                                     <a href="{{path('mon_compte')}}" class="kt-notification__item">
  726.                                         <div class="kt-notification__item-icon">
  727.                                             <i class="flaticon2-calendar-3 kt-font-success"></i>
  728.                                         </div>
  729.                                         <div class="kt-notification__item-details">
  730.                                             <div class="kt-notification__item-title kt-font-bold">
  731.                                                 {% trans %}Mon Profil{% endtrans %}
  732.                                             </div>
  733.                                             <div class="kt-notification__item-time">
  734.                                                {% trans %}Mes paramètres{% endtrans %}
  735.                                             </div>
  736.                                         </div>
  737.                                     </a>
  738.                                     <div class="kt-notification__custom kt-space-between">
  739.                                         <a href="{{path('app_logout')}}"  class="btn btn-label btn-label-brand btn-sm btn-bold"> {% trans %}Déconnexion{% endtrans %}</a>
  740.                                     </div>
  741.                                 </div>
  742.                             </div>
  743.                         </div>
  744.                         #}
  745.                     </div>
  746.                 </div>
  747.             </div>
  748.         </div>
  749.     </div>
  750. </div>
  751. {% block quickpanel %}
  752.        <!-- Liste-exemple de notifications /!\ NE PAS SUPPRIMER -->
  753.         <div id="kt_quick_panel" class="kt-quick-panel kt-quick-panel-right {{ app.request.get('iframe') == 1 ? ' d-none ' }}">
  754.             <a href="#" class="kt-quick-panel__close" id="kt_quick_panel_close_btn"><i class="fas fa-times"></i></a>
  755.             <div class="kt-quick-panel__nav">
  756.                 <ul class="nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand  kt-notification-item-padding-x" role="tablist">
  757.                     <li class="nav-item active">
  758.                         <a class="nav-link active" data-toggle="tab" href="#kt_quick_panel_tab_notifications" data-currentUser="{{ app.user.id }}" role="tab">
  759.                             {% trans %}Notifications{% endtrans %}&nbsp;
  760.                             <span id="user-notifications-badge-counter" class="badge badge-secondary ml-1">{{ app.session.get('userNotifications')|length }}</span>
  761.                         </a>
  762.                     </li>
  763.                     <li class="nav-item d-none">
  764.                         <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_shares" role="tab" id="kt_quick_panel_shares_link">
  765.                             {% trans %}Actions{% endtrans %}&nbsp;
  766.                             <span id="user-shares-badge-counter" class="badge badge-secondary ml-1">{{ app.session.get('userRequests')|length }}</span>
  767.                         </a>
  768.                     </li>
  769.                     <li class="nav-item d-none">
  770.                         <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_search" role="tab" id="kt_quick_panel_search_link">
  771.                             {% trans %}Recherches{% endtrans %}&nbsp;
  772.                             <span id="user-search-badge-counter" class="badge badge-secondary ml-1">0</span>
  773.                         </a>
  774.                     </li>
  775.                     
  776.                 </ul>
  777.             </div>
  778.             <div class="kt-quick-panel__content">
  779.                 <div class="tab-content">
  780.                 <!-- Notifications -->
  781.                     <div class="tab-pane fade show kt-scroll active" id="kt_quick_panel_tab_notifications" role="tabpanel" data-currentUser="{{ app.user.id }}">
  782.                         <div class="kt-notification" id="list-notification" style="max-height: 400px; overflow-x: hidden; overflow-y: scroll; ">
  783.                             {% for notification in app.session.get('userNotifications') %}
  784.                                 {% set infos = notification.extraInfo|split(',') %}
  785.                                 <div class="kt-notification__item new-notification" data-id="{{ notification.id }}">
  786.                                     <div class="kt-notification__item-icon notification--icone">
  787.                                         <i class="{{ notification.type is defined and notification.type ? notification.type.icone : notification.icone }}"></i>
  788.                                     </div>
  789.                                     <div class="kt-notification__item-details">
  790.                                         <div class="kt-notification__item-title font-weight-bold text-info notification--titre">
  791.                                             {{ notification.titre }}
  792.                                         </div>
  793.                                         <div class="kt-notification__item-time ">
  794.                                             <p class="font-italic mb-0 notification--description" style="font-size:90%;">
  795.                                                 {{ notification.description|raw }}
  796.                                             </p>
  797.                                             <span style="font-size:80%;">
  798.                                                 <i class="fas fa-user-tie"></i>&nbsp;<span class="notification--user">{{ notification.source.firstname }}&nbsp;{{ notification.source.lastname|slice(0,1) ~ "." }}</span>
  799.                                             </span>
  800.                                             &nbsp;
  801.                                             <span style="font-size:80%;">
  802.                                                 <i class="far fa-clock"></i>&nbsp;<span class="notification--date">{{ notification.datePublication|date('d-m') }}&nbsp;({{ notification.datePublication|ago }})</span>
  803.                                             </span>
  804.                                             {% if infos|first|lower in ['dossier'] %}
  805.                                                 &nbsp;
  806.                                                 <span style="font-size:80%;">
  807.                                                     <a href="/symfony/public/{{ infos|last|trim }}"><i class="far fa-eye"></i>&nbsp;<span class="notification--link">Voir la fiche</span></a>
  808.                                                 </span>
  809.                                                 {% elseif infos|first|lower == 'documentgenerated' %}
  810.                                                 {% if is_granted('acces_client_document_all') %}
  811.                                                     &nbsp;
  812.                                                     <span style="font-size:80%;">
  813.                                                         <a style="cursor: pointer; color: #0168fa;" class="link document-preview" onclick="getPreview('{{ public_path }}/symfony/public/{{ infos|last|trim }}')"><i class="far fa-eye"></i>&nbsp;<span class="notification--link">Visualiser</span></a>
  814.                                                     </span>
  815.                                                 {% endif %}
  816.                                             {% endif %}
  817.                                         </div>
  818.                                     </div>
  819.                                     <div class=""><button type="button" class="btn btn-small btn-primary setViewed" data-id="{{ notification.id }}" data-vue="{{ notification.vue }}">Marquer comme lu</button></div>
  820.                                 </div>
  821.                             {% else %}
  822.                                 <div class="kt-notification__item no-notification d-none">
  823.                                     <div class="kt-notification__item-icon">
  824.                                         <i class="text-success fas fa-clipboard-check"></i>
  825.                                     </div>
  826.                                     <div class="kt-notification__item-details">
  827.                                         <div class="kt-notification__item-time text-success">
  828.                                             {% trans %}Aucune nouvelle notification{% endtrans %}
  829.                                         </div>
  830.                                     </div>
  831.                                 </div>
  832.                             {% endfor %}
  833.                             {% for notification in app.session.get('userViewedNotifications') %}
  834.                                 {% set infos = notification.extraInfo|split(',') %}
  835.                                 <div class="kt-notification__item bg-light old-notification" data-id={{ notification.id }}>
  836.                                     <div class="kt-notification__item-icon notification--icone">
  837.                                         <i class="{{ notification.type is defined and notification.type ? notification.type.icone : notification.icone }}"></i>
  838.                                     </div>
  839.                                     <div class="kt-notification__item-details">
  840.                                         <div class="kt-notification__item-title font-weight-bold text-muted notification--titre">
  841.                                             {{ notification.titre }}
  842.                                         </div>
  843.                                         <div class="kt-notification__item-time">
  844.                                             <p class="font-italic mb-0 notification--description" style="font-size:90%;">
  845.                                                 {{ notification.description|raw }}
  846.                                             </p>
  847.                                             <span style="font-size:80%;">
  848.                                                 <i class="fas fa-user-tie"></i>&nbsp;<span class="notification--user">{{ notification.source.firstname }}&nbsp;{{ notification.source.lastname|slice(0,1) ~ "." }}</span>
  849.                                             </span>
  850.                                             &nbsp;
  851.                                             <span style="font-size:80%;">
  852.                                                 <i class="far fa-clock"></i>&nbsp;<span class="notification--date">{{ notification.datePublication|date('d-m') }}&nbsp;({{ notification.datePublication|ago }})</span>
  853.                                             </span>
  854.                                             {% if infos|first|lower in ['dossier'] %}
  855.                                                 &nbsp;
  856.                                                 <span style="font-size:80%;">
  857.                                                     <a href="/symfony/public/{{ infos|last|trim }}"><i class="far fa-eye"></i>&nbsp;<span class="notification--link">Voir la fiche</span></a>
  858.                                                 </span>
  859.                                             {% elseif infos|first|lower == 'documentgenerated' %}
  860.                                                 {% if is_granted('acces_client_document_all') %}
  861.                                                     &nbsp;
  862.                                                     <span style="font-size:80%;">
  863.                                                         <a style="cursor: pointer; color: #0168fa;" class="link document-preview" onclick="getPreview('{{ public_path }}/symfony/public/{{ infos|last|trim }}')"><i class="far fa-eye"></i>&nbsp;<span class="notification--link">Visualiser</span></a>
  864.                                                     </span>
  865.                                                 {% endif %}
  866.                                             {% endif %}
  867.                                         </div>
  868.                                     </div>
  869.                                     <div class=""><button type="button" class="btn btn-small btn-primary setViewed" data-id="{{ notification.id }}" data-vue="{{ notification.vue }}">Marquer comme non lu</button></div>
  870.                                 </div>
  871.                             {% endfor %}
  872.                         </div>
  873.                     </div>
  874.                     <!-- Partages -->
  875.                     <div class="tab-pane fade show kt-scroll " id="kt_quick_panel_tab_shares" role="tabpanel" data-currentUser="{{ app.user.id }}">
  876.                         <div class="kt-notification" id="list-shares">
  877.                             {% for request in app.session.get('userRequests') %}
  878.                                 <div class="kt-notification__item new-request" data-entite="{{ request.source_entite }}" data-id="{{ request.source_id }}">
  879.                                     <div class="kt-notification__item-icon request--icone">
  880.                                         <i class="fas fa-share-alt"></i>
  881.                                     </div>
  882.                                     <div class="kt-notification__item-details">
  883.                                         <div class="kt-notification__item-title font-weight-bold text-info request--titre">
  884.                                              {{ request.request_titre }}
  885.                                         </div>
  886.                                         <div class="kt-notification__item-time ">
  887.                                             <p class="font-italic mb-0 request--description" style="font-size:90%;">
  888.                                                 {{ request.request_description }}
  889.                                             </p>
  890.                                             <span style="font-size:80%;">
  891.                                                 <i class="fas fa-user-tie"></i>&nbsp;<span class="request--user">{{ request.user_nom }}</span>
  892.                                             </span>
  893.                                             &nbsp;
  894.                                             <span style="font-size:80%;">
  895.                                                 <i class="far fa-clock"></i>&nbsp;<span class="request--date">{{ request.request_date|date('d-m') }}&nbsp;({{ request.request_date|ago }})</span>
  896.                                             </span>
  897.                                     
  898.                                         </div>
  899.                                         <div class="mt-1">
  900.                                             {% if request.request_action_view_link is defined and request.request_action_view_link %}
  901.                                                 <a class="mr-1" href="{{ request.request_action_view_link }}" target ="_blank">
  902.                                                     <i class="far fa-eye"></i>&nbsp;<span class="request--link">Voir</span>
  903.                                                 </a>
  904.                                             {% endif %}
  905.                                             {% if request.request_action_accept_link is defined and request.request_action_accept_link %}
  906.                                                 <a class="mr-1" href="/" onclick="userRequestAction(event, '{{ request.request_action_accept_link }}')">
  907.                                                     <i class="text-success fas fa-vote-yea"></i>&nbsp;<span class="request--link">Accepter</span>
  908.                                                 </a>
  909.                                             {% endif %}
  910.                                             {% if request.request_action_decline_link is defined and request.request_action_decline_link %}
  911.                                                 <a class="mr-1" href="/" onclick="userRequestAction(event,'{{ request.request_action_decline_link }}')">
  912.                                                     <i class="text-warning far fa-times-circle"></i>&nbsp;<span class="request--link">Refuser</span>
  913.                                                 </a>
  914.                                             {% endif %}
  915.                                         </div>
  916.                                     </div>
  917.                                 </div>
  918.                             {% else %}
  919.                                 <div class="kt-notification__item no-request d-none">
  920.                                     <div class="kt-notification__item-icon">
  921.                                         <i class="text-success fas fa-clipboard-check"></i>
  922.                                     </div>
  923.                                     <div class="kt-notification__item-details">
  924.                                         <div class="kt-notification__item-time text-success">
  925.                                             {% trans %}Aucune nouvelle request{% endtrans %}
  926.                                         </div>
  927.                                     </div>
  928.                                 </div>
  929.                             {% endfor %}
  930.                             {#
  931.                                 <div class="kt-quick-shares__wrapper_panel kt-scroll" data-scroll="true" data-height="300" data-mobile-height="200">
  932.                                 </div>
  933.                             #}
  934.                         </div>
  935.                     </div>
  936.                 </div>
  937.             </div>
  938.         </div>
  939. {% endblock %}
  940. <div>     
  941. <body class="app-contact kt-page--loading-enabled kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right {#kt-header--fixed#} kt-header--minimize-topbar kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent"> 
  942.     {% block body %}
  943.     {% endblock %}
  944. </body>
  945. </div>
  946. <!-- -->
  947.     <script src="{{ asset('lib/jquery/jquery.min.js') }}"></script>
  948.     <script src="{{ asset('lib/bootstrap/js/bootstrap.bundle.min.js') }}"></script> 
  949.     <script src="{{ asset('assets/js/pace.js') }}" type="text/javascript"></script> 
  950.     {# <script src="{{ asset('lib/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script> #}
  951.     <script src="{{ asset('assets/js/dashforge.js') }}"></script>
  952.     <script src="{{ asset('assets/js/dashforge.contacts.js') }}"></script> 
  953.     
  954.     <!-- append theme customizer -->
  955.     <script src="{{ asset('lib/js-cookie/js.cookie.js') }}"></script>
  956.     <script src="{{ asset('assets/js/dashforge.settings.js') }}"></script>
  957.     
  958.     <script src="{{ asset('assets/js/owl.carousel.min.js') }}" type="text/javascript"></script> 
  959.     <script src="{{ asset('assets/js/scripts.bundle.js') }}" type="text/javascript"></script> 
  960.     <script src="{{ asset('assets/js/fontawesome/all.js') }}" type="text/javascript"></script> 
  961.     <!--<script src="{{ asset('assets/js/wow.js') }}"></script>-->
  962.     <script src="{{ asset('assets/js/izitoast.js') }}" type="text/javascript"></script>
  963.     <script src="{{ asset('assets/js/moment.js') }}"></script>
  964.     <script src="{{ asset('assets/js/daterangepicker.min.js') }}"></script>
  965.     
  966.     <script src="{{ asset('assets/js/holdOn.js') }}" type="text/javascript"></script>
  967.     <script src="{{ asset('assets/js/popper.js') }}" type="text/javascript"></script>
  968.     <script src="{{ asset('assets/js/tippy.js') }}" type="text/javascript"></script>
  969.     <script src="{{ asset('assets/js/jquery.blockUI.js') }}"></script> 
  970.     <script src="{{ asset('assets/js/bootstrap-switch.min.js') }}" type="text/javascript"></script> 
  971.     <script src="{{ asset('assets/js/bootstrap-toggle/bootstrap-toggle.js') }}" type="text/javascript"></script> 
  972.     <script src="{{ asset('assets/js/datatables-bundle.js') }}" type="text/javascript"></script> 
  973.     <script src="{{ asset('assets/tinymce/tinymce.min.js') }}" type="text/javascript"></script>
  974.     <script src="{{ asset('assets/tinymce/jquery.tinymce.min.js') }}" type="text/javascript"></script>
  975.     <script src="{{ asset('assets/js/select2.full.min.js') }}"></script>
  976.     <script src="{{ asset('assets/js/jquery-ui.js') }}" type="text/javascript"></script>
  977.     <script src="{{ asset('assets/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script> 
  978.     
  979.     <script src="{{ asset('assets/js/kendo.all.min.js') }}" type="text/javascript"></script>
  980.     <script src="{{ asset('assets/js/kendo.messages.fr-FR.min.js') }}" type="text/javascript"></script>
  981.     <script src="https://kendo.cdn.telerik.com/2019.2.514/js/cultures/kendo.culture.fr-FR.min.js"></script>
  982.     
  983.      
  984.     <script src="{{ asset('assets/dropzone/dist/dropzone.js') }}" type="text/javascript"></script>
  985.     <script src="{{ asset('assets/js/vertuoz_traduction.js') }}" type="text/javascript"></script> 
  986.     <script src="{{ asset('assets/js/jquery.waypoints.min.js') }}" type="text/javascript"></script>
  987.     <script src="{{ asset('assets/js/main.js') }}" type="text/javascript"></script> 
  988.     <!-- JS Globals -->
  989.     <script>
  990.         var globalUploadPath = "{{ doc_path }}";
  991.         var globalUploadUrl = "{{ doc_url }}";
  992.     </script>
  993.     <!-- IZI Toast-->
  994.     {% for label, messages in app.flashes %}
  995.         {% for message in messages %}
  996.             <script>
  997.                 window.setTimeout(function(){
  998.                     iziToast.{{ label }}({
  999.                     theme: 'light',
  1000.                     message: '{{ message }}',
  1001.                     position: 'topCenter', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter
  1002.                     progressBarColor: 'rgb(0, 255, 184)',
  1003.                     timeout: 4000,
  1004.                     displayMode: 1,
  1005.                     transitionIn: 'flipInX',
  1006.                     transitionOut: 'flipOutX',
  1007.                     buttons: [
  1008.                         ['<button>Fermer</button>', function (instance, toast) {
  1009.                             instance.hide({
  1010.                                 transitionOut: 'fadeOutUp',
  1011.                                 onClosing: function(instance, toast, closedBy){
  1012.                                     console.info('closedBy: ' + closedBy); // The return will be: 'closedBy: buttonName'
  1013.                                 }
  1014.                             }, toast, 'buttonName');
  1015.                         }]
  1016.                     ],
  1017.                 });
  1018.                 }, {{ loop.index - 1 }} * 4100);
  1019.             </script>
  1020.         {% endfor %}
  1021.     {% endfor %}
  1022.     {#
  1023.     {% if notification_toast %}
  1024.         {% for notification in app.session.get('userNotifications') %}
  1025.             <script>
  1026.             window.setTimeout(function(){
  1027.                 iziToast.show({
  1028.                 theme: 'light',
  1029.                 {% if notification.source and notification.source.avatar != null %}
  1030.                 image : '{{ asset('user_avatar/' ~ notification.source.avatar ) }}',
  1031.                 imageWidth: 100,
  1032.                 {% endif %}
  1033.                 {% if notification.source and notification.source.firstname != null %}
  1034.                 image : '{{ asset('user_avatar/' ~ notification.source.firstname|first ~ '.png') }}',
  1035.                 imageWidth: 60,
  1036.                 {% endif %}
  1037.                 icon : '{{ notification.type is defined ? notification.type.icone : notification.icone }}' ,
  1038.                 title: '{{ notification.titre }}',
  1039.                 message: '{{ notification.description }}',
  1040.                 position: 'topCenter', // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter
  1041.                 progressBarColor: 'rgb(0, 255, 184)',
  1042.                 timeout: 2000,
  1043.                 displayMode: 1,
  1044.                 transitionIn: 'flipInX',
  1045.                 transitionOut: 'flipOutX',
  1046.                 buttons: [
  1047.                     ['<button>Fermer</button>', function (instance, toast) {
  1048.                         instance.hide({
  1049.                             transitionOut: 'fadeOutUp',
  1050.                             onClosing: function(instance, toast, closedBy){
  1051.                                 console.info('closedBy: ' + closedBy); // The return will be: 'closedBy: buttonName'
  1052.                             }
  1053.                         }, toast, 'buttonName');
  1054.                     }]
  1055.                 ],
  1056.             });
  1057.             }, {{ loop.index }} * 2100);
  1058.             
  1059.             </script>
  1060.         {% endfor %}
  1061.     {% endif %}
  1062.     #}
  1063. <script>
  1064.     $('.setViewed').on('click', function(e) {
  1065.         button = e.currentTarget;
  1066.         id     = $(button).data('id');
  1067.         vue    = $(button).data('vue');
  1068.         path   = baseFullUrl + '/api/notification/user/'+id+'/' + ((vue == 0) ? 'set-as-viewed' : 'set-as-not-viewed');
  1069.         $.ajax({
  1070.                 method: "GET",
  1071.                 url: path,
  1072.             })
  1073.             .fail(function() {
  1074.                 customError("Une erreur est survenue", 900000);
  1075.             })
  1076.             .done(function(data) {
  1077.                 $(button).data('vue', ((vue == 1) ? 0 : 1));
  1078.                 text = ((vue == 0) ? 'Marquer comme non lu' : 'Marquer comme lu');
  1079.                 $(button).text(text);
  1080.                 parent = $(button).parent().parent();
  1081.                 if ($(parent).hasClass('old-notification') ) {
  1082.                     $(parent).removeClass('old-notification');
  1083.                     $(parent).addClass('new-notification');
  1084.                 } else {
  1085.                     $(parent).removeClass('new-notification');
  1086.                     $(parent).addClass('old-notification');
  1087.                 }
  1088.                 updateCounters();
  1089.             });
  1090.     });
  1091. </script>
  1092.     
  1093. {% block javascripts %}
  1094. {% endblock %}
  1095. </html>