wagtail-enap-designsystem 1.2.1.168__py3-none-any.whl → 1.2.1.169__py3-none-any.whl

enap_designsystem/static/enap_designsystem/blocks/pages/page_search.css

@@ -769,7 +769,7 @@ z-index: 1;
 	gap: 8px;
 }
 
-.paginacao a {
+.paginacao a, .paginacao button {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -785,18 +785,18 @@ z-index: 1;
 	font-size: 14px;
 }
 
-.paginacao a:hover {
+.paginacao a:hover, .paginacao button:hover  {
 	background-color: #f1f7f5;
 }
 
-.paginacao a.ativo {
+.paginacao a.ativo, .paginacao button.ativo {
 	background-color: #06665D;
 	color: white;
 	font-weight: 700;
 	border-color: #06665D;
 }
 
-.paginacao a.disabled {
+.paginacao a.disabled, .paginacao button.disabled {
 	pointer-events: none;
 	opacity: 0.4;
 	border-style: dashed;

enap_designsystem/templates/enap_designsystem/base.html

@@ -339,6 +339,7 @@
 
 		<!-- Scripts Externos -->
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
+    	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 		<script src="{% static 'static/simple-dashboard.js' %}"></script>
 		<script src="https://kit.fontawesome.com/2e8803d931.js" crossorigin="anonymous"></script>
 		<script src="{% static 'enap_designsystem/blocks/pages/page_search.js' %}" crossorigin="anonymous"></script>

enap_designsystem/templates/enap_designsystem/blocks/feature_estrutura.html

@@ -16,7 +16,7 @@
         
             <div class="modules-grid">
                 {% for module in value.modules %}
-                    <div class="accordion-item-v2" id="accordion-{{ forloop.counter }}">
+                    <div class="accordion-item-v2">
                         <div class="accordion-header-v2">
                             <h3 class="module-heading">{{ module.module_title }}</h3>
                             <span class="toggle-icon">+</span>
@@ -37,32 +37,31 @@
         </div>
     </div>
 </section>
+{% endblock %}
 
+{% block scriptinline %}
 <script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Seleciona todos os headers de accordion
-        const headers = document.querySelectorAll('.accordion-header-v2');
-        
-        // Adiciona o evento de clique a cada header
-        headers.forEach(header => {
-            header.addEventListener('click', function() {
-                // Pega o elemento pai (o accordion item)
-                const parentItem = this.parentElement;
-                
-                // Verifica se este item já está ativo
-                const isActive = parentItem.classList.contains('active');
-                
-                // Remove a classe active de TODOS os accordions
-                document.querySelectorAll('.accordion-item-v2').forEach(item => {
-                    item.classList.remove('active');
+    if (!window.accordionScriptInitialized) {
+        document.addEventListener('DOMContentLoaded', function() {
+            const headers = document.querySelectorAll('.accordion-header-v2');
+            
+            headers.forEach(header => {
+                header.addEventListener('click', function() {
+                    const parentItem = this.parentElement;
+                    const isActive = parentItem.classList.contains('active');
+                    
+                    document.querySelectorAll('.accordion-item-v2').forEach(item => {
+                        item.classList.remove('active');
+                    });
+                    
+                    if (!isActive) {
+                        parentItem.classList.add('active');
+                    }
                 });
-                
-                // Adiciona a classe active apenas ao item clicado, SE não estava ativo antes
-                if (!isActive) {
-                    parentItem.classList.add('active');
-                }
             });
         });
-    });
+
+        window.accordionScriptInitialized = true;
+    }
 </script>
 {% endblock %}