wagtail-enap-designsystem 1.2.1.142__py3-none-any.whl → 1.2.1.144__py3-none-any.whl

enap_designsystem/blocks/form.py

@@ -272,12 +272,7 @@ class RadioFieldBlock(blocks.StructBlock):
 
 class CheckboxFieldBlock(blocks.StructBlock):
     """Checkbox único"""
-    label = blocks.CharBlock(label="Título do campo", max_length=255)
-    checkbox_text = blocks.CharBlock(
-        label="Texto do checkbox", 
-        max_length=500,
-        help_text="O texto que aparece ao lado da caixinha"
-    )
+    label = blocks.CharBlock(label="Título do campo", required=True)
     help_text = blocks.CharBlock(label="Texto de ajuda", required=False)
     required = blocks.BooleanBlock(label="Obrigatório", required=False)
     

enap_designsystem/blocks/html_blocks.py

@@ -7353,6 +7353,14 @@ class FormularioDinamicoBlock(blocks.StructBlock):
         help_text="Título do formulário"
     )
     
+    cor_titulo = blocks.ChoiceBlock(
+        label="Cor do Título",
+        choices=BRAND_TEXTS_CHOICES,
+        default='#024248',
+        required=False,
+        help_text="Cor do título conforme Design System ENAP"
+    )
+    
     descricao = blocks.TextBlock(
         required=False,
         help_text="Descrição ou instruções do formulário"
@@ -7383,6 +7391,14 @@ class FormularioDinamicoBlock(blocks.StructBlock):
         help_text="Texto do botão de envio"
     )
     
+    cor_botao = blocks.ChoiceBlock(
+        label="Cor do Título",
+        choices=BRAND_BUTTON_CHOICES,
+        default='#024248',
+        required=False,
+        help_text="Cor do botão conforme Design System ENAP"
+    )
+    
     class Meta:
         template = 'enap_designsystem/blocks/formulario_dinamico.html'
         icon = 'form'
@@ -7451,7 +7467,7 @@ class ApresentacaoBlock(blocks.StructBlock):
     
     # Botão
     botao_texto = blocks.CharBlock(
-        required=True,
+        required=False,
         max_length=50,
         help_text="Texto do botão"
     )

enap_designsystem/blocks/layout_blocks.py

@@ -16,6 +16,14 @@ from .html_blocks import (
     DepoimentosVideoListBlock
 )
 
+from .semana_blocks import (
+    BRAND_INOVACAO_CHOICES, 
+    BRAND_TEXTS_CHOICES,
+    BRAND_BG_CHOICES, 
+    BRAND_BUTTON_CHOICES, 
+    BRAND_HOVER_CHOICES
+)
+
 from django.db import models
 
 from coderedcms.settings import crx_settings
@@ -178,6 +186,16 @@ class EnapSectionBlock(BaseLayoutBlock):
         help_text="Escolha a cor de fundo para a seção",
         label="Cor de fundo"
     )
+    
+    max_width = blocks.ChoiceBlock(
+        choices=[
+            ('50%', 'Largura 50%'),
+            ('100%', 'Largura 100%'),
+        ],
+        default='50%',
+        help_text="Escolha a largura do titulo e subtitulo",
+        label="Largura do titulo e subtitulo"
+    )
 
     spacing = blocks.ChoiceBlock(
         choices=[
@@ -197,6 +215,14 @@ class EnapSectionBlock(BaseLayoutBlock):
         max_length=255,
         label=_("Titulo"),
     )
+    
+    cor_titulo = blocks.ChoiceBlock(
+        label="Cor do Título",
+        choices=BRAND_TEXTS_CHOICES,
+        default='#024248',
+        required=False,
+        help_text="Cor do título conforme Design System ENAP"
+    )
 
     subtitle = blocks.RichTextBlock(
         required=False,

enap_designsystem/blocks/semana_blocks.py

@@ -12,10 +12,12 @@ from .form import BASE_FORM_FIELD_BLOCKS
 # Cores principais da paleta
 # Cores principais para inovação - sem duplicatas e com valores hexadecimais válidos
 BRAND_INOVACAO_CHOICES = [
-    ('enap-green', 'Verde ENAP'),
-    ('enap-link', 'Verde Link ENAP'), 
-    ('gnova-purple', 'Roxo Gnova'),
-    ('gnova-light', 'Roxo Claro Gnova'),
+    ('#024248', 'Verde ENAP'),
+    ('#FFF0D9', 'Creme Suave'),  # Corrigido de 'bg-white', '#fbebd8'
+    ('#007D7A', 'Verde Link ENAP'), 
+    ('#AD6BFC', 'Roxo Gnova'),
+    ('#B396FC', 'Roxo Claro Gnova'),
+    ('#2F134F', 'Roxo Escuro LIIA'),
     ('blue', 'Azul'),
     ('green', 'Verde'),
     ('red', 'Vermelho'),
@@ -24,6 +26,7 @@ BRAND_INOVACAO_CHOICES = [
     ('indigo', 'Índigo'),
     ('emerald', 'Esmeralda'),
     ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
     ('#132929', 'Verde Musgo Escuro'),
     ('#3A8A9C', 'Azul Petróleo'),
     ('#25552A', 'Verde Floresta Escuro'),
@@ -39,11 +42,12 @@ BRAND_INOVACAO_CHOICES = [
 
 # Cores para textos - removendo duplicatas e corrigindo valores
 BRAND_TEXTS_CHOICES = [
-    ('enap-green', 'Verde ENAP'),
+    ('#024248', 'Verde ENAP'),
     ('#FFF0D9', 'Creme Suave'),  # Corrigido de 'bg-white', '#fbebd8'
-    ('enap-link', 'Verde Link ENAP'), 
-    ('gnova-purple', 'Roxo Gnova'),
-    ('gnova-light', 'Roxo Claro Gnova'),
+    ('#007D7A', 'Verde Link ENAP'), 
+    ('#AD6BFC', 'Roxo Gnova'),
+    ('#B396FC', 'Roxo Claro Gnova'),
+    ('#2F134F', 'Roxo Escuro LIIA'),
     ('blue', 'Azul'),
     ('green', 'Verde'),
     ('red', 'Vermelho'),
@@ -52,6 +56,7 @@ BRAND_TEXTS_CHOICES = [
     ('indigo', 'Índigo'),
     ('emerald', 'Esmeralda'),
     ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
     ('#132929', 'Verde Musgo Escuro'),
     ('#00777D', 'Enap'),
     ('#58606E', 'Enap Cinza'),
@@ -76,6 +81,7 @@ BRAND_BG_CHOICES = [
     ('rgba(0,0,0,0.5)', 'Preto Semi-transparente'),
     ('#F8F9FA', 'Cinza Claro (#F8F9FA)'),
     ('#000000', 'Preto (#000000)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
     ('#024248', 'Verde ENAP'),
     ('#007D7A', 'Verde Link ENAP'), 
     ('#AD6BFC', 'Roxo Gnova'),
@@ -106,10 +112,12 @@ BRAND_BG_CHOICES = [
 
 # Cores para botões e elementos interativos
 BRAND_BUTTON_CHOICES = [
-    ('enap-green', 'Verde ENAP'),
-    ('enap-link', 'Verde Link ENAP'), 
-    ('gnova-purple', 'Roxo Gnova'),
-    ('gnova-light', 'Roxo Claro Gnova'),
+    ('transparent', 'Transparente'),
+    ('#024248', 'Verde ENAP'),
+    ('#007D7A', 'Verde Link ENAP'), 
+    ('#AD6BFC', 'Roxo Gnova'),
+    ('#B396FC', 'Roxo Claro Gnova'),
+    ('#2F134F', 'Roxo Escuro LIIA'),
     ('blue', 'Azul'),
     ('green', 'Verde'),
     ('red', 'Vermelho'),
@@ -118,6 +126,7 @@ BRAND_BUTTON_CHOICES = [
     ('indigo', 'Índigo'),
     ('emerald', 'Esmeralda'),
     ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
     ('#FF7A1B', 'Laranja Vibrante'),
     ('#FFEB31', 'Amarelo Canário'),
     ('#3A8A9C', 'Azul Petróleo'),
@@ -130,10 +139,11 @@ BRAND_BUTTON_CHOICES = [
 
 # Cores para hover dos botões
 BRAND_HOVER_CHOICES = [
-    ('enap-green', 'Verde ENAP'),
-    ('enap-link', 'Verde Link ENAP'), 
-    ('gnova-purple', 'Roxo Gnova'),
-    ('gnova-light', 'Roxo Claro Gnova'),
+    ('#024248', 'Verde ENAP'),
+    ('#007D7A', 'Verde Link ENAP'), 
+    ('#AD6BFC', 'Roxo Gnova'),
+    ('#B396FC', 'Roxo Claro Gnova'),
+    ('#2F134F', 'Roxo Escuro LIIA'),
     ('blue', 'Azul'),
     ('green', 'Verde'),
     ('red', 'Vermelho'),
@@ -142,6 +152,7 @@ BRAND_HOVER_CHOICES = [
     ('indigo', 'Índigo'),
     ('emerald', 'Esmeralda'),
     ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
     ('#E6690F', 'Laranja Escuro'),
     ('#E6D220', 'Amarelo Escuro'),
     ('#2E7A8A', 'Azul Petróleo Escuro'),
@@ -1302,13 +1313,13 @@ class MenuNavigationBlock(blocks.StructBlock):
     
     cor_ativo = blocks.ChoiceBlock(
         choices=BRAND_BUTTON_CHOICES,
-        default='#FF7A1B',
+        default='#7F994A',
         help_text="Cor do item ativo"
     )
     
     cor_hover = blocks.ChoiceBlock(
         choices=BRAND_BUTTON_CHOICES,
-        default='#FFEB31',
+        default='#7F994A',
         help_text="Cor do hover nos itens"
     )
 

enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html

@@ -32,8 +32,7 @@
     justify-content: center;
     text-align: center;
     height: auto;
-    background-color: rgba(106, 27, 154, 0.15);
-    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+    box-shadow: unset;
     font-weight: 500;
     padding: 0px;
     text-decoration: none;
@@ -281,7 +280,7 @@
                 <div class="cards-container {{ value.layout_cards|default:'cards-3-colunas' }}">
                     {% for card in value.cards %}
                         {% if card.block_type == 'card' %}
-                        <div class="card-item">
+                        <div class="card-item" style="background: {{ value.cor_fundo }}">
                             <div class="card-apresentacao" style="background: {{ value.cor_fundo_cards }}">
                                 
                                 <!-- Imagem do card -->

enap_designsystem/templates/enap_designsystem/blocks/formulario_dinamico.html

@@ -6,7 +6,7 @@
     <!-- Cabeçalho do formulário -->
     {% if value.titulo %}
         <div class="formulario-header mb-4">
-            <h2 class="h3 mb-2">{{ value.titulo }}</h2>
+            <h2 style="color: {{value.cor_titulo}}" class="h3 mb-2">{{ value.titulo }}</h2>
             {% if value.descricao %}
                 <p class="text-muted">{{ value.descricao }}</p>
             {% endif %}
@@ -273,8 +273,8 @@
                     {% elif campo.block_type == 'section_header' %}
                         <div class="section-header mt-4 mb-3">
                             <h4 class="h5">{{ campo.value.title }}</h4>
-                            {% if campo.value.description %}
-                                <p class="text-muted">{{ campo.value.description }}</p>
+                            {% if campo.value.subtitle %}
+                                <p class="text-muted">{{ campo.value.subtitle }}</p>
                             {% endif %}
                         </div>
                     
@@ -298,7 +298,7 @@
         
         <!-- Botão de envio -->
         <div class="formulario-submit mt-4">
-            <button type="submit" class="btn primary btn-lg">
+            <button type="submit" class="btn primary btn-lg" style="background-color: {{value.cor_botao}};">
                 <i class="fas fa-paper-plane me-2"></i>
                 {{ value.botao_texto|default:"Enviar" }}
             </button>

enap_designsystem/templates/enap_designsystem/blocks/numeros_block.html

@@ -1,6 +1,6 @@
 {% load wagtailcore_tags %}
 
-<div class="estatisticas-section" style="background-color: {{ value.cor_fundo_conteudo }}; border-bottom: 16px solid {{ value.cor_line }}; padding: 60px 0; width: 100%;">
+<div class="estatisticas-section" style="background-color: {{ value.cor_fundo }}; border-bottom: 16px solid {{ value.cor_line }}; padding: 60px 0; width: 100%;">
     <div class="container">
         <h2 class="secao-cabecalho text-center font-bold mb-8"
             style="color: {{ value.cor_titulo }};">

enap_designsystem/templates/enap_designsystem/blocks/section_block.html

@@ -13,9 +13,9 @@
     {% if self.title or self.subtitle %}
     <div class="container-medium">         
         <div class="padding-global">         
-            <div class="wrapper-text-blue">
+            <div class="wrapper-text-blue" style="max-width: {{value.max_width}};">
                 {% if self.title %}             
-                    <h2 class="h2-blue-large {% if self.custom_class == 'bg-darkgreen' or self.custom_class == 'bg-enap-100' or self.custom_class == 'bg-enap-90' or self.custom_class == 'bg-enap-80' or self.custom_class == 'bg-enap-70' or self.custom_class == 'bg-enap-50' or self.custom_class == 'bg-enap-40' %}white{% endif %}">{{self.title}}</h2>
+                    <h2 style="color: {{ value.cor_titulo }}" class="h2-blue-large {% if self.custom_class == 'bg-darkgreen' or self.custom_class == 'bg-enap-100' or self.custom_class == 'bg-enap-90' or self.custom_class == 'bg-enap-80' or self.custom_class == 'bg-enap-70' or self.custom_class == 'bg-enap-50' or self.custom_class == 'bg-enap-40' %}white{% endif %}">{{self.title}}</h2>
                 {% endif %}
                 {% if self.subtitle %}             
                     <div class="{% if self.custom_class == 'bg-darkgreen' or self.custom_class == 'bg-enap-100' or self.custom_class == 'bg-enap-90' or self.custom_class == 'bg-enap-80' or self.custom_class == 'bg-enap-70' or self.custom_class == 'bg-enap-50' or self.custom_class == 'bg-enap-40' %}white{% endif %}">                 

enap_designsystem/templates/enap_designsystem/pages/page_search.html

@@ -62,37 +62,37 @@
                 </p>
             </div>
             <div class="tab">
-                <a class="tabbusca tab-btn {% if tipo == 'cursos' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'cursos' %}active{% endif %} tabcursos"
                 href="?q={{ query }}&tipo=cursos{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Cursos
                     <span class="tab-count">{{ tabs_totais.cursos }}</span>
                 </a>
 
-                <a class="tabbusca tab-btn {% if tipo == 'servicos' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'servicos' %}active{% endif %} tabservicos"
                 href="?q={{ query }}&tipo=servicos{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Serviços
                     <span class="tab-count">{{ tabs_totais.servicos }}</span>
                 </a>
 
-                <a class="tabbusca tab-btn {% if tipo == 'noticias' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'noticias' %}active{% endif %} tabnoticiais"
                 href="?q={{ query }}&tipo=noticias{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Notícias
                     <span class="tab-count">{{ tabs_totais.noticias }}</span>
                 </a>
 
-                <a class="tabbusca tab-btn {% if tipo == 'eventos' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'eventos' %}active{% endif %} tabeventos"
                 href="?q={{ query }}&tipo=eventos{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Eventos e Oficinas
                     <span class="tab-count">{{ tabs_totais.eventos }}</span>
                 </a>
 
-                <a class="tabbusca tab-btn {% if tipo == 'pesquisa_conhecimento' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'pesquisa_conhecimento' %}active{% endif %} tabpesquisa"
                 href="?q={{ query }}&tipo=pesquisa_conhecimento{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Pesquisa e Conhecimento
                     <span class="tab-count">{{ tabs_totais.pesquisa_conhecimento }}</span>
                 </a>
 
-                <a class="tabbusca tab-btn {% if tipo == 'todos' %}active{% endif %}"
+                <a class="tabbusca tab-btn {% if tipo == 'todos' %}active{% endif %} tabtodos"
                 href="?q={{ query }}&tipo=todos{% if ordenacao %}&ordenacao={{ ordenacao }}{% else %}&ordenacao=recentes{% endif %}">
                     Todos
                     <span class="tab-count">{{ tabs_totais.todos }}</span>

enap_designsystem/templates/enap_designsystem/semana_inovacao/blocks_menu_navigation.html

@@ -1,6 +1,16 @@
 <!-- enap_designsystem/templates/enap_designsystem/blocks/menu_navigation.html -->
 {% load wagtailimages_tags %}
+<style>
+.nav-linktwo:hover {
+    border-bottom: 3px solid {{ value.cor_hover }};
+    color: {{ value.cor_texto }};
+}
 
+.nav-linktwo:active {
+    border-bottom: 3px solid {{ value.cor_ativo }};
+    color: {{ value.cor_texto }};
+}
+</style>
 <nav class="navbar_semana" style="background-color: {{ value.cor_fundo }};">
     <div class="container-fluid_semana">
         <!-- Logo -->

enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -1509,14 +1509,22 @@
                 this.desabilitarOutrosBotoes(categoriaId, button);
             }
             
-            // Mostrar feedback
-            this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
+            // Verificar se votação está completa
+            const votacaoCompleta = this.verificarVotacaoCompleta();
+            
+            // Mostrar feedback adequado
+            if (votacaoCompleta) {
+                this.showFeedback(`🎉 Parabéns! Você votou em todas as categorias!`, 'success');
+            } else {
+                this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
+            }
             
             // Mostrar próximo passo após delay
             setTimeout(() => {
                 this.mostrarModalPosVoto(categoriaId);
             }, 2000);
         },
+        
 
         // Atualizar contador de votos
         atualizarContador(projetoId, totalVotos) {
@@ -1571,7 +1579,6 @@
         },
 
         // Mostrar modal pós-voto
-        // Substitua a função mostrarModalPosVoto() existente por esta versão corrigida:
 
     // Mostrar modal pós-voto
     mostrarModalPosVoto(categoriaAtualId) {
@@ -1579,14 +1586,23 @@
         const proximoIndice = indiceAtual + 1;
         const temProximaCategoria = proximoIndice < this.categoriasOrdem.length;
         
-        if (temProximaCategoria) {
+        // NOVA VERIFICAÇÃO: Checar se todas as categorias foram votadas
+        const todasVotadas = this.votosCategoria.size >= this.configuracao.totalCategorias;
+        
+        if (temProximaCategoria && !todasVotadas) {
             this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
             this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
         } else {
             this.proximaCategoriaData = null;
         }
         
-        // Atualizar a visibilidade dos botões baseado se tem próxima categoria
+        // Se todas foram votadas, mostrar modal de conclusão em vez do modal pós-voto
+        if (todasVotadas) {
+            this.mostrarModalConclusao();
+            return;
+        }
+        
+        // Caso contrário, atualizar botões baseado se tem próxima categoria
         this.atualizarBotoesModal(temProximaCategoria);
         
         if (this.elementos.modalPosVoto) {
@@ -1599,10 +1615,27 @@
         const botaoContinuar = document.querySelector('.sistema-btn-continuar');
         const botaoFinalizar = document.querySelector('.sistema-modal-actions .sistema-btn-finalizar');
         
-        if (temProximaCategoria) {
-            // Ainda há categorias - mostrar ambos os botões
+        // Verificar se todas as categorias foram votadas
+        const todasVotadas = this.votosCategoria.size >= this.configuracao.totalCategorias;
+        
+        if (todasVotadas) {
+            // TODAS VOTADAS: Esconder botão continuar, destacar finalizar
+            if (botaoContinuar) {
+                botaoContinuar.style.display = 'none';
+            }
+            if (botaoFinalizar) {
+                botaoFinalizar.style.display = 'block';
+                botaoFinalizar.style.width = '100%';
+                botaoFinalizar.innerHTML = `
+                    <i class="fas fa-trophy"></i>
+                    <span>Parabéns! Finalizar Votação</span>
+                `;
+            }
+        } else if (temProximaCategoria) {
+            // AINDA HÁ CATEGORIAS: Mostrar ambos os botões
             if (botaoContinuar) {
                 botaoContinuar.style.display = 'block';
+                botaoContinuar.style.width = '';
                 botaoContinuar.innerHTML = `
                     Votar na próxima categoria
                     <i class="fas fa-arrow-right"></i>
@@ -1610,9 +1643,10 @@
             }
             if (botaoFinalizar) {
                 botaoFinalizar.style.display = 'block';
+                botaoFinalizar.style.width = '';
             }
         } else {
-            // Última categoria - esconder botão continuar, destacar finalizar
+            // ÚLTIMA CATEGORIA MAS NEM TODAS VOTADAS: Esconder continuar, destacar finalizar
             if (botaoContinuar) {
                 botaoContinuar.style.display = 'none';
             }
@@ -1620,12 +1654,47 @@
                 botaoFinalizar.style.display = 'block';
                 botaoFinalizar.style.width = '100%';
                 botaoFinalizar.innerHTML = `
-                    <i class="fas fa-trophy"></i>
+                    <i class="fas fa-check-circle"></i>
                     <span>Finalizar Votação</span>
                 `;
             }
         }
     },
+    
+    verificarVotacaoCompleta() {
+        const todasVotadas = this.votosCategoria.size >= this.configuracao.totalCategorias;
+        
+        if (todasVotadas) {
+            console.log('🎉 Todas as categorias foram votadas!');
+            
+            // Atualizar interface para indicar conclusão
+            const progressoElements = document.querySelectorAll('.sistema-progresso-status');
+            progressoElements.forEach(element => {
+                if (element) {
+                    element.innerHTML = `
+                        <i class="fas fa-check-circle" style="color: #059669; margin-right: 0.5rem;"></i>
+                        Votação Completa!
+                    `;
+                    element.style.color = '#059669';
+                    element.style.fontWeight = 'bold';
+                }
+            });
+            
+            // Opcional: Adicionar efeito visual de conclusão
+            const progressoBars = document.querySelectorAll('.sistema-progresso-fill');
+            progressoBars.forEach(bar => {
+                if (bar) {
+                    bar.style.background = 'linear-gradient(90deg, #059669, #10b981)';
+                    bar.style.boxShadow = '0 0 10px rgba(5, 150, 105, 0.3)';
+                }
+            });
+            
+            return true;
+        }
+        
+        return false;
+    },
+    
 
         // Gerar preview da próxima categoria
         gerarPreviewProximaCategoria(proximaCategoriaId) {
@@ -1756,6 +1825,7 @@
         atualizarProgresso() {
             const votadas = this.votosCategoria.size;
             const percentual = Math.round((votadas / this.configuracao.totalCategorias) * 100);
+            const completa = votadas >= this.configuracao.totalCategorias;
             
             // Atualizar elementos de progresso
             const elementos = [
@@ -1764,10 +1834,46 @@
             ];
             
             elementos.forEach(({ fill, status, text }) => {
-                if (fill) fill.style.width = `${percentual}%`;
-                if (status) status.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-                if (text) text.textContent = `${percentual}% concluído`;
+                if (fill) {
+                    fill.style.width = `${percentual}%`;
+                    // Adicionar efeito visual quando completa
+                    if (completa) {
+                        fill.style.background = 'linear-gradient(90deg, #059669, #10b981)';
+                        fill.style.boxShadow = '0 0 10px rgba(5, 150, 105, 0.3)';
+                    }
+                }
+                
+                if (status) {
+                    if (completa) {
+                        status.innerHTML = `
+                            <i class="fas fa-trophy" style="color: #059669; margin-right: 0.5rem;"></i>
+                            Parabéns! ${votadas} de ${this.configuracao.totalCategorias} categorias
+                        `;
+                        status.style.color = '#059669';
+                    } else {
+                        status.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
+                        status.style.color = '';
+                    }
+                }
+                
+                if (text) {
+                    if (completa) {
+                        text.innerHTML = `
+                            <i class="fas fa-check-circle" style="color: #059669; margin-right: 0.25rem;"></i>
+                            100% - Votação Completa!
+                        `;
+                        text.style.color = '#059669';
+                        text.style.fontWeight = 'bold';
+                    } else {
+                        text.textContent = `${percentual}% concluído`;
+                        text.style.color = '';
+                        text.style.fontWeight = '';
+                    }
+                }
             });
+            
+            // Log para debug
+            console.log(`📊 Progresso atualizado: ${votadas}/${this.configuracao.totalCategorias} (${percentual}%)`);
         },
 
         // Mostrar feedback

{wagtail_enap_designsystem-1.2.1.142.dist-info → wagtail_enap_designsystem-1.2.1.144.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-enap-designsystem
-Version: 1.2.1.142
+Version: 1.2.1.144
 Summary: Módulo de componentes utilizado nos portais ENAP, desenvolvido com Wagtail + CodeRedCMS
 Author: Renan Campos
 Author-email: renan.oliveira@enap.gov.br

{wagtail_enap_designsystem-1.2.1.142.dist-info → wagtail_enap_designsystem-1.2.1.144.dist-info}/RECORD

@@ -11,11 +11,11 @@ enap_designsystem/blocks/__init__.py,sha256=uqscsM_LrnSs_WEJqzwAThHQb4SSp2ncm__Y
 enap_designsystem/blocks/base_blocks.py,sha256=ZuqVWn4PEAvD3pKM1ST7wjo4lwv98ooen_rs15rRJbg,10866
 enap_designsystem/blocks/chatbot_blocks.py,sha256=YeCznrXMbFa9MP9vjdTYl53ZhKsywkGOXvFK2bwcqW0,1133
 enap_designsystem/blocks/content_blocks.py,sha256=4oWDtY0zmvC6k7v_WduCTAyGapJuQTsfJ9ij_vJZXxY,16549
-enap_designsystem/blocks/form.py,sha256=TnoRExEukCBRqSug_NmA-b4oKBdRQsWOsbuzKANCqTc,88947
-enap_designsystem/blocks/html_blocks.py,sha256=_U-vdxiM_G6pTTfqyfLyiglblXVBvmggXwETeEFBJ7k,247146
-enap_designsystem/blocks/layout_blocks.py,sha256=WyVt3nwYxA4Eqr6-MqQY7W-xtjh07ZhstM8aiQaHmLw,23388
+enap_designsystem/blocks/form.py,sha256=oK0Lswd1nIH0bLTdBL_XF_1LbNPixEYr5FJWj8DAxHY,88782
+enap_designsystem/blocks/html_blocks.py,sha256=zgISh9Z-CDhiAhRZa4XZJDKEwcevxdcKR68rGKinBUM,247608
+enap_designsystem/blocks/layout_blocks.py,sha256=FitIZgTm-JWcZ4KEMMPADxRs7AO8qMsLGERwgkg-rds,24059
 enap_designsystem/blocks/security.py,sha256=QA7lmQ_eQ6iopunatl_DrHkEegAwMZJGwXunRulbCjk,2099
-enap_designsystem/blocks/semana_blocks.py,sha256=eB_WYloTc7ToMGMRrcBYZXch5boo5NS1gTXdl5hCbew,70580
+enap_designsystem/blocks/semana_blocks.py,sha256=IjwuzEhD5IjxLYg-sUi4bRbQpQiAI_Vl6rkpklLpBlU,70994
 enap_designsystem/blocks/semana_inovacao.py,sha256=ZKjXzvs_RbLzv3nxsnmVxcAWORlpFIr9C7_aMb8rZRs,47037
 enap_designsystem/middleware/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 enap_designsystem/middleware/aluno_sso.py,sha256=baitPngI34eKwHKaku-5JIbDAnXpEHPvRFTs9AY1K6o,542
@@ -622,7 +622,7 @@ enap_designsystem/templates/admin/exportar_respostas.html,sha256=jF7hGJ6LkbKo536
 enap_designsystem/templates/admin/meta_tags_manager.html,sha256=jXNvT9etPN88TNT8Ou8ko-AHComioM9p8iU1lpW5m3k,11826
 enap_designsystem/templates/enap_designsystem/accordion_v2.html,sha256=SE-72OoHu-WucITL-CPR4XJzfLHrq78kmiytaSJB3Lc,4228
 enap_designsystem/templates/enap_designsystem/base.html,sha256=SfB9LSqHgQdmB-0xNbIsG9PIZFBTvZQfUAnp1R3yv08,13407
-enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html,sha256=EN9QwgvRoeH0GJ1u7uIRVQaYMlsTjDR1fOQMqigjtmI,59696
+enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html,sha256=61fptIOaOvzkc-KkcCNW-S0RuB2f1OL2HGaqe_KpIXc,64205
 enap_designsystem/templates/enap_designsystem/blocks/accordions.html,sha256=WXBQrkO4U0R8SDbdbFRWBx742gdpiYiKEviiyQURZMk,2940
 enap_designsystem/templates/enap_designsystem/blocks/accordionsv2.html,sha256=-WXIV6zFjdbRAylWhF9mQkMxUr1Df4-d3OazVm1xT9s,5186
 enap_designsystem/templates/enap_designsystem/blocks/alerts.html,sha256=_lbwHiFS4eauJtlQB6j-xWR31sKH7lv1EKD9oI2cki4,2067
@@ -650,7 +650,7 @@ enap_designsystem/templates/enap_designsystem/blocks/card_flex_block.html,sha256
 enap_designsystem/templates/enap_designsystem/blocks/card_item.html,sha256=i8P0HyYQNIYknIw7RQf81QxdnAaJgPoLi4y0Hr4mAdg,1628
 enap_designsystem/templates/enap_designsystem/blocks/cardgrid_block.html,sha256=nxD_ZgzSRtZIo3AtHPj1R6pWVgJY3AUHJTRYUcf5dTw,207
 enap_designsystem/templates/enap_designsystem/blocks/cards_section.html,sha256=nEN4HNbT8eb_Vs8XG0uB4IyxVFfd3uLPt2SWJzP30h0,3967
-enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html,sha256=1RfvrFrssXiVbLgxxTEtz92HjveAD68dH6f21bY0kIA,10077
+enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html,sha256=Cyf0RDwssQHLNGASJ2zHjjfTqpEEET3gjx250nze3-o,10045
 enap_designsystem/templates/enap_designsystem/blocks/carousel.html,sha256=WJq2NzkpANYkQwHizH7w85SKhmuVxx2goz_BHNTOKNo,16285
 enap_designsystem/templates/enap_designsystem/blocks/carousel_bggreen.html,sha256=fpwz8WrgGQ5bOsk66TktliBSA5HPz35OcqTlsXV0aLI,28030
 enap_designsystem/templates/enap_designsystem/blocks/carousel_images.html,sha256=G4nZTKCSPfhu4Qdq-1u-QzG6exw6iOPKd2QWAkaH3Vw,15142
@@ -691,7 +691,7 @@ enap_designsystem/templates/enap_designsystem/blocks/footer_grid_block.html,sha2
 enap_designsystem/templates/enap_designsystem/blocks/footer_link_block.html,sha256=oKMUbfIQqdmiTXvc4QlpUmplhP7PRMPBVpwMlvAIlg4,127
 enap_designsystem/templates/enap_designsystem/blocks/form_contato.html,sha256=uqfAvvSpaML03YbzS-GUO-oGXnKdbF2mC1osE3UHhlE,11871
 enap_designsystem/templates/enap_designsystem/blocks/form_template.html,sha256=dLNFXRDWtgQ4DQ_yAvfKJMHbvj0qPWw29lj6GqN6a0U,5199
-enap_designsystem/templates/enap_designsystem/blocks/formulario_dinamico.html,sha256=Q2CJDa9mo49eb0dg-X9vsY0bFzJ8_wqU4k0h6YcdYy4,23458
+enap_designsystem/templates/enap_designsystem/blocks/formulario_dinamico.html,sha256=vWaseHS5yteGNEQ6Xc_bZHjhR1M71pj5cJ7ES0ozacI,23535
 enap_designsystem/templates/enap_designsystem/blocks/formulario_snippet.html,sha256=0Y2F18NoOLudPFzCL-_McddMHI7nG537ywkPmXc-knc,9185
 enap_designsystem/templates/enap_designsystem/blocks/galeria_imagens_block.html,sha256=Fed_WifAENuai03GEvPG05lQAQRspwp4fuD_JTT1o6Q,9857
 enap_designsystem/templates/enap_designsystem/blocks/gallery_modern.html,sha256=eLxXtv0QnQeJ6AbmuxMiZYdtqiaE3xK886Id3MmZFZA,20751
@@ -715,7 +715,7 @@ enap_designsystem/templates/enap_designsystem/blocks/modal.html,sha256=twkTxgliW
 enap_designsystem/templates/enap_designsystem/blocks/navbar_chooserpage.html,sha256=b7lntKUbNpi8yacC9xGh10_BSC4e9UiVnoWL5w4vJCs,9383
 enap_designsystem/templates/enap_designsystem/blocks/navbar_component.html,sha256=cfQV24ntBA27cxoXNiRadnytoCGcS59FIowTstti_vk,4831
 enap_designsystem/templates/enap_designsystem/blocks/navbarv3.html,sha256=nagcfcz0hB_V1NT2IOczFcmgjd1OvQ9fnpITWwXhSA8,5501
-enap_designsystem/templates/enap_designsystem/blocks/numeros_block.html,sha256=ISx_7pQFSfHYVi1dmJFQ5SUPwZRP7CankCPI_LarULs,2320
+enap_designsystem/templates/enap_designsystem/blocks/numeros_block.html,sha256=IfXUa13DxCFQKnfjaZd7IN42hcluDf-Xipxo5A1bnYg,2311
 enap_designsystem/templates/enap_designsystem/blocks/ouvidoria_block.html,sha256=ivehDQbJd1VAdyTHdHU1wkjkWMCQ2SnoOrZRWScfH9w,3634
 enap_designsystem/templates/enap_designsystem/blocks/pagination.html,sha256=ngRTn0fxMYuDOw0MD6VHAmu0VqQMx_A8oDUCdqBRanI,3308
 enap_designsystem/templates/enap_designsystem/blocks/preview_courses.html,sha256=TV6GH_CCEpQUmdEJMqCzVyKS2KSWpEP8mnosYoJsp4Y,13344
@@ -725,7 +725,7 @@ enap_designsystem/templates/enap_designsystem/blocks/quote_block.html,sha256=x_h
 enap_designsystem/templates/enap_designsystem/blocks/quote_modern.html,sha256=AQNhVuMFezBvpOKPLkgDN2Vnpl8llDTzFGf3wrraIgg,873
 enap_designsystem/templates/enap_designsystem/blocks/recaptcha.html,sha256=MMNi3UuRtgLFDVpSD90wiyXdyqt_u8lPy30Jx7ulLis,10470
 enap_designsystem/templates/enap_designsystem/blocks/richtext_block.html,sha256=_2-KY2KOIzGFfM4wTy5-9VIKPzMDgPdthO3DR_CBVIE,2373
-enap_designsystem/templates/enap_designsystem/blocks/section_block.html,sha256=X9xF7a0hg368FnQxzSGz7heEpiMAvmwaBB4NDFgQVKE,3598
+enap_designsystem/templates/enap_designsystem/blocks/section_block.html,sha256=FK9YCPBTPjU5QT4NheAJkrZDMN1bFwIIsfcy6TyPSjk,3676
 enap_designsystem/templates/enap_designsystem/blocks/section_card_title_center.html,sha256=LuS4dqVRHf5t3j1sQoWN8elKztLjy1TozM9DJDiGZoA,5025
 enap_designsystem/templates/enap_designsystem/blocks/section_carousel.html,sha256=vv6WU4XnsDIh0WcEBRurxhW6yUEMGJ8R7HwUGO3scG4,15266
 enap_designsystem/templates/enap_designsystem/blocks/section_tabs_cards.html,sha256=kKJO2wYuD3QgOmbcQgWFSyQVTJpQmGLjnUXH_l5Ai08,5857
@@ -782,7 +782,7 @@ enap_designsystem/templates/enap_designsystem/pages/durante_evento.html,sha256=c
 enap_designsystem/templates/enap_designsystem/pages/enap_layout.html,sha256=nZV71dI5MiM2CC6vbcKAX2H0fuqBsz2jvSOwtODEluU,1969
 enap_designsystem/templates/enap_designsystem/pages/enap_layout_semana.html,sha256=nZV71dI5MiM2CC6vbcKAX2H0fuqBsz2jvSOwtODEluU,1969
 enap_designsystem/templates/enap_designsystem/pages/mba_especializacao.html,sha256=RvVB5sdS6EJa5WUvvGgcSnr_Ax_DUw4ALEjlXefFQz0,6339
-enap_designsystem/templates/enap_designsystem/pages/page_search.html,sha256=-zdZV5hWtsbE-aIa1m_RCniMZ2EhK3GLGJ61PeNd4Z8,50136
+enap_designsystem/templates/enap_designsystem/pages/page_search.html,sha256=ft4m8GGpbEC03xeMuSrfnwbU0IfBiv3oloNFYSo52T8,50203
 enap_designsystem/templates/enap_designsystem/pages/pagepreview_block.html,sha256=RBqtL0rphuSh5Bi4XPPtXlGUf_zyWFPZY3xwJb8hhZM,235
 enap_designsystem/templates/enap_designsystem/pages/pos_evento.html,sha256=Y5dgwbLLbE4SmXdt493RcQQpsMqjP3zF5xXxjFXTfrs,3281
 enap_designsystem/templates/enap_designsystem/pages/pre_evento.html,sha256=XG3PPbp6FP984kB9RubHlgssgJJ3t2CO0C95iPvRLcw,3814
@@ -819,7 +819,7 @@ enap_designsystem/templates/enap_designsystem/semana_inovacao/block_secao_contat
 enap_designsystem/templates/enap_designsystem/semana_inovacao/block_secao_faq.html,sha256=HCa77ye5LISBQG1A_qFCBfsVFeFvdScLEzOUIf1DNuU,2534
 enap_designsystem/templates/enap_designsystem/semana_inovacao/block_secao_premios.html,sha256=OM6PCL5Ub0OKFPo1gsoUZARE1_9LdQFYFIBgXKIjfM8,4863
 enap_designsystem/templates/enap_designsystem/semana_inovacao/block_testemunhos.html,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-enap_designsystem/templates/enap_designsystem/semana_inovacao/blocks_menu_navigation.html,sha256=YIl3316AuLsErZz2M5AYJ4ktPS4Uw_4EgI5RFcp9x-E,4387
+enap_designsystem/templates/enap_designsystem/semana_inovacao/blocks_menu_navigation.html,sha256=zRRxHPhGsjqKnuMSWwh0ywOb54jaRMlHU7eHzeO3eiU,4623
 enap_designsystem/templates/enap_designsystem/semana_inovacao/certificado_block.html,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 enap_designsystem/templates/enap_designsystem/semana_inovacao/certificado_imagem_block.html,sha256=unIel1koGOyCjyYOqf-bBFD1f-i0_i01892ueBX1T98,211
 enap_designsystem/templates/enap_designsystem/semana_inovacao/concurso_inovacao.html,sha256=bR1N3HizUgG9JS0yyH_IBDFfk2QEKjCjRJ2NUxAy-Fw,3235
@@ -859,8 +859,8 @@ enap_designsystem/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG
 enap_designsystem/utils/decorators.py,sha256=aq6SbLn0LcH2rfE3ZFit8jkD7pSx9fLVBUUwVB747hg,335
 enap_designsystem/utils/services.py,sha256=6dG5jLSbwH49jpZV9ZNpWlaZqI49gTlwlr1vaerxdiU,5824
 enap_designsystem/utils/sso.py,sha256=vjAuoYgoLeQAa_dkkyQ6-LmHvKMaVCxizNFpe5y3iUA,1145
-wagtail_enap_designsystem-1.2.1.142.dist-info/licenses/LICENSE,sha256=Btzdu2kIoMbdSp6OyCLupB1aRgpTCJ_szMimgEnpkkE,1056
-wagtail_enap_designsystem-1.2.1.142.dist-info/METADATA,sha256=dVBoU7ce0-TphMXejY60GnAgUy4Sg4Aqjx_HfPfOFD0,3651
-wagtail_enap_designsystem-1.2.1.142.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-wagtail_enap_designsystem-1.2.1.142.dist-info/top_level.txt,sha256=RSFgMASxoA-hVftm5i4Qd0rArlX4Dq08lLv5G4sYD-g,18
-wagtail_enap_designsystem-1.2.1.142.dist-info/RECORD,,
+wagtail_enap_designsystem-1.2.1.144.dist-info/licenses/LICENSE,sha256=Btzdu2kIoMbdSp6OyCLupB1aRgpTCJ_szMimgEnpkkE,1056
+wagtail_enap_designsystem-1.2.1.144.dist-info/METADATA,sha256=ZbAknOFsATz_fcTm3yRaeZPVY7ha8t-IMcEbS0OSuoU,3651
+wagtail_enap_designsystem-1.2.1.144.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+wagtail_enap_designsystem-1.2.1.144.dist-info/top_level.txt,sha256=RSFgMASxoA-hVftm5i4Qd0rArlX4Dq08lLv5G4sYD-g,18
+wagtail_enap_designsystem-1.2.1.144.dist-info/RECORD,,