wagtail-enap-designsystem 1.2.1.125__py3-none-any.whl → 1.2.1.127__py3-none-any.whl

enap_designsystem/migrations/0388_sistemavotacaopage_configuracoes_votacao.py

@@ -0,0 +1,132 @@
+# Generated by Django 5.1.6 on 2025-09-04 22:04
+
+import wagtail.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        (
+            "enap_designsystem",
+            "0387_alter_areaaluno_body_alter_enapcomponentes_body_and_more",
+        ),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="sistemavotacaopage",
+            name="configuracoes_votacao",
+            field=wagtail.fields.StreamField(
+                [
+                    ("recaptcha", 5),
+                    ("texto_instrucoes", 6),
+                    ("aviso_importante", 10),
+                    ("separador", 11),
+                ],
+                blank=True,
+                block_lookup={
+                    0: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [
+                                ("v2", "reCAPTCHA v2 (checkbox visível)"),
+                                ("v3", "reCAPTCHA v3 (invisível)"),
+                                ("v2_invisible", "reCAPTCHA v2 invisível"),
+                            ],
+                            "help_text": "Tipo de reCAPTCHA",
+                        },
+                    ),
+                    1: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [("light", "Claro"), ("dark", "Escuro")],
+                            "help_text": "Tema visual (apenas v2)",
+                        },
+                    ),
+                    2: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [("normal", "Normal"), ("compact", "Compacto")],
+                            "help_text": "Tamanho do widget (apenas v2)",
+                        },
+                    ),
+                    3: (
+                        "wagtail.blocks.CharBlock",
+                        (),
+                        {"help_text": "Classes CSS adicionais", "required": False},
+                    ),
+                    4: (
+                        "wagtail.blocks.CharBlock",
+                        (),
+                        {
+                            "default": "submit",
+                            "help_text": "Ação para reCAPTCHA v3 (ex: login, submit, homepage)",
+                            "required": False,
+                        },
+                    ),
+                    5: (
+                        "wagtail.blocks.StructBlock",
+                        [
+                            [
+                                ("tipo", 0),
+                                ("tema", 1),
+                                ("tamanho", 2),
+                                ("css_classes", 3),
+                                ("acao_v3", 4),
+                            ]
+                        ],
+                        {},
+                    ),
+                    6: (
+                        "wagtail.blocks.RichTextBlock",
+                        (),
+                        {
+                            "help_text": "Instruções sobre como votar",
+                            "icon": "doc-full",
+                            "label": "Texto de Instruções",
+                        },
+                    ),
+                    7: (
+                        "wagtail.blocks.CharBlock",
+                        (),
+                        {"label": "Título do Aviso", "max_length": 100},
+                    ),
+                    8: ("wagtail.blocks.RichTextBlock", (), {"label": "Mensagem"}),
+                    9: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [
+                                ("info", "Informação"),
+                                ("warning", "Aviso"),
+                                ("success", "Sucesso"),
+                                ("danger", "Perigo"),
+                            ],
+                            "label": "Tipo de Aviso",
+                        },
+                    ),
+                    10: (
+                        "wagtail.blocks.StructBlock",
+                        [[("titulo", 7), ("mensagem", 8), ("tipo", 9)]],
+                        {"icon": "warning", "label": "Aviso/Alerta"},
+                    ),
+                    11: (
+                        "wagtail.blocks.static_block.StaticBlock",
+                        (),
+                        {
+                            "admin_text": "Separador visual entre seções",
+                            "icon": "horizontalrule",
+                            "label": "Separador",
+                            "template": "blocks/separador.html",
+                        },
+                    ),
+                },
+                help_text="Adicione reCAPTCHA, instruções e outros elementos para a página de votação",
+                verbose_name="Configurações e Elementos da Votação",
+            ),
+        ),
+    ]

enap_designsystem/migrations/0389_alter_sistemavotacaopage_configuracoes_votacao.py

@@ -0,0 +1,81 @@
+# Generated by Django 5.1.6 on 2025-09-04 22:13
+
+import wagtail.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("enap_designsystem", "0388_sistemavotacaopage_configuracoes_votacao"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="sistemavotacaopage",
+            name="configuracoes_votacao",
+            field=wagtail.fields.StreamField(
+                [("recaptcha", 5)],
+                blank=True,
+                block_lookup={
+                    0: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [
+                                ("v2", "reCAPTCHA v2 (checkbox visível)"),
+                                ("v3", "reCAPTCHA v3 (invisível)"),
+                                ("v2_invisible", "reCAPTCHA v2 invisível"),
+                            ],
+                            "help_text": "Tipo de reCAPTCHA",
+                        },
+                    ),
+                    1: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [("light", "Claro"), ("dark", "Escuro")],
+                            "help_text": "Tema visual (apenas v2)",
+                        },
+                    ),
+                    2: (
+                        "wagtail.blocks.ChoiceBlock",
+                        [],
+                        {
+                            "choices": [("normal", "Normal"), ("compact", "Compacto")],
+                            "help_text": "Tamanho do widget (apenas v2)",
+                        },
+                    ),
+                    3: (
+                        "wagtail.blocks.CharBlock",
+                        (),
+                        {"help_text": "Classes CSS adicionais", "required": False},
+                    ),
+                    4: (
+                        "wagtail.blocks.CharBlock",
+                        (),
+                        {
+                            "default": "submit",
+                            "help_text": "Ação para reCAPTCHA v3 (ex: login, submit, homepage)",
+                            "required": False,
+                        },
+                    ),
+                    5: (
+                        "wagtail.blocks.StructBlock",
+                        [
+                            [
+                                ("tipo", 0),
+                                ("tema", 1),
+                                ("tamanho", 2),
+                                ("css_classes", 3),
+                                ("acao_v3", 4),
+                            ]
+                        ],
+                        {},
+                    ),
+                },
+                help_text="Adicione reCAPTCHA para a página de votação",
+                verbose_name="Configurações e Elementos da Votação",
+            ),
+        ),
+    ]

enap_designsystem/models.py

@@ -19,6 +19,7 @@ from wagtail.blocks import URLBlock
 from wagtail.search import index
 import requests
 import os
+from .blocks.html_blocks import RecaptchaBlock
 from django.db.models.signals import pre_delete
 from django.dispatch import receiver
 import shutil
@@ -4858,6 +4859,15 @@ class SistemaVotacaoPage(Page):
         help_text="Data/hora de encerramento da votação (opcional)"
     )
 
+    configuracoes_votacao = StreamField([
+    ('recaptcha', RecaptchaBlock()),
+	], 
+	blank=True,
+	use_json_field=True,
+	verbose_name="Configurações e Elementos da Votação",
+	help_text="Adicione reCAPTCHA para a página de votação"
+	)
+
     footer = models.ForeignKey(
         "EnapFooterSnippet",
         null=True,
@@ -4876,6 +4886,8 @@ class SistemaVotacaoPage(Page):
 			FieldPanel('navbar'),
 			FieldPanel('footer'),
         ], heading="Conteúdo do Header"),
+
+		FieldPanel('configuracoes_votacao'),
         
         MultiFieldPanel([
             FieldPanel('mostrar_progresso'),

enap_designsystem/templates/enap_designsystem/blocks/page/pagenoticias_block.html

@@ -253,6 +253,7 @@
         grid-template-columns: 1fr 1fr;
         gap: 30px;
         margin-bottom: 40px;
+        max-height: 600px;
     }
 
     .news-grid-main {
@@ -336,7 +337,7 @@
         display: flex;
         flex-direction: column;
         gap: 20px;
-        max-height: 550px;
+        max-height: 600px;
     }
     
 

enap_designsystem/templates/enap_designsystem/blocks/recaptcha.html

@@ -0,0 +1,338 @@
+<!-- templates/blocks/recaptcha.html -->
+<div class="recaptcha-container {{ value.css_classes }}" data-recaptcha-id="{{ block.id }}">
+    
+    {% if has_recaptcha_keys %}
+        <!-- reCAPTCHA v2 (checkbox + desafio) -->
+        <div class="g-recaptcha" 
+             data-sitekey="{{ recaptcha_public_key }}"
+             data-theme="{{ value.tema }}"
+             data-size="{{ value.tamanho }}"
+             data-callback="onRecaptchaSuccess{{ block.id }}"
+             data-expired-callback="onRecaptchaExpired{{ block.id }}"
+             data-error-callback="onRecaptchaError{{ block.id }}"
+             id="recaptcha-{{ block.id }}">
+        </div>
+        
+        <!-- Status da verificação -->
+        <div id="status-{{ block.id }}" class="recaptcha-status mt-3" style="display: none;">
+            <div class="alert alert-success">
+                <i class="fas fa-check-circle"></i> 
+                <strong>Verificação completa!</strong> 
+                Você passou no teste reCAPTCHA.
+            </div>
+        </div>
+        
+        <!-- Status de erro -->
+        <div id="error-{{ block.id }}" class="recaptcha-error mt-3" style="display: none;">
+            <div class="alert alert-danger">
+                <i class="fas fa-exclamation-triangle"></i> 
+                <strong>Erro no reCAPTCHA!</strong> 
+                Tente novamente.
+            </div>
+        </div>
+        
+    {% else %}
+        <div class="alert alert-warning">
+            <i class="fas fa-exclamation-triangle"></i>
+            <strong>reCAPTCHA não configurado!</strong>
+            <br><small>Configure RECAPTCHA_PUBLIC_KEY no settings.py</small>
+        </div>
+    {% endif %}
+</div>
+
+<script>
+// Callback quando o usuário completa o reCAPTCHA
+window.onRecaptchaSuccess{{ block.id }} = function(response) {
+    console.log('✅ reCAPTCHA completado com sucesso!');
+    console.log('Token recebido:', response);
+    
+    // Mostrar mensagem de sucesso
+    const statusDiv = document.getElementById('status-{{ block.id }}');
+    const errorDiv = document.getElementById('error-{{ block.id }}');
+    
+    if (statusDiv) statusDiv.style.display = 'block';
+    if (errorDiv) errorDiv.style.display = 'none';
+    
+    // Marcar como verificado
+    const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+    container.setAttribute('data-verified', 'true');
+    container.setAttribute('data-response', response);
+    container.classList.add('recaptcha-verified');
+    container.classList.remove('recaptcha-error');
+    
+    // Disparar evento personalizado para integração
+    document.dispatchEvent(new CustomEvent('recaptchaCompleted', {
+        detail: { 
+            blockId: '{{ block.id }}', 
+            response: response,
+            success: true
+        }
+    }));
+    
+    // Habilitar botões de submit se existirem
+    const submitButtons = document.querySelectorAll('button[type="submit"], input[type="submit"]');
+    submitButtons.forEach(btn => {
+        btn.disabled = false;
+        btn.classList.remove('disabled');
+    });
+};
+
+// Callback quando expira
+window.onRecaptchaExpired{{ block.id }} = function() {
+    console.log('⚠️ reCAPTCHA expirado');
+    
+    const statusDiv = document.getElementById('status-{{ block.id }}');
+    const errorDiv = document.getElementById('error-{{ block.id }}');
+    
+    if (statusDiv) statusDiv.style.display = 'none';
+    if (errorDiv) {
+        errorDiv.querySelector('.alert').innerHTML = `
+            <i class="fas fa-clock"></i> 
+            <strong>reCAPTCHA expirado!</strong> 
+            Clique novamente para verificar.
+        `;
+        errorDiv.style.display = 'block';
+    }
+    
+    const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+    container.setAttribute('data-verified', 'false');
+    container.classList.remove('recaptcha-verified');
+    container.classList.add('recaptcha-error');
+    
+    // Desabilitar botões de submit
+    const submitButtons = document.querySelectorAll('button[type="submit"], input[type="submit"]');
+    submitButtons.forEach(btn => {
+        btn.disabled = true;
+        btn.classList.add('disabled');
+    });
+};
+
+// Callback de erro
+window.onRecaptchaError{{ block.id }} = function() {
+    console.log('❌ Erro no reCAPTCHA');
+    
+    const statusDiv = document.getElementById('status-{{ block.id }}');
+    const errorDiv = document.getElementById('error-{{ block.id }}');
+    
+    if (statusDiv) statusDiv.style.display = 'none';
+    if (errorDiv) {
+        errorDiv.querySelector('.alert').innerHTML = `
+            <i class="fas fa-exclamation-triangle"></i> 
+            <strong>Erro no reCAPTCHA!</strong> 
+            Verifique sua conexão e tente novamente.
+        `;
+        errorDiv.style.display = 'block';
+    }
+    
+    const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+    container.setAttribute('data-verified', 'false');
+    container.classList.remove('recaptcha-verified');
+    container.classList.add('recaptcha-error');
+};
+
+// Utilitários públicos para JavaScript
+window.recaptchaUtils{{ block.id }} = {
+    isVerified: function() {
+        const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+        return container && container.getAttribute('data-verified') === 'true';
+    },
+    
+    getResponse: function() {
+        const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+        return container ? (container.getAttribute('data-response') || '') : '';
+    },
+    
+    reset: function() {
+        if (typeof grecaptcha !== 'undefined') {
+            try {
+                grecaptcha.reset();
+                console.log('🔄 reCAPTCHA resetado');
+            } catch (e) {
+                console.log('⚠️ Erro ao resetar reCAPTCHA:', e);
+            }
+        }
+        
+        const container = document.querySelector('[data-recaptcha-id="{{ block.id }}"]');
+        if (container) {
+            container.setAttribute('data-verified', 'false');
+            container.classList.remove('recaptcha-verified', 'recaptcha-error');
+        }
+        
+        const statusDiv = document.getElementById('status-{{ block.id }}');
+        const errorDiv = document.getElementById('error-{{ block.id }}');
+        
+        if (statusDiv) statusDiv.style.display = 'none';
+        if (errorDiv) errorDiv.style.display = 'none';
+    },
+    
+    execute: function() {
+        if (typeof grecaptcha !== 'undefined') {
+            try {
+                grecaptcha.execute();
+                console.log('▶️ reCAPTCHA executado');
+            } catch (e) {
+                console.log('⚠️ Erro ao executar reCAPTCHA:', e);
+            }
+        }
+    }
+};
+
+// Carregar script do Google reCAPTCHA (apenas uma vez)
+if (!document.querySelector('script[src*="recaptcha/api.js"]') && {{ has_recaptcha_keys|yesno:"true,false" }}) {
+    const script = document.createElement('script');
+    script.src = 'https://www.google.com/recaptcha/api.js';
+    script.async = true;
+    script.defer = true;
+    
+    script.onload = function() {
+        console.log('📡 reCAPTCHA carregado com sucesso!');
+    };
+    
+    script.onerror = function() {
+        console.log('❌ Erro ao carregar reCAPTCHA do Google');
+        
+        const errorDiv = document.getElementById('error-{{ block.id }}');
+        if (errorDiv) {
+            errorDiv.querySelector('.alert').innerHTML = `
+                <i class="fas fa-wifi"></i> 
+                <strong>Erro de conexão!</strong> 
+                Não foi possível carregar o reCAPTCHA.
+            `;
+            errorDiv.style.display = 'block';
+        }
+    };
+    
+    document.head.appendChild(script);
+    console.log('📡 Carregando reCAPTCHA do Google...');
+}
+
+// Event listener global para debug
+document.addEventListener('recaptchaCompleted', function(e) {
+    console.log('🎉 Evento reCAPTCHA global:', e.detail);
+});
+
+// Debug: informações da configuração
+console.log('🔍 reCAPTCHA Config:');
+console.log('- Block ID:', '{{ block.id }}');
+console.log('- Public Key:', '{{ recaptcha_public_key|truncatechars:20 }}...');
+console.log('- Has Keys:', {{ has_recaptcha_keys|yesno:"true,false" }});
+console.log('- Tema:', '{{ value.tema }}');
+console.log('- Tamanho:', '{{ value.tamanho }}');
+</script>
+
+<style>
+.recaptcha-container {
+    margin: 20px 0;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border: 1px solid #e9ecef;
+    border-radius: 8px;
+    background: #f8f9fa;
+    transition: all 0.3s ease;
+}
+
+.recaptcha-container .g-recaptcha {
+    margin: 10px 0;
+}
+
+/* Estado verificado */
+.recaptcha-container.recaptcha-verified {
+    border-color: #28a745;
+    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
+}
+
+.recaptcha-container.recaptcha-verified::before {
+    content: '✅ Verificado com Sucesso';
+    display: block;
+    color: #155724;
+    font-weight: bold;
+    margin-bottom: 10px;
+    font-size: 14px;
+    text-align: center;
+}
+
+/* Estado de erro */
+.recaptcha-container.recaptcha-error {
+    border-color: #dc3545;
+    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
+}
+
+.recaptcha-container.recaptcha-error::before {
+    content: '❌ Erro na Verificação';
+    display: block;
+    color: #721c24;
+    font-weight: bold;
+    margin-bottom: 10px;
+    font-size: 14px;
+    text-align: center;
+}
+
+/* Animações */
+.recaptcha-status .alert,
+.recaptcha-error .alert {
+    margin-bottom: 0;
+    animation: slideDown 0.3s ease-out;
+}
+
+@keyframes slideDown {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Responsivo */
+@media (max-width: 576px) {
+    .recaptcha-container {
+        padding: 15px;
+        margin: 15px 0;
+    }
+    
+    .recaptcha-container .g-recaptcha {
+        transform: scale(0.9);
+        transform-origin: center;
+    }
+}
+
+/* Integração com formulários */
+.recaptcha-container + form button[type="submit"].disabled,
+.recaptcha-container + form input[type="submit"].disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+/* Classes CSS personalizadas */
+.recaptcha-container.text-center {
+    text-align: center;
+}
+
+.recaptcha-container.my-4 {
+    margin: 1.5rem 0;
+}
+
+.recaptcha-container.mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/* Tema escuro */
+.recaptcha-container[data-theme="dark"] {
+    background: #343a40;
+    border-color: #495057;
+    color: #fff;
+}
+
+.recaptcha-container[data-theme="dark"].recaptcha-verified {
+    background: linear-gradient(135deg, #1e5c3a 0%, #28a745 100%);
+}
+
+.recaptcha-container[data-theme="dark"].recaptcha-error {
+    background: linear-gradient(135deg, #5c1e1e 0%, #dc3545 100%);
+}
+</style>

enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -968,6 +968,11 @@
             {% endif %}
             </div>
         </div>
+        <!-- Em vez do StreamField, use include direto -->
+<div class="recaptcha-votacao-container">
+    {% include 'enap_designsystem/blocks/recaptcha.html' with value=recaptcha_config %}
+</div>
+
     <div class="sistema-votacao-container">
         <!-- Header -->
         
@@ -1170,6 +1175,7 @@
             <p class="sistema-progresso-text" id="progresso-text-modal">0% concluído</p>
         </div>
         {% endif %}
+
         
         <div class="sistema-modal-actions">
             <button class="sistema-btn-continuar" onclick="SistemaVotacao.continuarVotacao()">

enap_designsystem/views.py

@@ -119,7 +119,8 @@ def callback_sso(request):
 	}
 
 	# ⚠️ Desativa verificação SSL apenas em DEV
-	verify_ssl = not settings.DEBUG
+	#verify_ssl = not settings.DEBUG
+	verify_ssl = False
 
 	# 🔐 Solicita o token
 	print("📥 Enviando para /token:", data)

{wagtail_enap_designsystem-1.2.1.125.dist-info → wagtail_enap_designsystem-1.2.1.127.dist-info}/METADATA

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