wagtail-enap-designsystem 1.2.1.120__py3-none-any.whl → 1.2.1.122__py3-none-any.whl

enap_designsystem/blocks/html_blocks.py

@@ -7045,48 +7045,6 @@ class CarouselResponsivoSnippetBlock(SnippetChooserBlock):
 
 
 
-class Error404Block(StructBlock):
-    """Componente para página de erro 404"""
-    
-    titulo = CharBlock(
-        max_length=100,
-        default="Ops! Página não encontrada",
-        help_text="Título principal da página 404"
-    )
-    
-    subtitulo = CharBlock(
-        max_length=200,
-        default="A página que você está procurando não existe ou foi movida.",
-        help_text="Descrição do erro"
-    )
-    
-    mensagem_adicional = RichTextBlock(
-        required=False,
-        help_text="Texto adicional (opcional)"
-    )
-    
-    mostrar_busca = BooleanBlock(
-        default=True,
-        required=False,
-        help_text="Mostrar campo de busca"
-    )
-    
-    mostrar_links_uteis = BooleanBlock(
-        default=True,
-        required=False,
-        help_text="Mostrar links para páginas importantes"
-    )
-    
-    class Meta:
-        template = "enap_designsystem/blocks/error_404_block.html"
-        icon = "warning"
-        label = "Erro 404"
-        help_text = "Componente para página de erro 404"
-
-
-
-
-
 
 
 class TimelineEtapaBlock(blocks.StructBlock):

enap_designsystem/models.py

@@ -4061,33 +4061,6 @@ class LiaPage(Page):
 
 
 
-original_serve = Page.serve
-
-def custom_serve(self, request, *args, **kwargs):
-    """Override que captura TODOS os 404s do Wagtail"""
-    try:
-        return original_serve(self, request, *args, **kwargs)
-    except Http404:
-        print(f"🚨 404 capturado no models.py: {request.path}")
-        
-        context = {
-            'request': request,
-            'page_title': 'Página não encontrada - ENAP',
-            'requested_path': request.path,
-            'site': getattr(request, 'site', None)
-        }
-        
-        # 👇 AQUI VOCÊ ESCOLHE O TEMPLATE EXATO
-        template_name = 'errors/404.html' 
-        
-        return render(request, template_name, context, status=404)
-
-# Substitui o método serve de TODAS as páginas Wagtail
-Page.serve = custom_serve
-
-print("✅ Override de 404 ativado com template customizado!")
-
-
 
 
 

enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -1187,8 +1187,9 @@
 <!-- CSRF Token -->
 <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
 
+// JavaScript corrigido - substituir no template HTML
+
 <script>
-// Sistema de Votação - Versão Corrigida e Otimizada
 const SistemaVotacao = {
     // Estado da aplicação
     votosCategoria: new Set(),
@@ -1198,31 +1199,23 @@ const SistemaVotacao = {
     configuracao: {
         votacaoAtiva: {% if votacao_ativa %}true{% else %}false{% endif %},
         totalCategorias: {{ total_categorias|default:0 }},
-        permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %}
+        permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %},
+        // URL corrigida - usar path absoluto
+        urlVotar: '/votar/'
     },
 
     // Inicialização
     init() {
         console.log('🚀 Inicializando Sistema de Votação...');
         
-        // Cache dos elementos DOM
         this.cacheElementos();
-        
-        // Configurar tabs
         this.configurarTabs();
-        
-        // Configurar categorias
         this.configurarCategorias();
-        
-        // Configurar eventos dos modais
         this.configurarModais();
-        
-        // Configurar CSRF
         this.configurarCSRF();
         
-        console.log('✅ Sistema inicializado com sucesso');
+        console.log('✅ Sistema inicializado');
         console.log('📊 Configuração:', this.configuracao);
-        console.log('🏷️ Categorias encontradas:', this.categoriasOrdem.length);
     },
 
     // Cache de elementos DOM
@@ -1233,7 +1226,6 @@ const SistemaVotacao = {
             progressoFill: document.getElementById('progresso-fill'),
             progressoStatus: document.getElementById('progresso-status'),
             progressoText: document.querySelector('.sistema-progresso-text'),
-            // Elementos do progresso no modal
             progressoFillModal: document.getElementById('progresso-fill-modal'),
             progressoStatusModal: document.getElementById('progresso-status-modal'),
             progressoTextModal: document.getElementById('progresso-text-modal'),
@@ -1242,19 +1234,16 @@ const SistemaVotacao = {
             previewProxima: document.getElementById('preview-proxima-categoria'),
             feedbackMessage: document.getElementById('feedback-message')
         };
+        
+        console.log('DOM Elements cached:', Object.keys(this.elementos).length);
     },
 
     // Configurar sistema de tabs
     configurarTabs() {
-        console.log('🎯 Configurando tabs...');
-        
         this.elementos.tabButtons.forEach((button, index) => {
             const targetId = button.getAttribute('data-tab-target');
             const categoriaId = button.getAttribute('data-categoria-id');
             
-            console.log(`Tab ${index}: ${targetId} (categoria: ${categoriaId})`);
-            
-            // Adicionar event listener
             button.addEventListener('click', (e) => {
                 e.preventDefault();
                 this.trocarTab(targetId, button);
@@ -1264,8 +1253,6 @@ const SistemaVotacao = {
 
     // Trocar tab ativa
     trocarTab(targetId, clickedButton) {
-        console.log('🔄 Trocando tab para:', targetId);
-        
         const targetContent = document.getElementById(targetId);
         
         if (!targetContent) {
@@ -1302,13 +1289,10 @@ const SistemaVotacao = {
                 icone: iconElement ? iconElement.className : 'fas fa-folder'
             });
         });
-        
-        console.log('🏷️ Categorias configuradas:', this.categoriasOrdem);
     },
 
     // Configurar modais
     configurarModais() {
-        // Fechar modal ao clicar fora
         if (this.elementos.modalPosVoto) {
             this.elementos.modalPosVoto.addEventListener('click', (e) => {
                 if (e.target === this.elementos.modalPosVoto) {
@@ -1330,93 +1314,153 @@ const SistemaVotacao = {
     configurarCSRF() {
         const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
         if (!csrfToken) {
-            console.warn('⚠️ CSRF token não encontrado, criando...');
-            const token = document.createElement('input');
-            token.type = 'hidden';
-            token.name = 'csrfmiddlewaretoken';
-            token.value = '{{ csrf_token }}';
-            document.body.appendChild(token);
+            console.warn('⚠️ CSRF token não encontrado');
         }
     },
 
-    // Função principal de votação
+    // FUNÇÃO PRINCIPAL DE VOTAÇÃO - CORRIGIDA
     async votar(projetoId, categoriaId, button) {
-        console.log('🗳️ Votando...', { projetoId, categoriaId });
+        console.log('🗳️ Iniciando votação...', { projetoId, categoriaId });
         
         if (!this.configuracao.votacaoAtiva) {
             this.showFeedback('Votação não está ativa no momento.', 'error');
             return;
         }
 
+        // Verificar se botão já foi usado
+        if (button.classList.contains('votado') || button.disabled) {
+            this.showFeedback('Você já votou neste projeto.', 'warning');
+            return;
+        }
+
         // Estado de loading
         this.setLoadingState(button, true);
 
         try {
-            const response = await fetch('{% url "votar_projeto" %}', {
+            // Preparar dados
+            const dados = {
+                projeto_id: parseInt(projetoId),
+                categoria_id: parseInt(categoriaId)
+            };
+
+            console.log('📤 Enviando dados:', dados);
+
+            // Headers da requisição
+            const headers = {
+                'Content-Type': 'application/json',
+            };
+
+            // Adicionar CSRF token se disponível
+            const csrfToken = this.getCsrfToken();
+            if (csrfToken) {
+                headers['X-CSRFToken'] = csrfToken;
+            }
+
+            // Fazer requisição
+            const response = await fetch(this.configuracao.urlVotar, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRFToken': this.getCsrfToken()
-                },
-                body: JSON.stringify({
-                    projeto_id: projetoId,
-                    categoria_id: categoriaId
-                })
+                headers: headers,
+                body: JSON.stringify(dados),
+                credentials: 'same-origin'
             });
 
-            const data = await response.json();
+            console.log('📥 Response status:', response.status);
+
+            // Verificar se response é válido
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+
+            // Parse do JSON
+            let data;
+            try {
+                data = await response.json();
+                console.log('📊 Response data:', data);
+            } catch (parseError) {
+                console.error('❌ Erro ao fazer parse do JSON:', parseError);
+                throw new Error('Resposta inválida do servidor');
+            }
 
             if (data.success) {
                 this.processarVotoSucesso(projetoId, categoriaId, button, data);
             } else {
-                throw new Error(data.message || 'Erro ao registrar voto');
+                throw new Error(data.message || 'Erro desconhecido ao registrar voto');
             }
 
         } catch (error) {
-            console.error('❌ Erro ao votar:', error);
-            this.showFeedback(error.message || 'Erro ao registrar voto. Tente novamente.', 'error');
+            console.error('❌ Erro completo:', error);
+            this.showFeedback(`Erro: ${error.message}`, 'error');
             this.setLoadingState(button, false);
         }
     },
 
     // Processar voto bem-sucedido
     processarVotoSucesso(projetoId, categoriaId, button, data) {
-        console.log('✅ Voto registrado com sucesso');
+        console.log('✅ Voto processado com sucesso:', data);
         
-        // Atualizar contador se existir
-        const contador = document.getElementById(`votos-${projetoId}`);
-        if (contador) {
-            contador.textContent = data.total_votos || 0;
-        }
-        
-        // Marcar como votado
+        // Atualizar visual do botão
         button.classList.add('votado');
-        button.textContent = 'Obrigado pelo seu voto!';
+        button.innerHTML = `
+            <i class="fas fa-check-circle"></i>
+            Voto registrado!
+        `;
+        button.disabled = true;
+        
+        // Atualizar contador se existir
+        this.atualizarContador(projetoId, data.total_votos);
         
-        // Adicionar categoria aos votados
-        this.votosCategoria.add(categoriaId);
+        // Marcar categoria como votada
+        this.votosCategoria.add(parseInt(categoriaId));
         this.atualizarProgresso();
         
-        // Desabilitar outros botões se necessário
+        // Desabilitar outros botões da categoria se necessário
         if (!this.configuracao.permitirMultiplosVotos) {
             this.desabilitarOutrosBotoes(categoriaId, button);
         }
         
+        // Mostrar feedback
+        this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
+        
         // Mostrar próximo passo após delay
         setTimeout(() => {
             this.mostrarModalPosVoto(categoriaId);
-        }, 1500);
+        }, 2000);
+    },
+
+    // Atualizar contador de votos
+    atualizarContador(projetoId, totalVotos) {
+        const contadorElement = document.getElementById(`votos-${projetoId}`);
+        if (contadorElement) {
+            const novoTotal = totalVotos || 1;
+            contadorElement.textContent = novoTotal;
+            
+            // Animação
+            contadorElement.style.transform = 'scale(1.2)';
+            contadorElement.style.color = '#28a745';
+            
+            setTimeout(() => {
+                contadorElement.style.transform = 'scale(1)';
+                contadorElement.style.color = '';
+            }, 500);
+        }
     },
 
     // Desabilitar outros botões da categoria
     desabilitarOutrosBotoes(categoriaId, buttonAtivo) {
-        const categoryButtons = document.querySelectorAll(`[data-categoria-id="${categoriaId}"] .sistema-btn-votar`);
-        categoryButtons.forEach(btn => {
-            if (btn !== buttonAtivo) {
-                btn.disabled = true;
-                btn.textContent = 'Você já votou nesta categoria';
-            }
-        });
+        const categorySection = document.getElementById(`categoria-${categoriaId}`);
+        if (categorySection) {
+            const outrosBotoes = categorySection.querySelectorAll('.sistema-btn-votar');
+            outrosBotoes.forEach(btn => {
+                if (btn !== buttonAtivo && !btn.classList.contains('votado')) {
+                    btn.disabled = true;
+                    btn.classList.add('disabled');
+                    btn.innerHTML = `
+                        <i class="fas fa-ban"></i>
+                        Você já votou nesta categoria
+                    `;
+                }
+            });
+        }
     },
 
     // Estado de loading do botão
@@ -1424,11 +1468,14 @@ const SistemaVotacao = {
         if (loading) {
             button.classList.add('loading');
             button.disabled = true;
-            button.textContent = 'Votando...';
-        } else {
+            button.innerHTML = `
+                <i class="fas fa-spinner fa-spin"></i>
+                Votando...
+            `;
+        } else if (!button.classList.contains('votado')) {
             button.classList.remove('loading');
             button.disabled = false;
-            button.textContent = 'Votar neste Projeto';
+            button.innerHTML = 'Votar neste Projeto';
         }
     },
 
@@ -1440,13 +1487,16 @@ const SistemaVotacao = {
         if (proximoIndice < this.categoriasOrdem.length) {
             this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
             this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
-            this.elementos.modalPosVoto.classList.add('show');
+            
+            if (this.elementos.modalPosVoto) {
+                this.elementos.modalPosVoto.classList.add('show');
+            }
         } else {
             this.mostrarModalConclusao();
         }
     },
 
-    // Gerar preview da próxima categoria - VERSÃO SEM LIMITE
+    // Gerar preview da próxima categoria
     gerarPreviewProximaCategoria(proximaCategoriaId) {
         const proximaCategoria = document.getElementById(`categoria-${proximaCategoriaId}`);
         const projetos = proximaCategoria ? proximaCategoria.querySelectorAll('.sistema-projeto-card') : [];
@@ -1466,7 +1516,6 @@ const SistemaVotacao = {
                 <div class="sistema-preview-projetos">
             `;
             
-            // Mostrar TODOS os projetos (sem limite)
             projetos.forEach(projeto => {
                 const titulo = projeto.querySelector('.sistema-projeto-title')?.textContent || 'Projeto';
                 const equipe = projeto.querySelector('.sistema-equipe-nome')?.textContent || 'Equipe';
@@ -1480,18 +1529,6 @@ const SistemaVotacao = {
             });
             
             previewHTML += `</div>`;
-        } else {
-            previewHTML = `
-                <div class="sistema-preview-header">
-                    <div class="sistema-preview-icon">
-                        <i class="fas fa-info-circle"></i>
-                    </div>
-                    <h4 class="sistema-preview-title">Próxima categoria disponível</h4>
-                </div>
-                <p style="text-align: center; color: var(--votacao-text-muted); margin: 1rem 0;">
-                    Explore mais projetos na próxima categoria!
-                </p>
-            `;
         }
         
         if (this.elementos.previewProxima) {
@@ -1501,48 +1538,38 @@ const SistemaVotacao = {
 
     // Continuar votação
     continuarVotacao() {
-        this.elementos.modalPosVoto.classList.remove('show');
+        if (this.elementos.modalPosVoto) {
+            this.elementos.modalPosVoto.classList.remove('show');
+        }
         
         if (this.proximaCategoriaData) {
             const proximaTab = document.querySelector(`[data-categoria-id="${this.proximaCategoriaData.id}"]`);
             if (proximaTab) {
                 proximaTab.click();
-                
-                setTimeout(() => {
-                    const categoriaHeader = document.querySelector('.sistema-categoria-header');
-                    if (categoriaHeader) {
-                        categoriaHeader.scrollIntoView({ 
-                            behavior: 'smooth',
-                            block: 'start'
-                        });
-                    }
-                }, 100);
             }
         }
     },
 
     // Parar votação
     pararVotacao() {
-        this.elementos.modalPosVoto.classList.remove('show');
-        this.showFeedback('Obrigado pela sua participação na votação!', 'success');
+        if (this.elementos.modalPosVoto) {
+            this.elementos.modalPosVoto.classList.remove('show');
+        }
+        this.showFeedback('Obrigado pela sua participação!', 'success');
     },
 
     // Mostrar modal de conclusão
     mostrarModalConclusao() {
-        const totalProjetos = document.querySelectorAll('.sistema-projeto-card').length;
-        const projetosElement = document.getElementById('total-projetos-visualizados');
-        if (projetosElement) {
-            projetosElement.textContent = totalProjetos;
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.add('show');
         }
-        
-        this.elementos.modalConclusao.classList.add('show');
     },
 
     // Reiniciar votação
     reiniciarVotacao() {
-        console.log('🔄 Reiniciando votação...');
-        
-        this.elementos.modalConclusao.classList.remove('show');
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.remove('show');
+        }
         
         // Reset estado
         this.votosCategoria.clear();
@@ -1551,34 +1578,33 @@ const SistemaVotacao = {
         // Reset botões
         const botoesVotar = document.querySelectorAll('.sistema-btn-votar');
         botoesVotar.forEach(botao => {
-            botao.classList.remove('votado', 'loading');
+            botao.classList.remove('votado', 'loading', 'disabled');
             botao.disabled = false;
             botao.textContent = 'Votar neste Projeto';
         });
         
-        // Reset progresso
         this.atualizarProgresso();
         
-        // Voltar primeira tab
         const primeiraTab = document.querySelector('.sistema-tab-button');
         if (primeiraTab) {
             primeiraTab.click();
         }
         
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-        this.showFeedback('Nova votação iniciada! Vote novamente.', 'success');
+        this.showFeedback('Nova votação iniciada!', 'success');
     },
 
     // Encerrar definitivo
     encerrarDefinitivo() {
-        this.elementos.modalConclusao.classList.remove('show');
-        this.showFeedback('Obrigado pela sua participação na votação!', 'success');
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.remove('show');
+        }
+        this.showFeedback('Obrigado pela sua participação!', 'success');
     },
 
     // Finalizar votação
     finalizarVotacao() {
         if (this.votosCategoria.size === 0) {
-            this.showFeedback('Você ainda não votou em nenhuma categoria.', 'error');
+            this.showFeedback('Você ainda não votou em nenhuma categoria.', 'warning');
             return;
         }
         
@@ -1586,18 +1612,12 @@ const SistemaVotacao = {
         
         let mensagem = 'Tem certeza que deseja finalizar sua votação?';
         if (categoriasRestantes > 0) {
-            mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} para conhecer.`;
+            mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} disponíveis.`;
         }
-        mensagem += '\n\nA página será recarregada para iniciar uma nova votação.';
         
         if (confirm(mensagem)) {
-            // Mostrar feedback antes de recarregar
-            this.showFeedback('Obrigado pela sua participação! Recarregando...', 'success');
-            
-            // Recarregar a página após um pequeno delay
-            setTimeout(() => {
-                window.location.reload();
-            }, 1500);
+            this.showFeedback('Obrigado pela participação! Recarregando...', 'success');
+            setTimeout(() => window.location.reload(), 1500);
         }
     },
 
@@ -1606,40 +1626,32 @@ const SistemaVotacao = {
         const votadas = this.votosCategoria.size;
         const percentual = Math.round((votadas / this.configuracao.totalCategorias) * 100);
         
-        // Atualizar barra principal
-        if (this.elementos.progressoFill) {
-            this.elementos.progressoFill.style.width = `${percentual}%`;
-        }
-        if (this.elementos.progressoStatus) {
-            this.elementos.progressoStatus.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-        }
-        if (this.elementos.progressoText) {
-            this.elementos.progressoText.textContent = `${percentual}% concluído`;
-        }
-
-        // Atualizar barra do modal
-        if (this.elementos.progressoFillModal) {
-            this.elementos.progressoFillModal.style.width = `${percentual}%`;
-        }
-        if (this.elementos.progressoStatusModal) {
-            this.elementos.progressoStatusModal.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-        }
-        if (this.elementos.progressoTextModal) {
-            this.elementos.progressoTextModal.textContent = `${percentual}% concluído`;
-        }
+        // Atualizar elementos de progresso
+        const elementos = [
+            { fill: this.elementos.progressoFill, status: this.elementos.progressoStatus, text: this.elementos.progressoText },
+            { fill: this.elementos.progressoFillModal, status: this.elementos.progressoStatusModal, text: this.elementos.progressoTextModal }
+        ];
+        
+        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`;
+        });
     },
 
     // Mostrar feedback
     showFeedback(message, type = 'success') {
-        if (!this.elementos.feedbackMessage) return;
+        if (!this.elementos.feedbackMessage) {
+            console.log(`Feedback: ${message} (${type})`);
+            return;
+        }
         
         this.elementos.feedbackMessage.textContent = message;
-        this.elementos.feedbackMessage.className = `sistema-feedback-message ${type}`;
-        this.elementos.feedbackMessage.classList.add('show');
+        this.elementos.feedbackMessage.className = `sistema-feedback-message ${type} show`;
         
         setTimeout(() => {
             this.elementos.feedbackMessage.classList.remove('show');
-        }, 3000);
+        }, 4000);
     },
 
     // Obter CSRF token
@@ -1658,50 +1670,18 @@ const SistemaVotacao = {
             }
         }
         
+        console.warn('⚠️ CSRF token não encontrado');
         return '';
-    },
-
-    // Debug - testar funcionalidades
-    debug: {
-        testarTab(categoriaId) {
-            const button = document.querySelector(`[data-categoria-id="${categoriaId}"]`);
-            if (button) {
-                console.log('🧪 Testando clique na categoria:', categoriaId);
-                button.click();
-            } else {
-                console.error('❌ Botão não encontrado para categoria:', categoriaId);
-            }
-        },
-
-        infoTabs() {
-            console.log('=== DEBUG TABS ===');
-            console.log('Botões:', document.querySelectorAll('.sistema-tab-button').length);
-            console.log('Conteúdos:', document.querySelectorAll('.sistema-tab-content').length);
-            
-            document.querySelectorAll('.sistema-tab-button').forEach((btn, i) => {
-                console.log(`Botão ${i}:`, {
-                    target: btn.getAttribute('data-tab-target'),
-                    categoriaId: btn.getAttribute('data-categoria-id'),
-                    ativo: btn.classList.contains('active')
-                });
-            });
-        },
-
-        infoEstado() {
-            console.log('=== ESTADO ATUAL ===');
-            console.log('Votos por categoria:', Array.from(SistemaVotacao.votosCategoria));
-            console.log('Configuração:', SistemaVotacao.configuracao);
-            console.log('Categorias:', SistemaVotacao.categoriasOrdem);
-        }
     }
 };
 
-// Inicialização quando DOM carregar
+// Inicialização
 document.addEventListener('DOMContentLoaded', function() {
+    console.log('📄 DOM carregado, inicializando sistema...');
     SistemaVotacao.init();
 });
 
-// Expor funções globalmente para compatibilidade
+// Expor globalmente
 window.SistemaVotacao = SistemaVotacao;
 </script>
 {% endblock %}