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