wagtail-enap-designsystem 1.2.1.137__tar.gz → 1.2.1.138__tar.gz

{wagtail_enap_designsystem-1.2.1.137/wagtail_enap_designsystem.egg-info → wagtail_enap_designsystem-1.2.1.138}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-enap-designsystem
-Version: 1.2.1.137
+Version: 1.2.1.138
 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.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/blocks/__init__.py

@@ -132,6 +132,7 @@ from .html_blocks import SuapEventsBlock
 from .html_blocks import EventsCarouselBlock
 from .html_blocks import DropdownBlock
 from .html_blocks import ClientesBlock
+from .html_blocks import VideoHeroBannerBlock
 
 
 from .html_blocks import ButtonBlock, ImageBlock, RichTextBlock, QuoteBlock
@@ -205,6 +206,7 @@ class BannerStreamBlock(StreamBlock):
     banner_image_cta = Banner_Image_cta(label="🖼️ Banner Imagem + CTA")
     hero = HeroBlockv3(label="⭐ Hero Moderno")
     hero_animada = HeroAnimadaBlock(label="🎬 Hero Animado")
+    video_hero_banner = VideoHeroBannerBlock(label="Banner com video")
 
     class Meta:
         label = "🎨 Banners e Heroes"

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/blocks/html_blocks.py

@@ -53,7 +53,7 @@ BRAND_COLOR_CHOICES = [
     ('#007D7A', 'Verde Link ENAP (#007D7A)'),
     ('#AD6BFC', 'Roxo Gnova (#AD6BFC)'),
     ('#B396FC', 'Roxo Claro Gnova (#B396FC)'),
-    ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('#2F134F', 'Roxo Escuro LIIA (#2F134F)'),
 ]
 
 ENAP_GREEN_COLORS = [
@@ -69,6 +69,7 @@ ENAP_GREEN_COLORS = [
     ('#FFFFFF', 'Branco (#FFFFFF)'),
     ('#F8F9FA', 'Cinza Claro (#F8F9FA)'),
     ('#E9ECEF', 'Cinza Médio (#E9ECEF)'),
+    ('#525258', 'Cinza Escuro (#525258)'),
 ]
 
 BACKGROUND_COLOR_CHOICES = [
@@ -7912,19 +7913,12 @@ class NumerosBlock(blocks.StructBlock):
         default='#FFFFFF',
         help_text="Cor de fundo do quadrado de conteúdo"
     )
-    
-    # Grid de cards
-    tipo_grid_numeros = blocks.ChoiceBlock(
-        choices=[
-            ('numeros-grid-1', '1 card por linha'),
-            ('numeros-grid-2', 'Até 2 cards por linha'),
-            ('numeros-grid-3', 'Até 3 cards por linha'),
-            ('numeros-grid-4', 'Até 4 cards por linha'),
-            ('numeros-grid-5', 'Até 5 cards por linha'),
-        ],
-        default='numeros-grid-4',
-        help_text="Quantos cards por linha no desktop",
-        label="Layout do grid de números"
+
+    cor_line = blocks.ChoiceBlock(
+        choices=BACKGROUND_COLOR_CHOICES,
+        default='#FFF0D9',
+        help_text="Cor do da linha debaixo",
+        required=False
     )
     
     # Lista de cards de números
@@ -7966,4 +7960,34 @@ class NumerosBlock(blocks.StructBlock):
         template = 'enap_designsystem/blocks/numeros_block.html'
         icon = 'snippet'
         label = 'Grid de Números/Estatísticas'
-        help_text = 'Componente para exibir números e estatísticas importantes'
+        help_text = 'Componente para exibir números e estatísticas importantes'
+
+class VideoHeroBannerBlock(blocks.StructBlock):
+    
+    background_image = ImageChooserBlock(required=False, help_text="Imagem de fundo para o banner.")
+    
+    cor_fundo = blocks.ChoiceBlock(
+        choices=BACKGROUND_COLOR_CHOICES,
+        required=False,
+        default='#F8F9FA',  # Cinza claro ENAP
+        help_text="Cor de fundo do componente"
+    )
+    
+    altura_banner = blocks.CharBlock(required=False, help_text="Altura do banner (ex: 600px, 80vh).")
+    
+    video_file = DocumentChooserBlock(
+        label="Arquivo de vídeo",
+        required=False,
+        help_text="Upload direto do arquivo de vídeo (MP4, WebM, etc.)"
+    )
+    
+    titulo = blocks.CharBlock(required=False, help_text="Título principal.")
+    
+    subtitulo = blocks.RichTextBlock(required=False, help_text="Subtítulo com suporte a formatação.")
+    
+    logo = ImageChooserBlock(required=False, help_text="Logo sobre o banner.")
+
+    class Meta:
+        template = "enap_designsystem/blocks/video_hero_banner.html"
+        icon = "media"
+        label = "Video Hero Banner"

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/blocks/semana_blocks.py

@@ -70,6 +70,10 @@ BRAND_TEXTS_CHOICES = [
 # Cores para backgrounds - removendo duplicatas
 BRAND_BG_CHOICES = [
     ('#FFFFFF', 'Branco (#FFFFFF)'),
+    ('transparent', 'Transparente'),
+    ('rgba(0,0,0,0)', 'Transparente (rgba)'),
+    ('rgba(255,255,255,0.5)', 'Branco Semi-transparente'),
+    ('rgba(0,0,0,0.5)', 'Preto Semi-transparente'),
     ('#F8F9FA', 'Cinza Claro (#F8F9FA)'),
     ('#000000', 'Preto (#000000)'),
     ('enap-green', 'Verde ENAP'),

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/blocks/apresentacao_block.html

@@ -16,8 +16,7 @@
             <!-- Quadrado de conteúdo -->
             <div class="apresentacao-conteudo-box rounded-lg mb-8 shadow-lg text-left"
                  style="background-color: {{ value.cor_quadrado }};">
-                <div class="apresentacao-texto leading-relaxed"
-                     style="color: {{ value.cor_titulo }};">
+                <div class="apresentacao-texto leading-relaxed">
                     {{ value.conteudo|richtext }}
                 </div>
             </div>

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html

@@ -13,7 +13,7 @@
         <div class="secao-overlay">
             
             <!-- Container principal -->
-            <div class="container mx-auto px-4 py-16 lg:py-24">
+            <div class="container titulo-cards mx-auto px-4 py-16 lg:py-24">
                 
                 <!-- Título centralizado -->
                 {% if value.titulo %}
@@ -98,13 +98,13 @@
 <style>
 .secao-apresentacao-cards {
     position: relative;
-    min-height: 600px;
+    min-height: 500px;
 }
 
 .secao-background {
     position: relative;
     width: 100%;
-    min-height: 600px;
+    min-height: 500px;
 }
 
 .secao-overlay {
@@ -115,15 +115,36 @@
     bottom: 0;
     background: rgba(106, 27, 154, 0.15);
     backdrop-filter: blur(0.5px);
+    display: flex;
+}
+
+.card-item {
+    width: 300px;
+    flex: 0 0 268px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    height: 230px;
+    background-color: rgba(106, 27, 154, 0.15);
+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+    color: #1351b4;
+    font-weight: 500;
+    padding: 0px;
+    text-decoration: none;
+    border-radius: 20px;
 }
 
 .titulo-secao {
-    font-size: 2.5rem;
-    font-weight: 700;
     line-height: 1.2;
     text-align: center;
     margin-bottom: 0;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    font-weight: 500;
+    font-style: Medium;
+    font-size: 48px;
+    letter-spacing: 0px;
 }
 
 .cards-container {
@@ -197,6 +218,7 @@
     flex: 1;
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
 }
 
 .card-titulo {
@@ -205,6 +227,7 @@
     margin-bottom: 0.5rem;
     line-height: 1.4;
     color: #FFFFFF;
+    text-align: left;
 }
 
 .card-subtitulo {
@@ -305,5 +328,12 @@
         font-size: 1rem;
     }
 }
+
+.titulo-cards{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 48px;
+}
 </style></document_content>
 </invoke>

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/blocks/job_vacancy_filtered_block.html

@@ -117,6 +117,13 @@
     align-items: center;
 }
 
+.image-curso {
+    width: 100%;
+    border-radius: 12px;
+    overflow: hidden;
+    height: auto;
+}
+
 .space-10px{
     display: flex;
     flex-direction: column;

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/blocks/logos_simple_block.html

@@ -21,7 +21,7 @@
                             {% for logo_card in value.lista_logos %}
                                 <div class="logo-card {% if value.centralizar_logos %}text-center{% endif %}">
                                     <div class="logo-image-container">
-                                        {% image logo_card.logo fill-200x200 class="logo-image" alt="Logo" %}
+                                        {% image logo_card.logo original class="logo-image" alt="Logo" %}
                                     </div>
                                 </div>
                             {% endfor %}

wagtail_enap_designsystem-1.2.1.138/enap_designsystem/templates/enap_designsystem/blocks/numeros_block.html

@@ -0,0 +1,74 @@
+{% 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="container">
+        <h2 class="secao-cabecalho text-center font-bold mb-8"
+            style="color: {{ value.cor_titulo }};">
+            {{ value.titulo }}
+        </h2>
+        
+        <div class="estatisticas-container {{ value.tipo_grid_numeros|default:'numeros-grid-4' }}">
+            {% for lista_numeros in value.lista_numeros %}
+                <div class="estatistica-item text-center" style="flex: 1; min-width: 150px; margin: 8px; background-color:{{ lista_numeros.cor_card }};">
+                    <div class="numero" style="color: {{ lista_numeros.cor_numero }}; font-size: 40px; font-weight: 500; line-height: 1.2;">
+                        {{ lista_numeros.numero }}
+                    </div>
+                    <div class="descricao" style="color: {{ lista_numeros.cor_descricao }}; font-size: 16px; font-weight: 600; margin-top: 30px;">
+                        {{ lista_numeros.descricao }}
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+
+<!-- Adicionar estilos específicos para responsividade -->
+<style>
+    .estatisticas-container {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+        margin-top: 70px;
+    }
+
+    @media (max-width: 768px) {
+        .estatisticas-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+        
+        .estatistica-item {
+            margin: 30px 0;
+        }
+        
+        .estatistica-divisor {
+            display: none !important;
+        }
+        
+        .numero {
+            font-size: 3.5rem !important;
+        }
+        
+        .descricao {
+            font-size: 1.25rem !important;
+        }
+    }
+    
+    @media (min-width: 769px) and (max-width: 992px) {
+        .estatistica-item {
+            min-width: 200px;
+            margin: 15px;
+        }
+        
+        .numero {
+            font-size: 3rem !important;
+        }
+    }
+    
+    .estatistica-item {
+        position: relative;
+        border-radius: 16px;
+        padding: 56px 32px;
+    }
+</style>

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/blocks/video_hero_banner.html

@@ -1,7 +1,17 @@
 <!-- templates/components/video_hero_banner.html -->
 {% load wagtailcore_tags %}
+{% load wagtailimages_tags %}
 <section class="video-hero-banner" 
-         style="background-image: url('{{ value.background_image.get_rendition.url }}'); height: {{ value.altura_banner }};">
+    style="
+    {% if value.background_image %}
+    {% image value.background_image original as background_img %}
+    background: url('{{ background_img.url }}');
+    background-size: cover;
+    {% else %} 
+    background: {{ value.cor_fundo }};
+    {% endif %}
+    height: {{ value.altura_banner }};"
+>
     
     <!-- Overlay para melhor legibilidade do texto -->
     <div class="video-hero-overlay"></div>
@@ -11,10 +21,7 @@
         {% if value.video_file %}
         <div class="video-hero-media">
             <div class="video-frame">
-                <video class="video-player" 
-                       autoplay 
-                       muted 
-                       controls>
+                <video class="video-player" autoplay muted loop>
                     <source src="{{ value.video_file.url }}" type="video/mp4">
                     <p>Seu navegador não suporta o elemento de vídeo.</p>
                 </video>
@@ -37,9 +44,11 @@
                         
                         <!-- Logo -->
                         {% if value.logo %}
-                        <div class="video-hero-logo">
-                            <img src="{{ value.logo.get_rendition.url }}" 
-                                 alt="Logo" class="logo-image">
+                        <div class="card-imagem">
+                            {% image value.logo width-400 as logo_img %}
+                            <img src="{{ logo_img.url }}" 
+                                    alt="Logos"
+                                    class="logo-image">
                         </div>
                         {% endif %}
                         
@@ -146,7 +155,7 @@
     right: 0;
     bottom: 0;
     display: flex;
-    align-items: flex-start;
+    align-items: flex-end;
     padding: 2rem;
     background: linear-gradient(
         45deg, 
@@ -180,6 +189,11 @@
     min-height: 400px;
 }
 
+.video-hero-title{
+    font-weight: 400;
+    margin: 0px;
+}
+
 /* Responsividade */
 @media (max-width: 1024px) {
     .video-hero-title {

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -71,6 +71,24 @@
         --votacao-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     }
 
+    .sistema-btn-finalizar-modal {
+        flex: 1;
+        background: #007D7A;
+        color: white;
+        border: none;
+        padding: 1rem 1.5rem;
+        border-radius: 50px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        font-size: 1rem;
+    }
+    
+    .sistema-btn-finalizar-modal:hover {
+        background: #006969;
+        transform: translateY(-1px);
+    }
+
     .sistema-votacao-wrapper {
         background: #F5F7FA;
         color: var(--votacao-text-primary);
@@ -500,9 +518,9 @@
     .sistema-btn-finalizar {
         bottom: 2rem;
         right: 2rem;
-        background: #007D7A;
-        color: white;
-        border: 1px solid var(--votacao-border-medium);
+        background: white;
+        color: #007D7A;
+        border: 1px solid #007D7A;
         padding: 0.875rem 1.25rem;
         border-radius: 50px;
         font-weight: 500;
@@ -1220,7 +1238,7 @@
                     Votar na próxima categoria
                     <i class="fas fa-arrow-right"></i>
                 </button>
-                <button class="sistema-btn-finalizar" onclick="SistemaVotacao.finalizarVotacao()">
+                <button class="sistema-btn-finalizar sistema-btn-finalizar-modal" onclick="SistemaVotacao.finalizarVotacao()">
                     <i class="fas fa-check-circle"></i>
                     <span>Finalizar Votação</span>
                 </button>
@@ -1553,21 +1571,61 @@
         },
 
         // Mostrar modal pós-voto
-        mostrarModalPosVoto(categoriaAtualId) {
-            const indiceAtual = this.categoriasOrdem.findIndex(cat => cat.id === parseInt(categoriaAtualId));
-            const proximoIndice = indiceAtual + 1;
-            
-            if (proximoIndice < this.categoriasOrdem.length) {
-                this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
-                this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
-                
-                if (this.elementos.modalPosVoto) {
-                    this.elementos.modalPosVoto.classList.add('show');
-                }
-            } else {
-                this.mostrarModalConclusao();
+        // Substitua a função mostrarModalPosVoto() existente por esta versão corrigida:
+
+    // Mostrar modal pós-voto
+    mostrarModalPosVoto(categoriaAtualId) {
+        const indiceAtual = this.categoriasOrdem.findIndex(cat => cat.id === parseInt(categoriaAtualId));
+        const proximoIndice = indiceAtual + 1;
+        const temProximaCategoria = proximoIndice < this.categoriasOrdem.length;
+        
+        if (temProximaCategoria) {
+            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
+        this.atualizarBotoesModal(temProximaCategoria);
+        
+        if (this.elementos.modalPosVoto) {
+            this.elementos.modalPosVoto.classList.add('show');
+        }
+    },
+
+    // Nova função para atualizar os botões do modal
+    atualizarBotoesModal(temProximaCategoria) {
+        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
+            if (botaoContinuar) {
+                botaoContinuar.style.display = 'block';
+                botaoContinuar.innerHTML = `
+                    Votar na próxima categoria
+                    <i class="fas fa-arrow-right"></i>
+                `;
             }
-        },
+            if (botaoFinalizar) {
+                botaoFinalizar.style.display = 'block';
+            }
+        } else {
+            // Última categoria - 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>Finalizar Votação</span>
+                `;
+            }
+        }
+    },
 
         // Gerar preview da próxima categoria
         gerarPreviewProximaCategoria(proximaCategoriaId) {

{wagtail_enap_designsystem-1.2.1.137 → wagtail_enap_designsystem-1.2.1.138}/setup.py

@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name='wagtail-enap-designsystem',
-    version='1.2.1.137',
+    version='1.2.1.138',
     description='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.137 → wagtail_enap_designsystem-1.2.1.138/wagtail_enap_designsystem.egg-info}/PKG-INFO

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