wagtail-enap-designsystem 1.2.1.170__py3-none-any.whl → 1.2.1.172__py3-none-any.whl

enap_designsystem/models.py

@@ -6067,6 +6067,22 @@ class CapsulaIndexPage(Page):
     Página mãe que lista todas as cápsulas com sistema de filtros
     """
     template = "enap_designsystem/pages/capsula_index_page.html"
+	
+    navbar = models.ForeignKey(
+        "EnapNavbarSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
+	
+    footer = models.ForeignKey(
+        "EnapFooterSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
 
     intro = RichTextField(
         blank=True,
@@ -6076,6 +6092,8 @@ class CapsulaIndexPage(Page):
     
     content_panels = Page.content_panels + [
         FieldPanel('intro'),
+		FieldPanel('navbar'),
+		FieldPanel('footer'),
     ]
     
     # Não restringe onde pode ser criada
@@ -6197,8 +6215,25 @@ from django import forms
 class CapsulaPage(Page):
     """
     Página individual de cada cápsula de acessibilidade
-    Compatível com PostgreSQL (produção) e SQLite (desenvolvimento)
     """
+	
+    navbar = models.ForeignKey(
+        "EnapNavbarSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
+	
+    footer = models.ForeignKey(
+        "EnapFooterSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
+	
+
     template = "enap_designsystem/pages/capsula_page.html"
     
     # ==========================================
@@ -6467,6 +6502,8 @@ class CapsulaPage(Page):
     content_panels = Page.content_panels + [
         
         MultiFieldPanel([
+			FieldPanel('navbar'),
+			FieldPanel('footer'),
             FieldPanel('resumo_card'),
             FieldPanel('prioridade'),
             FieldPanel('destaque_home'),
@@ -6559,4 +6596,173 @@ class CapsulaPage(Page):
         
         context['capsulas_relacionadas'] = capsulas_relacionadas
         
-        return context
+        return context
+	
+
+
+
+
+
+
+
+
+
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.utils.decorators import method_decorator
+import json
+
+# enap_designsystem/models.py
+
+class QuizRotaPage(Page):
+    """
+    Página principal do Quiz de Rotas Personalizadas
+    """
+    template = "enap_designsystem/pages/quiz_rota_page.html"
+	
+    navbar = models.ForeignKey(
+        "EnapNavbarSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
+	
+    footer = models.ForeignKey(
+        "EnapFooterSnippet",
+        null=True,
+        blank=True,
+        on_delete=models.SET_NULL,
+        related_name="+",
+    )
+    
+    introducao = RichTextField(
+        verbose_name="Texto introdutório",
+        help_text="Explica como funciona o direcionamento personalizado"
+    )
+    
+    texto_resultado = RichTextField(
+        blank=True,
+        verbose_name="Texto de apresentação do resultado",
+        help_text="Aparece na página de resultado antes das cápsulas"
+    )
+    
+    content_panels = Page.content_panels + [
+        FieldPanel('introducao'),
+        FieldPanel('texto_resultado'),
+		FieldPanel('navbar'),
+		FieldPanel('footer'),
+    ]
+    
+    def serve(self, request):
+        """Override para gerenciar requisições de resultado"""
+        
+        # Se tiver parâmetros de resposta na URL, salvar na sessão
+        if request.GET.get('perfil') or request.GET.get('recurso') or request.GET.get('formato'):
+            self.salvar_respostas_url(request)
+        
+        # Se for requisição de resultado
+        if request.GET.get('resultado') == '1':
+            return self.servir_resultado(request)
+        
+        # Renderização normal do quiz
+        return super().serve(request)
+    
+    def salvar_respostas_url(self, request):
+        """Salva respostas vindas da URL na sessão"""
+        respostas = {}
+        
+        # Perfil profissional
+        if request.GET.get('perfil'):
+            perfil_valor = request.GET.get('perfil')
+            perfil_texto = request.GET.get('perfil_texto', perfil_valor)
+            respostas['perfil_profissional'] = {
+                'valor': perfil_valor,
+                'texto': perfil_texto
+            }
+        
+        # Tipo de recurso
+        if request.GET.get('recurso'):
+            recurso_valor = request.GET.get('recurso')
+            recurso_texto = request.GET.get('recurso_texto', recurso_valor)
+            respostas['tipo_recurso'] = {
+                'valor': recurso_valor,
+                'texto': recurso_texto
+            }
+        
+        # Formato de ação
+        if request.GET.get('formato'):
+            formato_valor = request.GET.get('formato')
+            formato_texto = request.GET.get('formato_texto', formato_valor)
+            respostas['formato_acao'] = {
+                'valor': formato_valor,
+                'texto': formato_texto
+            }
+        
+        # Salvar na sessão
+        request.session['quiz_respostas'] = respostas
+    
+    def servir_resultado(self, request):
+        """Renderiza página de resultado com cápsulas filtradas"""
+        from django.shortcuts import render, redirect
+        
+        # Recuperar respostas da sessão
+        respostas = request.session.get('quiz_respostas', {})
+        
+        if not respostas:
+            return redirect(self.url)
+        
+        # Buscar cápsulas baseadas nas respostas
+        capsulas = self.filtrar_capsulas(respostas)
+        
+        context = self.get_context(request)
+        context.update({
+            'e_resultado': True,
+            'respostas': respostas,
+            'capsulas_recomendadas': capsulas,
+            'total_capsulas': len(capsulas),
+        })
+        
+        return render(request, self.get_template(request), context)
+    
+    def filtrar_capsulas(self, respostas):
+        """Filtra cápsulas baseado nas respostas do quiz"""
+        from enap_designsystem.models import CapsulaPage
+        
+        # Começar com todas as cápsulas
+        capsulas = list(CapsulaPage.objects.live().public())
+        
+        # Perfil Profissional
+        if 'perfil_profissional' in respostas:
+            perfil = respostas['perfil_profissional']['valor']
+            capsulas = [
+                c for c in capsulas 
+                if c.perfis_profissionais and perfil in c.perfis_profissionais
+            ]
+        
+        # Tipo de Recurso
+        if 'tipo_recurso' in respostas:
+            recurso = respostas['tipo_recurso']['valor']
+            capsulas = [
+                c for c in capsulas 
+                if c.tipos_recurso and recurso in c.tipos_recurso
+            ]
+        
+        # Formato de Ação
+        if 'formato_acao' in respostas:
+            formato = respostas['formato_acao']['valor']
+            capsulas = [
+                c for c in capsulas 
+                if c.formatos_acao and formato in c.formatos_acao
+            ]
+        
+        # Ordenar por prioridade (obrigatório primeiro)
+        capsulas.sort(key=lambda c: (c.prioridade != 'obrigatorio', c.title))
+        
+        return capsulas
+    
+    subpage_types = []
+    
+    class Meta:
+        verbose_name = "Quiz de Rotas"
+        verbose_name_plural = "Quiz de Rotas"

enap_designsystem/static/enap_designsystem/blocks/capsulas.css

@@ -262,7 +262,6 @@
     border-radius: 4px;
     font-size: 0.75rem;
     font-weight: 600;
-    text-transform: uppercase;
     letter-spacing: 0.5px;
     margin-bottom: 1rem;
 }

enap_designsystem/static/enap_designsystem/blocks/cards.css

@@ -174,6 +174,7 @@
         gap: 16px;
         justify-content: space-between;
         height: auto;
+        text-align: center;
     }
     
     .card-secondary .wrapper-text-card{

enap_designsystem/templates/enap_designsystem/blocks/card_block.html

@@ -5,7 +5,55 @@
 <link rel="stylesheet" type="text/css" href="{% static 'enap_designsystem/blocks/cards.css' %}">
 
 <div class="{{ value.type }} enap-card-wrapper">
-    {% if value.type == 'card-bgimage' %}
+    {% if value.type == 'card-info-white' or value.type == 'card-info-dark' %}
+        <!-- Cards Informativos -->
+        <div class="card-info-container">
+            <!-- Link overlay para o primeiro botão -->
+            {% if value.links %}
+                {% for link_block in value.links %}
+                    {% if forloop.first and link_block.block_type == 'button' %}
+                        {% with button_value=link_block.value %}
+                            {% if button_value.link_url %}
+                                <a href="{{ button_value.link_url }}" class="card-overlay-link" 
+                                   {% if button_value.link_target %}target="{{ button_value.link_target }}"{% endif %}></a>
+                            {% elif button_value.link_page %}
+                                <a href="{{ button_value.link_page.url }}" class="card-overlay-link"></a>
+                            {% endif %}
+                        {% endwith %}
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+            
+            <div class="card-info-icon-container">
+                {% if value.image %}
+                    {% image value.image fill-120x120 format-webp preserve-svg as card_img %}
+                    <div class="card-info-icon" style="background-image: url('{{ card_img.url }}');"></div>
+                {% elif value.icone %}
+                    <i class="card-info-icone {{ value.icone }}"></i>
+                {% endif %}
+            </div>
+
+            <div class="card-info-content">
+                {% if value.title %}
+                    <h3 class="card-info-title">{{ value.title }}</h3>
+                {% endif %}
+
+                {% if value.description %}
+                    <div class="card-info-description">{{ value.description|richtext }}</div>
+                {% endif %}
+
+                {% if value.links %}
+                    <div class="card-info-buttons">
+                        {% for link_block in value.links %}
+                            {% if link_block.block_type == 'button' %}
+                                {% include_block link_block %}
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                {% endif %}
+            </div>
+        </div>
+    {% elif value.type == 'card-bgimage' %}
         {% if value.image %}
             {% image value.image original format-webp as card_bg_img %}
             <div class="card-bgimage" style="background-image: url('{{ card_bg_img.url }}');">
@@ -231,7 +279,116 @@
         </div>
     {% endif %}
 </div>
+
 <style>
+/* Cards Informativos */
+.card-info-white .card-info-container {
+    display: flex;
+    align-items: flex-start;
+    gap: 20px;
+    padding: 24px;
+    border-left: 4px solid #024248;
+    background-color: #FFFFFF;
+    position: relative;
+    flex-direction: column;
+}
+
+.card-info-dark .card-info-container {
+    display: flex;
+    align-items: flex-start;
+    gap: 20px;
+    padding: 24px;
+    border-left: 4px solid #AFF0ED;
+    background-color: #024248;
+    position: relative;
+    flex-direction: column;
+}
+
+.card-info-icon-container {
+    flex-shrink: 0;
+}
+
+.card-info-icone {
+    font-size: 56px;
+}
+
+.card-info-white .card-info-icone {
+    color: #024248;
+}
+
+.card-info-dark .card-info-icone {
+    color: #AFF0ED;
+}
+
+.card-info-icon {
+    width: 56px;
+    height: 56px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.card-info-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.card-info-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin: 0;
+    line-height: 1.4;
+}
+
+.card-info-white .card-info-title {
+    color: #1F2933;
+}
+
+.card-info-dark .card-info-title {
+    color: #FFFFFF;
+}
+
+.card-info-description p{
+    font-size: 16px;
+    line-height: 1.6;
+    margin: 0;
+}
+
+.card-info-white .card-info-description,
+.card-info-white .card-info-description p {
+    color: #3E4C59;
+}
+
+.card-info-dark .card-info-description,
+.card-info-dark .card-info-description p {
+    color: #E4E7EB;
+}
+
+.card-info-buttons {
+    margin-top: 8px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .card-info-white .card-info-container,
+    .card-info-dark .card-info-container {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        padding: 20px;
+    }
+    
+    .card-info-title {
+        font-size: 18px;
+    }
+    
+    .card-info-description {
+        font-size: 14px;
+    }
+}
+
 .card-icone{
     text-align: center;
     font-size: 72px;

enap_designsystem/templates/enap_designsystem/blocks/section_block.html

@@ -2,9 +2,9 @@
 {% load static %}  
 
 {% block content %} 
-<section class="section-card {{self.custom_class}}" 
+<section class="section-card" 
          {% if self.id_slug %}id="{{self.id_slug}}"{% endif %}
-         style="{% if self.custom_class == 'bg-enap-100' %}background-color: #02333A;{% elif self.custom_class == 'bg-enap-90' %}background-color: #024248;{% elif self.custom_class == 'bg-enap-80' %}background-color: #025257;{% elif self.custom_class == 'bg-enap-70' %}background-color: #006969;{% elif self.custom_class == 'bg-enap-50' %}background-color: #10A39E;{% elif self.custom_class == 'bg-enap-40' %}background-color: #30BFBC;{% elif self.custom_class == 'bg-enap-30' %}background-color: #70E0DF;{% elif self.custom_class == 'bg-enap-20' %}background-color: #AFF0ED;{% elif self.custom_class == 'bg-enap-10' %}background-color: #D6F9F8;{% elif self.custom_class == 'bg-blue' %}background-color: #EBEFF5;{% elif self.custom_class == 'bg-gray' %}background-color: #F5F7FA;{% elif self.custom_class == 'bg-whitetwo' %}background-color: #F7F7F7;{% elif self.custom_class == 'bg-darkgreen' %}background-color: #012124;{% elif self.custom_class == 'bg-gray-light' %}background-color: #F8F9FA;{% elif self.custom_class == 'bg-gray-medium' %}background-color: #E9ECEF;{% else %}background-color: #ffffff;{% endif %} {% if value.cor_fundo %}background-color: {{ value.cor_fundo }} !important{% endif %}">         
+         style="background-color: {{ self.custom_class }};">         
     
     <!-- Espaçamento superior baseado na escolha do admin -->
     <div style="height: {% if self.spacing == 'none' %}0px{% elif self.spacing == 'small' %}20px{% elif self.spacing == 'medium' %}40px{% elif self.spacing == 'large' %}60px{% elif self.spacing == 'extra-large' %}80px{% else %}40px{% endif %};"></div>         
@@ -13,12 +13,12 @@
     {% if self.title or self.subtitle %}
     <div class="container-medium">         
         <div>         
-            <div class="wrapper-text-blue" style="max-width: {{value.max_width}};">
+            <div class="wrapper-text-blue" style="max-width: {{self.max_width}};">
                 {% if self.title %}             
-                    <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>
+                    <h2 class="h2-blue-large {% if self.custom_class == '#02333A' or self.custom_class == '#024248' or self.custom_class == '#025257' or self.custom_class == '#006969' or self.custom_class == '#2F134F' or self.custom_class == '#132929' or self.custom_class == '#25552A' or self.custom_class == '#DB8C3F' or self.custom_class == '#3A8A9C' or self.custom_class == '#818C27' %}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 %}">                 
+                    <div class="{% if self.custom_class == '#02333A' or self.custom_class == '#024248' or self.custom_class == '#025257' or self.custom_class == '#006969' or self.custom_class == '#2F134F' or self.custom_class == '#132929' or self.custom_class == '#25552A' or self.custom_class == '#DB8C3F' or self.custom_class == '#3A8A9C' or self.custom_class == '#818C27' %}white{% endif %}">                 
                         {{self.subtitle}}              
                     </div>
                 {% endif %}