wagtail-enap-designsystem 1.2.1.121__py3-none-any.whl → 1.2.1.123__py3-none-any.whl

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/custom_404.html

@@ -176,7 +176,6 @@
             flex-wrap: wrap;
         }
 
-
         .btn-primary {
             background: #007D7A;
             color: white;
@@ -333,6 +332,7 @@
 
         <div class="action-buttons">
             <a href="/" class="btn btn-primary">
+                <span>🏠</span>
                 Página Inicial
             </a>
             <button onclick="history.back()" class="btn btn-secondary">

enap_designsystem/templates/enap_designsystem/blocks/apresentacao_block.html

@@ -0,0 +1,116 @@
+<!-- templates/blocks/apresentacao_block.html -->
+{% load wagtailcore_tags %}
+
+<section class="apresentacao-secao py-16" 
+         style="background-color: {{ value.cor_fundo }};">
+    
+    <div class="apresentacao-container mx-auto px-4">
+        <div class="apresentacao-wrapper mx-auto text-center">
+            
+            <!-- Título -->
+            <h2 class="apresentacao-titulo font-bold mb-8"
+                style="color: {{ value.cor_titulo }};">
+                {{ value.titulo }}
+            </h2>
+
+            <!-- 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 }};">
+                    {{ value.conteudo|richtext }}
+                </div>
+            </div>
+
+            <!-- Botão -->
+            {% if value.botao_texto and value.botao_url %}
+                <div class="apresentacao-botao-wrapper flex justify-center">
+                    <a href="{{ value.botao_url }}" 
+                       class="apresentacao-botao inline-flex items-center justify-center 
+                              px-8 font-semibold rounded-full 
+                              text-white transition-all duration-300"
+                       style="background-color: {{ value.cor_botao }};"
+                       onmouseover="this.style.backgroundColor='{{ value.cor_botao_hover }}'"
+                       onmouseout="this.style.backgroundColor='{{ value.cor_botao }}'">
+                        
+                        {% if value.botao_icone %}
+                            <i class="apresentacao-icone {{ value.botao_icone }} mr-2"></i>
+                        {% endif %}
+                        
+                        {{ value.botao_texto }}
+                    </a>
+                </div>
+            {% endif %}
+
+        </div>
+    </div>
+</section>
+
+<style>
+    .apresentacao-botao {
+        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+        font-size: 1.125rem;
+        padding: 12px 16px;
+        border-radius: 32px;
+        width: 200px;
+        gap: 20px;
+    }
+
+    .apresentacao-titulo {
+        font-size: 2.25rem;
+        margin-bottom: 0px;
+    }
+
+    @media (min-width: 768px) {
+        .apresentacao-titulo {
+            font-size: 3rem;
+        }
+    }
+
+    .apresentacao-container {
+        max-width: 1200px;
+    }
+
+    .apresentacao-wrapper {
+        max-width: 1142px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 2rem;
+    }
+
+    .apresentacao-conteudo-box {
+        padding: 60px 120px;
+    }
+
+    @media (min-width: 768px) {
+        .apresentacao-conteudo-box {
+            padding: 3rem;
+        }
+    }
+    
+    .apresentacao-botao:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba(0,0,0,0.3);
+    }
+    
+    /* Forçar cores do richtext */
+    .apresentacao-secao .apresentacao-texto * {
+        color: inherit !important;
+        text-align: left;
+    }
+
+    .apresentacao-secao {
+        padding: 90px 0;
+    }
+
+    .apresentacao-texto {
+        font-size: 1.125rem;
+    }
+    
+    .apresentacao-secao .apresentacao-texto p,
+    .apresentacao-secao .apresentacao-texto div,
+    .apresentacao-secao .apresentacao-texto span {
+        color: inherit !important;
+    }
+</style>

enap_designsystem/templates/enap_designsystem/blocks/apresentacao_simple_block.html

@@ -0,0 +1,236 @@
+<!-- templates/blocks/apresentacao_simple_block.html -->
+{% load wagtailcore_tags %}
+
+<section class="secao-display py-16" 
+         style="background-color: {{ value.cor_fundo }};">
+    
+    <div class="container mx-auto px-4">
+        <div class="max-w-6xl mx-auto">
+            
+            <!-- Título -->
+            <h2 class="secao-cabecalho text-center font-bold mb-8"
+                style="color: {{ value.cor_titulo }};">
+                {{ value.titulo }}
+            </h2>
+
+            <!-- Quadrado de conteúdo -->
+            <div class="secao-conteudo-cartoes rounded-lg p-8 mb-12 shadow-lg"
+                 style="background-color: {{ value.cor_quadrado }};">
+                <div class="secao-texto text-lg leading-relaxed"
+                     style="color: {{ value.cor_texto }};">
+                    {{ value.conteudo|richtext }}
+                </div>
+
+            <!-- Grid de Cards -->
+            {% if value.cards %}
+                <div class="secao-cartoes {{ value.grid_tipo }}">
+                    {% for card_block in value.cards %}
+                        {% if card_block.block_type == 'card' %}
+                            <div class="secao-cartao">
+                                <!-- Ícone -->
+                                {% if card_block.value.icone %}
+                                    <div class="cartao-simbolo" style="background: {{ value.cor_texto }};">
+                                        <i class="{{ card_block.value.icone }}"></i>
+                                    </div>
+                                {% endif %}
+                                
+                                <!-- Título do Card -->
+                                <h3 class="cartao-cabecalho" style="color: {{ value.cor_texto }};">
+                                    {{ card_block.value.titulo }}
+                                </h3>
+                                
+                                <!-- Descrição -->
+                                <p class="cartao-texto" style="color: {{ value.cor_texto }};">
+                                    {{ card_block.value.descricao }}
+                                </p>
+                            </div>
+                        {% endif %}
+                    {% endfor %}
+                </div>
+            {% endif %}
+            </div>
+        </div>
+    </div>
+</section>
+
+<style>
+    /* Estilos gerais */
+    .secao-display {
+        padding: 90px 0;
+    }
+    
+    .secao-cabecalho {
+        font-size: 2.5rem;
+        margin-bottom: 2rem;
+    }
+    
+    @media (min-width: 768px) {
+        .secao-cabecalho {
+            font-size: 3.5rem;
+        }
+    }
+    
+    .secao-conteudo-cartoes {
+        max-width: 1142px;
+        margin: 0 auto;
+        padding: 60px 30px;
+    }
+    
+    .secao-texto {
+        font-size: 1.125rem;
+        line-height: 1.75;
+    }
+    
+    /* Forçar cores do richtext */
+    .secao-display .secao-texto * {
+        color: inherit !important;
+    }
+
+    /* Grid de Cards */
+    .secao-cartoes {
+        display: grid;
+        gap: 2rem;
+        margin-top: 3rem;
+    }
+    
+    /* Grid responsivo baseado na escolha */
+    .cards-grid-1 {
+        grid-template-columns: 1fr;
+        max-width: 600px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    
+    .cards-grid-2 {
+        grid-template-columns: 1fr;
+        max-width: 800px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-2 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    .cards-grid-3 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-3 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-3 {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+    
+    .cards-grid-4 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-4 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-4 {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+    
+    .cards-grid-5 {
+        grid-template-columns: 1fr;
+    }
+    
+    @media (min-width: 640px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+    
+    @media (min-width: 768px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+    
+    @media (min-width: 1024px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+    
+    @media (min-width: 1280px) {
+        .cards-grid-5 {
+            grid-template-columns: repeat(5, 1fr);
+        }
+    }
+
+    /* Estilos do Card */
+    .secao-cartao {
+        text-align: center;
+        padding: 1.5rem;
+    }
+    
+    .cartao-simbolo {
+        margin-bottom: 1.5rem;
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+    }
+    
+    .cartao-simbolo i {
+        font-size: 2rem;
+        color: #FFFFFF;
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto;
+    }
+    
+    .cartao-cabecalho {
+        font-size: 1.25rem;
+        font-weight: 600;
+        color: #FFFFFF;
+        margin-bottom: 1rem;
+        line-height: 1.4;
+        text-align: left;
+    }
+    
+    .cartao-texto {
+        font-size: 0.95rem;
+        color: rgba(255, 255, 255, 0.9);
+        line-height: 1.6;
+        margin: 0;
+        text-align: left;
+    }
+    
+    /* Responsividade mobile */
+    @media (max-width: 767px) {
+        .secao-conteudo-cartoes {
+            padding: 2rem;
+        }
+        
+        .secao-cartoes {
+            gap: 2.5rem;
+            margin-top: 2rem;
+        }
+        
+        .cartao-simbolo i {
+            font-size: 2.5rem;
+            width: 70px;
+            height: 70px;
+        }
+    }
+</style>