templates/base.html.twig line 1

1. {% extends '@!EasyAdmin/layout.html.twig' %}
2. {# {% block responsive_header %} #}
3. {% block responsive_header_logo %}
4.     <a class="responsive-logo {{ ea.dashboardTitle|length > 14 ? 'logo-long' }}" title="{{ ea.dashboardTitle|striptags }}" href="{{ path('easyadmin') }}">
5.         <img id="responsive-logo" src="/build/images/logo-iveco.png" alt="logo" />
6.         <span class="header-version">- {{ app.environment | upper }} {{ version }}</span>
7.     </a>
8. {% endblock responsive_header_logo %}
9. {# {% endblock responsive_header %} #}
10. {% block header_logo %}
11.     <a class="logo {{ ea.dashboardTitle|length > 14 ? 'logo-long' }}" title="{{ ea.dashboardTitle|striptags }}" href="{{ path('easyadmin') }}">
12.         <img src="/build/images/logo-iveco.png" alt="logo" />
13.     </a>
14. {% endblock header_logo %}
15. {% block content_top_header %}
16.     <span class="header-version">- {{ app.environment | upper }} {{ version }}</span>
17.     <div class="navbar-custom-menu ms-auto">
18.         {% block header_custom_menu %}
19.             {{parent()}}
20.         {% endblock header_custom_menu %}
21.     </div>
22. {% endblock content_top_header %}
24. {%  block content_footer_wrapper %}
25.     <div id="modal-confirm" class="modal fade" tabindex="-1">
26.         <div class="modal-dialog">
27.             <div class="modal-content">
28.                 <div class="modal-body">
29.                     <p>{{ 'batch_action_modal.title'|trans(domain = 'EasyAdminBundle') }}</p>
30.                 </div>
31.                 <div class="modal-footer">
32.                     <button type="button" data-bs-dismiss="modal" class="btn btn-secondary">
33.                         <span class="btn-label">{{ 'action.cancel'|trans([], 'EasyAdminBundle') }}</span>
34.                     </button>
36.                     <button type="button" data-bs-dismiss="modal" class="btn btn-success" id="modal-confirm-button">
37.                         <span class="btn-label">{{ 'Confirm'|trans }}</span>
38.                     </button>
39.                 </div>
40.             </div>
41.         </div>
42.     </div>
43. {% endblock %}
45. {% block body_javascript %}
46.     {{ parent() }}
48.     <script type="text/javascript">
49.         function applyStylesBasedOnHeaderVisibility() {
50.             const responsiveHeader = document.querySelector('.responsive-header');
51.             const otherElement = document.querySelector('.header-version');
53.             if (window?.getComputedStyle(responsiveHeader)?.display !== 'none') {
54.                 // Applica le regole quando responsive-header è visibile
55.                 otherElement.style.top = '1%';
56.                 otherElement.style.position = 'relative';
58.                 // Puoi aggiungere altre regole qui
59.             } else {
60.                 // Se responsive-header ha display: none, puoi anche rimuovere le regole o cambiarle
61.                 otherElement.style.top = '';
62.                 otherElement.style.position = 'fixed';
63.             }
64.         }
66.         // Esegui la funzione quando il DOM è pronto
67.         document.addEventListener("DOMContentLoaded", function() {
68.             applyStylesBasedOnHeaderVisibility();
69.         });
71.         // Esegui la funzione quando la finestra viene ridimensionata
72.         window.addEventListener("resize", function() {
73.             applyStylesBasedOnHeaderVisibility();
74.         });
75.     </script>
77. {% endblock %}