templates/bundles/EasyAdminBundle/layout.html.twig line 1

  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {% trans_default_domain ea.i18n.translationDomain %}
  4. <!DOCTYPE html >
  5. <html lang="{{ ea.i18n.htmlLocale }}" dir="{{ ea.i18n.textDirection }}"   >
  6.        
  7. <head>
  8.      {% set sessionLifetimeSeconds = app.session.getMetadataBag().getLifetime() %}
  9.     <style>
  10.         .session-badge {
  11.             display: inline-block;
  12.             padding: 0.25em 0.5em;
  13.             font-size: 75%;
  14.             font-weight: 700;
  15.             line-height: 1;
  16.             color: #fff;
  17.             text-align: center;
  18.             white-space: nowrap;
  19.             vertical-align: baseline;
  20.             border-radius: 0.25rem;
  21.             background-color: #007bff;
  22.         }
  23.     </style>
  24.    <!-- <script>
  25.         document.addEventListener('DOMContentLoaded', function() {
  26.             var sessionBadge = document.querySelector('.session-badge');
  27.             var sessionLifetimeSeconds = {{ sessionLifetimeSeconds }};
  28.             var updateInterval = 1000; // Mettez à jour toutes les secondes
  30.             function updateSessionCounter() {
  31.                 var minutes = Math.floor(sessionLifetimeSeconds / 60);
  32.                 var seconds = sessionLifetimeSeconds % 60;
  33.                 sessionBadge.textContent = minutes + 'm ' + seconds + 's';
  34.                 sessionLifetimeSeconds--;
  35.             }
  37.             // Mettez à jour le compteur initialement
  38.             updateSessionCounter();
  40.             // Mettez à jour le compteur toutes les secondes
  41.             setInterval(updateSessionCounter, updateInterval);
  42.         });
  43.     </script>-->
  44.      <script>
  45.         document.addEventListener("turbo:load", function() {
  46.     // Votre code existant pour le compteur de session
  47.     var sessionBadge = document.querySelector('.session-badge');
  48.     var sessionLifetimeSeconds = {{ sessionLifetimeSeconds }};
  49.     var updateInterval = 1000; // Mettez à jour toutes les secondes
  51.     function updateSessionCounter() {
  52.         if (sessionLifetimeSeconds > 0) {
  53.             var hours = Math.floor(sessionLifetimeSeconds / 3600);
  54.             var minutes = Math.floor((sessionLifetimeSeconds % 3600) / 60);
  55.             var seconds = sessionLifetimeSeconds % 60;
  57.             sessionBadge.textContent = hours + 'h ' + minutes + 'm ' + seconds + 's';
  58.             sessionLifetimeSeconds--;
  59.         } else {
  60.             // Arrêtez le compteur et effectuez toute autre action nécessaire
  61.             clearInterval(intervalId);
  62.             sessionBadge.textContent = 'Session expirée';
  63.         }
  64.     }
  66.     // Mettez à jour le compteur initialement
  67.     updateSessionCounter();
  69.     // Mettez à jour le compteur toutes les secondes
  70.     var intervalId = setInterval(updateSessionCounter, updateInterval);
  71. });
  73.     </script>
  74.     {% block head_metas %}
  75.     
  76.         <meta charset="utf-8">
  77.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  78.         <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, noimageindex, notranslate, nocache" />
  79.         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  80.         <meta name="generator" content="EasyAdmin" />
  81.          <meta name="turbo-cache-control" content="no-cache">
  82.           
  83.            {% set sessionLifetime = app.session.getMetadataBag().getLifetime() %}
  84.     <meta name="session_duration" content="{{ sessionLifetime }}">
  85.         
  86.     {% endblock head_metas %}
  88.     {% set page_title_block_output %}{% block page_title %}{{ block('content_title') }}{% endblock %}{% endset %}
  89.     <title>{{ page_title_block_output|striptags|raw }}</title>
  91.     {% block head_stylesheets %}
  92.         <link rel="stylesheet" href="{{ asset('app.css', ea.assets.defaultAssetPackageName) }}">
  93.        
  94.             {{ encore_entry_link_tags('app') }}
  95.          
  96.             
  97.         
  98.         {% if is_granted("ROLE_CUSTOMER") %}
  99.             <link rel="stylesheet" href="{{ asset('themes/'~ settings.get.assetFolderName|lower ~ '/admin/admin-customer.css') }}">
  100.         {% else %}
  101.             <link rel="stylesheet" href="{{ asset('themes/'~ settings.get.assetFolderName|lower ~ '/admin/admin.css') }}">
  102.         {% endif %}
  103.    
  104.     {% endblock %}
  106.     {% block configured_stylesheets %}
  107.         {{ include('@EasyAdmin/includes/_css_assets.html.twig', { assets: ea.assets.cssAssets ?? [] }, with_context = false) }}
  108.         {{ include('@EasyAdmin/includes/_encore_link_tags.html.twig', { assets: ea.assets.webpackEncoreAssets ?? [] }, with_context = false) }}
  109.     {% endblock %}
  111.     {% block head_favicon %}
  112.         <link rel="shortcut icon" href="{{ asset(ea.dashboardFaviconPath) }}">
  113.     {% endblock %}
  115.     {% block head_javascript %}
  116.     
  117.         
  118.         {{ encore_entry_script_tags('app') }}
  120.   
  121.     {% endblock head_javascript %}
  123.     
  125.     {% if 'rtl' == ea.i18n.textDirection %}
  126.         <link rel="stylesheet" href="{{ asset('app.rtl.css', ea.assets.defaultAssetPackageName) }}">
  127.     {% endif %}
  129.     {% block configured_head_contents %}
  130.         {% for htmlContent in ea.assets.headContents ?? [] %}
  131.             {{ htmlContent|raw }}
  132.         {% endfor %}
  133.     {% endblock %}
  134. </head>
  136. {% block body %}
  137.     <body {% block body_attr %}{% endblock %}
  138.         id="{% block body_id %}{% endblock %}"
  139.         class="ea {% block body_class %}{% endblock %} "
  140.         data-ea-content-width="{{ ea.crud.contentWidth ?? ea.dashboardContentWidth ?? 'normal' }}"
  141.         data-ea-sidebar-width="{{ ea.crud.sidebarWidth ?? ea.dashboardSidebarWidth ?? 'normal' }}"
  142.         data-ea-dark-scheme-is-enabled="{{ ea.dashboardHasDarkModeEnabled ? 'true' : 'false' }}"
  143.     >
  146.     {% block wrapper_wrapper %}
  147.         {% block flash_messages %}
  148.             {{ include(ea.templatePath('flash_messages')) }}
  149.         {% endblock flash_messages %}
  151.         {% set user_menu_avatar %}
  152.             {% if null == ea.userMenu.avatarUrl %}
  153.                 <span class="user-avatar">
  154.                     <span class="fa-stack">
  155.                         <i class="user-avatar-icon-background fas fa-square fa-stack-2x"></i>
  156.                         <i class="user-avatar-icon-foreground {{ ea.user is not null ? 'fa fa-user' : 'fas fa-user-slash' }} fa-stack-1x fa-inverse"></i>
  157.                     </span>
  158.                 </span>
  159.             {% else %}
  160.                 <img class="user-avatar" src="{{ ea.userMenu.avatarUrl }}" />
  161.             {% endif %}
  162.         {% endset %}
  164.         {% set impersonator_permission = constant('Symfony\\Component\\Security\\Core\\Authorization\\Voter\\AuthenticatedVoter::IS_IMPERSONATOR') is defined ? 'IS_IMPERSONATOR' : 'ROLE_PREVIOUS_ADMIN' %}
  166.         {% set user_menu_dropdown %}
  167.             <ul class="dropdown-menu dropdown-menu-end">
  168.                 <li class="dropdown-user-details">
  169.                     <div>{{ user_menu_avatar }}</div>
  170.                     <div>
  171.                         <span class="user-label">{{ 'user.logged_in_as'|trans(domain = 'EasyAdminBundle') }}</span>
  172.                         <span class="user-name">{{ ea.user is null ? 'user.anonymous'|trans(domain = 'EasyAdminBundle') : ea.userMenu.name }}</span>
  173.                     </div>
  174.                 </li>
  176.                 {% block user_menu %}
  177.                     {% if ea.userMenu.items|length > 0 %}
  178.                         <li><hr class="dropdown-divider"></li>
  179.                         {% for item in ea.userMenu.items %}
  180.                             <li>
  181.                                 {% if item.isMenuSection and not loop.first %}
  182.                                     <hr class="dropdown-divider">
  183.                                 {% elseif not item.isMenuSection %}
  184.                                     <a href="{{ item.linkUrl }}" class="dropdown-item user-action {{ item.cssClass }}"
  185.                                        target="{{ item.linkTarget }}" rel="{{ item.linkRel }}"
  186.                                        referrerpolicy="origin-when-cross-origin">
  187.                                         {% if item.icon is not empty %}<i class="fa fa-fw {{ item.icon }}"></i>{% endif %}
  188.                                         <span>{{ item.label|trans }}</span>
  189.                                     </a>
  190.                                 {% endif %}
  191.                             </li>
  192.                         {% endfor %}
  193.                     {% endif %}
  194.                 {% endblock user_menu %}
  195.             </ul>
  196.         {% endset %}
  198.         {% set settings_dropdown %}
  199.             {% if ea.dashboardLocales or ea.dashboardHasDarkModeEnabled %}
  200.                 <div class="dropdown dropdown-settings">
  201.                     <a class="dropdown-settings-button" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
  202.                         <i class="fas fa-gear"></i>
  203.                     </a>
  205.                     <ul class="dropdown-menu dropdown-menu-end">
  206.                         {% if ea.dashboardLocales %}
  207.                             <li>
  208.                                 <span class="dropdown-header dropdown-locales-label">{{ 'settings.locale'|trans(domain = 'EasyAdminBundle') }}</span>
  209.                             </li>
  211.                             {% for localeDto in ea.dashboardLocales %}
  212.                                 <li>
  213.                                     <a href="{{ ea_url().set('_locale', localeDto.locale) }}" class="dropdown-item{% if app.request.locale == localeDto.locale %} active{% endif %}">
  214.                                         {% if localeDto.icon %}
  215.                                             <i class="{{ localeDto.icon }}"></i>
  216.                                         {% endif %}
  217.                                         {{ localeDto.name }}
  218.                                     </a>
  219.                                 </li>
  220.                             {% endfor %}
  221.                         {% endif %}
  223.                         {% if ea.dashboardHasDarkModeEnabled %}
  224.                             {% if ea.dashboardLocales %}
  225.                                 <div class="dropdown-divider"></div>
  226.                             {% endif %}
  228.                             <li>
  229.                                 <span class="dropdown-header dropdown-appearance-label">{{ 'settings.appearance.label'|trans(domain = 'EasyAdminBundle') }}</span>
  230.                             </li>
  231.                             <li>
  232.                                 <a href="#" class="dropdown-item dropdown-appearance-item" data-ea-color-scheme="light">
  233.                                     <i class="far fa-sun"></i> <span>{{ 'settings.appearance.light'|trans(domain = 'EasyAdminBundle') }}</span>
  234.                                 </a>
  235.                             </li>
  236.                             <li>
  237.                                 <a href="#" class="dropdown-item dropdown-appearance-item" data-ea-color-scheme="dark">
  238.                                     <i class="far fa-moon"></i> <span>{{ 'settings.appearance.dark'|trans(domain = 'EasyAdminBundle') }}</span>
  239.                                 </a>
  240.                             </li>
  241.                             <li>
  242.                                 <a href="#" class="dropdown-item dropdown-appearance-item active" data-ea-color-scheme="auto">
  243.                                     <i class="fas fa-desktop"></i> <span>{{ 'settings.appearance.auto'|trans(domain = 'EasyAdminBundle') }}</span>
  244.                                 </a>
  245.                             </li>
  246.                         {% endif %}
  247.                     </ul>
  248.                 </div>
  249.             {% endif %}
  250.         {% endset %}
  252.         <div class="wrapper">
  253.             {% block wrapper %}
  254.                 <div class="responsive-header">
  255.                     {% block responsive_header %}
  256.                         <button id="navigation-toggler" type="button" aria-label="Toggle navigation">
  257.                             <i class="fa fa-fw fa-bars"></i>
  258.                         </button>
  260.                         <div id="responsive-header-logo" class="text-truncate ms-auto">
  261.                             {% block responsive_header_logo %}
  262.                                 <a class="responsive-logo" title="{{ ea.dashboardTitle|striptags }}" href="{{ path(ea.dashboardRouteName) }}">
  263.                                     {{ ea.dashboardTitle|raw }}
  264.                                 </a>
  265.                             {% endblock responsive_header_logo %}
  266.                         </div>
  268.                         <div class="dropdown user-menu-wrapper {{ is_granted(impersonator_permission) ? 'user-is-impersonated' }} ms-auto">
  269.                             <a class="user-details" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
  270.                                 {# to make the site design consistent, always display the user avatar in responsive header
  271.                                    and hide the user name (because there's no space left) regardless of the user config #}
  272.                                 {% if ea.userMenu.avatarDisplayed %}
  273.                                     {{ user_menu_avatar }}
  274.                                 {% else %}
  275.                                     <i class="user-avatar fa fa-fw {{ ea.user is not null ? 'fa-user' : 'fa-user-times' }}"></i>
  276.                                 {% endif %}
  277.                             </a>
  279.                             {{ user_menu_dropdown }}
  280.                         </div>
  282.                         {{ settings_dropdown }}
  283.                     {% endblock responsive_header %}
  284.                 </div>
  286.                 <div class="sidebar-wrapper"  >
  287.                     <aside class="sidebar" >
  288.                         {% block sidebar %}
  289.                             <header class="main-header" >
  290.                                 {% block header %}
  291.                                 <nav class="navbar" role="navigation" >
  292.                                     {% block header_navbar %}
  293.                                         <div id="header-logo">
  294.                                             {% block header_logo %}
  295.                                                 <a class="logo" title="{{ ea.dashboardTitle|striptags }}" href="{{ path(ea.dashboardRouteName) }}">
  296.                                                     <span class="logo-custom">{{ ea.dashboardTitle|raw }}</span>
  297.                                                     <span class="logo-compact"><i class="fas fa-home"></i></span>
  298.                                                 </a>
  299.                                             {% endblock header_logo %}
  300.                                         </div>
  301.                                     {% endblock header_navbar %}
  302.                                 </nav>
  303.                                 {% endblock header %}
  304.                             </header>
  306.                             {% block main_menu_wrapper %}
  307.                                 {{ include(ea.templatePath('main_menu')) }}
  308.                             {% endblock main_menu_wrapper %}
  309.                         {% endblock sidebar %}
  311.                         <div id="sidebar-resizer-handler" class="resizer-handler resizer-handler-left"></div>
  312.                     </aside>
  313.                 </div>
  315.                 <section class="main-content" >
  316.                     {% set has_search = ea.crud is not null and ea.crud.isSearchEnabled %}
  317.                     <aside class="content-top {{ has_search ? 'ea-search-enabled' : 'ea-search-disabled' }}">
  318.                         {% block content_top_header %}
  319.                             <div class="content-search">
  320.                                 {% if has_search %}
  321.                                     {% block search %}
  323.                                         <form   class="form-action-search" method="get">
  324.                                             {% block search_form %}
  325.                                                 {% block search_form_filters %}
  326.                                                     {% for field, array in ea.search.appliedFilters %}
  327.                                                         {% for key, value in array %}
  328.                                                             {# This code re-applies your filters on searches, an iterable check is needed in cases we have more than one object for a filter #}
  329.                                                             {% if value is iterable %}
  330.                                                                 {% for index, iterValue in value %}
  331.                                                                     {# This sub-level iterable check is needed in cases we have more complex filters like the DateTimeFilter cf. issue #5038 #}
  332.                                                                     {% if iterValue is iterable %}
  333.                                                                         {% for subIndex, subIterValue in iterValue %}
  334.                                                                             <input type="hidden" name="filters[{{ field }}][{{ key }}][{{ index }}][{{ subIndex }}]" value="{{ subIterValue }}">
  335.                                                                         {% endfor %}
  336.                                                                     {% else %}
  337.                                                                         <input type="hidden" name="filters[{{ field }}][{{ key }}][{{ index }}]" value="{{ iterValue }}">
  338.                                                                     {% endif %}
  339.                                                                 {% endfor %}
  340.                                                             {% else %}
  341.                                                                 <input type="hidden" name="filters[{{ field }}][{{ key }}]" value="{{ value }}">
  342.                                                             {% endif %}
  343.                                                         {% endfor %}
  344.                                                     {% endfor %}
  345.                                                 {% endblock %}
  347.                                                 <input type="hidden" name="crudAction" value="index">
  348.                                                 <input type="hidden" name="crudControllerFqcn" value="{{ ea.request.query.get('crudControllerFqcn') }}">
  349.                                                 <input type="hidden" name="menuIndex" value="{{ ea.request.query.get('menuIndex') }}">
  350.                                                 <input type="hidden" name="submenuIndex" value="{{ ea.request.query.get('submenuIndex') }}">
  351.                                                 <input type="hidden" name="page" value="1">
  353.                                                 <div class="form-group">
  354.                                                     <div class="form-widget">
  355.                                                         <i class="fas fa-search content-search-icon"></i>
  357.                                                         <label class="content-search-label" data-value="{{ app.request.get('query') }}">
  358.                                                             <input class="form-control {{ app.request.get('query') is null ? 'is-blank' }}" type="search" name="query" value="{{ app.request.get('query') ?? '' }}" placeholder="{{ t('action.search', ea.i18n.translationParameters, 'EasyAdminBundle')|trans }}" spellcheck="false" autocorrect="off" onInput="this.parentNode.dataset.value=this.value"{% if ea.crud.currentAction == 'index' and ea.crud.autofocusSearch == true %} autofocus="autofocus"{% endif %}>
  359.                                                         </label>
  361.                                                         {% if app.request.get('query') %}
  362.                                                             <a href="{{ ea_url().unset('query') }}" class="content-search-reset">
  363.                                                                 <i class="fas fa-fw fa-times"></i>
  364.                                                             </a>
  365.                                                         {% endif %}
  366.                                                     </div>
  367.                                                 </div>
  368.                                             {% endblock %}
  369.                                         </form>
  370.                                     {% endblock search %}
  371.                                 {% endif %}
  372.                             </div>
  375.                             {% if is_granted("ROLE_AGENT") %}
  376.                             <div class="navbar-custom-menu p-1" >
  377.                                    
  378.                                     {% set urlSessionHistory = ea_url().setRoute("toggleSession") %}
  379.                                     {% if settings.session %}
  380.                                         {% if settings.session.endAt != null %}
  381.                                             <a href="{{urlSessionHistory}}" class="btn bg-green-dark text-white">
  382.                                             <i class="fa-solid fa-power-off"></i>
  383.                                                 Commencer ma session
  384.                                             </a>
  385.                                         {% else %}
  387.                                             <a href="{{urlSessionHistory}}" class="btn bg-pink-dark text-white">
  388.                                             <i class="fa-solid fa-power-off"></i>
  389.                                                 Fermer ma session <small style="font-size:9px;">(Commencé á {{settings.session.startAt|date("H:i:s")}})</small>
  390.                                             </a>
  391.                                         {% endif %}
  392.                                     
  393.                                     {% else %}
  394.                                     <a href="{{urlSessionHistory}}" class="btn bg-green-dark text-white">
  395.                                             <i class="fa-solid fa-power-off"></i>
  396.                                                 Commencer ma session
  397.                                             </a>
  399.                                     {% endif %}
  400.                                     
  401.                                     </a>
  402.                                 
  403.                             </div>
  404.                             {% endif %}
  405.                             <div class="navbar-custom-menu p-1" style="position:relative;">
  407.                                     <div style="position:absolute;bottom:0;left:18px;z-index:9;opacity:0.8;">
  408.                                         <span class="badge badge-primary" >1</span>
  409.                                     </div>
  410.                                       <small style="color: rgb(78, 48, 158);">La durée de la session restante : </small><span class="session-badge">0h 0m 0s</span>
  411.                                 
  412.                                     <div class="dropdown user-menu-wrapper {{ is_granted(impersonator_permission) ? 'user-is-impersonated' }}">
  413.                                         <a class="user-details" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
  414.                                           <span class="user-avatar">
  415.                                                 <span class="fa-stack">
  416.                                                     <i class="user-avatar-icon-background fas fa-square fa-stack-2x"></i>
  417.                                                     <i class="user-avatar-icon-foreground fa fa-bell fa-stack-1x fa-inverse"></i>
  418.                                                 </span>
  419.                                             </span>
  420.                                             
  421.                                                 <span class="user-name">Notifications </span>
  422.                                                
  423.                                                 
  424.                                         </a>
  427.                                         <ul class="dropdown-menu dropdown-menu-end">
  428.                                                     <li class="dropdown-user-details">
  429.                                                         Nouveau adhérent : Ayman Bantala
  430.                                                     </li>
  432.                                                             
  433.                                         </ul>
  434.                                     </div>
  435.                                 
  436.                             </div>
  438.                             <div class="navbar-custom-menu">
  440.                             
  442.                                 {% block header_custom_menu %}
  443.                                     <div class="dropdown user-menu-wrapper {{ is_granted(impersonator_permission) ? 'user-is-impersonated' }}">
  444.                                         <a class="user-details" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
  445.                                             {{ user_menu_avatar }}
  446.                                             {% if ea.userMenu.isNameDisplayed %}
  447.                                                 <span class="user-name">{{ ea.userMenu.name }}</span>
  448.                                             {% endif %}
  449.                                         </a>
  451.                                         {{ user_menu_dropdown }}
  452.                                     </div>
  453.                                 {% endblock header_custom_menu %}
  454.                             </div>
  456.                             {{ settings_dropdown }}
  457.                         {% endblock content_top_header %}
  458.                     </aside>
  460.                     <div class="content-wrapper ">
  461.                         {% block content %}
  462.                             <article class="content">
  463.                                 {% block content_header_wrapper %}
  464.                                     {% set has_help_message = (ea.crud.helpMessage ?? '') is not empty %}
  465.                                     <section class="content-header">
  466.                                         {% block content_header %}
  467.                                             <div class="content-header-title">
  468.                                                 <h1 class="title">
  469.                                                     {% block content_title %}{% endblock %}
  471.                                                     {% block content_help %}
  472.                                                         {% if has_help_message %}
  473.                                                             <a tabindex="0" class="content-header-help" data-bs-toggle="popover" data-bs-custom-class="ea-content-help-popover" data-bs-animation="true" data-bs-html="true" data-bs-placement="bottom" data-bs-trigger="focus" data-bs-content="{{ ea.crud.helpMessage|trans|e('html_attr') }}">
  474.                                                                 <i class="far fa-question-circle"></i>
  475.                                                             </a>
  476.                                                         {% endif %}
  477.                                                     {% endblock %}
  478.                                                 </h1>
  479.                                             </div>
  481.                                             {% block page_actions_wrapper %}
  482.                                                 <div class="page-actions">{% block page_actions %}{% endblock %}</div>
  483.                                             {% endblock %}
  484.                                         {% endblock content_header %}
  485.                                     </section>
  486.                                 {% endblock content_header_wrapper %}
  488.                                 <section id="main" class="content-body  animate__animated animate__fadeIn">
  489.                                     {% block main %}{% endblock %}
  490.                                 </section>
  492.                                 {% block content_footer_wrapper %}
  493.                                     {% set content_footer = block('content_footer') is defined ? block('content_footer') : '' %}
  494.                                     {% if content_footer is not empty %}
  495.                                         <section class="content-footer">
  496.                                             {{ content_footer }}
  497.                                         </section>
  498.                                     {% endif %}
  499.                                 {% endblock %}
  500.                             </article>
  501.                         {% endblock content %}
  503.                         <div id="content-resizer-handler" class="resizer-handler resizer-handler-right"></div>
  504.                     </div>
  505.                 </section>
  506.             {% endblock wrapper %}
  507.         </div>
  508.     {% endblock wrapper_wrapper %}
  510.     {% block body_javascript %}
  511.     
  512.     
  513.         <script>
  515.             var notificationSound = new Audio('flexy/sounds/notification_sound.mp3');
  517.             document.addEventListener("turbo:load",function(){
  519.             
  520.             
  521.             
  522.             {% if settings.get.isMercureEnabled %}
  523.             
  524.             const eventSource = new EventSource("{{ mercure('https://hello.com/books/1')|escape('js') }}");
  525.             eventSource.onmessage = event => {
  526.                 // Will be called every time an update is published by the server
  527.                 var data = JSON.parse(event.data);
  529.                 if(data.status == "success"){
  530.                     if(data.entity == "VisitCustomer"){
  531.                         //notificationSound.loop = true;
  532.                         notificationSound.play();
  533.                         
  534.                         const flashMessages = document.getElementById('flash-messages');
  535.                         
  536.                         /*$("#flash-messages").append('<div class="alert alert-success alert-dismissible fade show" role="alert"><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>Nouvelle commande a été crée</div>');*/
  537.                        
  538.                         {% set urlOrders = ea_url()
  539.                                 .setController('App\\Flexy\\POSBundle\\Controller\\OrderCrudController')
  540.                                 .setAction('index') %}
  541.                         Turbo.visit("{{urlOrders|escape('js')}}");
  543.                     }
  546.                 if(data.status == "success"){
  547.                     if(data.entity == "Order"){
  548.                         //notificationSound.loop = true;
  549.                         notificationSound.play();
  550.                         
  551.                         const flashMessages = document.getElementById('flash-messages');
  552.                         
  553.                         /*$("#flash-messages").append('<div class="alert alert-success alert-dismissible fade show" role="alert"><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>Nouvelle commande a été crée</div>');*/
  554.                        
  555.                         {% set urlOrders = ea_url()
  556.                                 .setController('App\\Flexy\\POSBundle\\Controller\\OrderCrudController')
  557.                                 .setAction('index') %}
  558.                         Turbo.visit("{{urlOrders|escape('js')}}");
  560.                     }
  561.                     //alert(data.status);
  562.                     
  563.                 }
  564.                 console.log(JSON.parse(event.data));
  566.                 
  567.             }
  568.             {% endif %}
  569.             });
  571.             document.addEventListener("turbo:click",function(){
  572.                 
  573.                 notificationSound.pause();
  574.                 notificationSound.currentTime = 0;
  575.             });
  576.             </script>
  577.         
  578.     {% endblock body_javascript %}
  580.     {% block configured_body_contents %}
  581.         {% for htmlContent in ea.assets.bodyContents ?? [] %}
  582.             {{ htmlContent|raw }}
  583.         {% endfor %}
  584.     {% endblock %}
  585.     </body>
  586. {% endblock body %}
  587. </html>