wagtail-enap-designsystem 1.2.1.195__py3-none-any.whl → 1.2.1.196__py3-none-any.whl

enap_designsystem/blocks/form.py

@@ -1312,7 +1312,7 @@ class FormularioPage(Page):
         return super().serve(request, *args, **kwargs)
 
     def process_form_submission(self, request):
-        """Processa os dados do formulário"""
+        """Processa os dados do formulário com suporte para múltiplos arquivos"""
         form_data = {}
         files_data = {}  # ← Separar arquivos dos dados
         
@@ -1327,21 +1327,49 @@ class FormularioPage(Page):
                 
                 # PROCESSAR UPLOAD DE ARQUIVOS SEPARADAMENTE
                 if block.block_type == 'file_upload_field':
-                    if field_id in request.FILES:
-                        uploaded_file = request.FILES[field_id]
-                        
-                        # Salvar informações do arquivo (não o arquivo em si) no form_data
-                        form_data[field_id] = {
-                            'filename': uploaded_file.name,
-                            'size': uploaded_file.size,
-                            'content_type': uploaded_file.content_type,
-                        }
+                    # Verificar se é um campo que aceita múltiplos arquivos
+                    is_multiple = block.value.get('multiple_files', False)
+                    
+                    if is_multiple:
+                        # O nome do campo no HTML tem [] anexado
+                        field_id_arr = f"{field_id}[]"
+                        # Usar getlist para pegar todos os arquivos
+                        uploaded_files = request.FILES.getlist(field_id_arr)
                         
-                        # Salvar arquivo real em files_data para processamento
-                        files_data[field_id] = uploaded_file
+                        if uploaded_files:
+                            # Lista para metadados de múltiplos arquivos
+                            files_info = []
+                            
+                            # Processar cada arquivo
+                            for i, uploaded_file in enumerate(uploaded_files):
+                                # Metadados do arquivo
+                                file_info = {
+                                    'filename': uploaded_file.name,
+                                    'size': uploaded_file.size,
+                                    'content_type': uploaded_file.content_type,
+                                }
+                                files_info.append(file_info)
+                                
+                                # Cada arquivo tem sua própria chave
+                                files_data[f"{field_id}_{i}"] = uploaded_file
+                            
+                            # Armazenar a lista com todos os metadados
+                            form_data[field_id] = files_info
+                    else:
+                        # Código original para campo com um único arquivo
+                        if field_id in request.FILES:
+                            uploaded_file = request.FILES[field_id]
+                            
+                            form_data[field_id] = {
+                                'filename': uploaded_file.name,
+                                'size': uploaded_file.size,
+                                'content_type': uploaded_file.content_type,
+                            }
+                            
+                            files_data[field_id] = uploaded_file
                     continue
                 
-                # Processar outros tipos de campo
+                # O restante do código permanece igual
                 if block.block_type == 'checkbox_multiple_field':
                     values = request.POST.getlist(field_id)
                     if values:
@@ -1351,7 +1379,7 @@ class FormularioPage(Page):
                     if value:
                         form_data[field_id] = value
         
-        # Validar dados obrigatórios
+        # O restante da função permanece igual
         errors = self.validate_form_data(form_data, request)
         if errors:
             context = self.get_context(request)
@@ -1359,23 +1387,12 @@ class FormularioPage(Page):
             context['form_data'] = form_data
             return render(request, self.get_template(request), context)
         
-        # Salvar submissão
         submission = self.save_form_submission(form_data, files_data, request)
-        
-        # 📧 ENVIAR EMAILS COM SIMPLEEEMAILSERVICE
         email_results = self.send_emails_with_service(form_data, submission)
         
-        # Log dos resultados
-        logger.info(f"Submissão {submission.id} processada. Emails: {email_results}")
-
-        # Redirecionar com status dos emails
-        success_url = f'{request.path}?success=1'
-        if email_results.get('user_sent'):
-            success_url += '&email_sent=1'
-        if email_results.get('admin_sent'):
-            success_url += '&admin_notified=1'
-            
-        return redirect(success_url)
+        logger.info(f"Submissão {submission.id} processada.")
+        # Redirecionar para página de sucesso
+        return redirect(self.url + '?success=1')
 
     def send_emails_with_service(self, form_data, submission):
         """Envia emails usando SimpleEmailService"""

enap_designsystem/blocks/html_blocks.py

@@ -2444,14 +2444,14 @@ class ENAPNoticia(Page):
 		),
 	]
  
-	def save(self, *args, **kwargs):
-		if self.destaque_fixo:
-			self.desmarcar_destaques()
-		super().save(*args, **kwargs)
-
-	def desmarcar_destaques(self):
-		ENAPNoticia.objects.all().update(destaque_fixo=False)
-		self.destaque_fixo=True
+	# def save(self, *args, **kwargs):
+	# 	if self.destaque_fixo:
+	# 		self.desmarcar_destaques()
+	# 	super().save(*args, **kwargs)
+
+	# def desmarcar_destaques(self):
+	# 	ENAPNoticia.objects.all().update(destaque_fixo=False)
+	# 	self.destaque_fixo=True
         
 	@property
 	def titulo_filter(self):
@@ -2555,14 +2555,13 @@ class ENAPNoticia(Page):
 		return cls.objects.filter(
 			live=True,
 			destaque_fixo=True
-		).first()
+		).order_by('-date_display', '-first_published_at').first()
 
 	@classmethod
 	def get_noticias_normais(cls, limit=5):
 		"""Retorna outras notícias (sem a de destaque) ordenadas por data"""
 		return cls.objects.filter(
-			live=True,
-			destaque_fixo=False
+			live=True
 		).order_by('-date_display', '-first_published_at')[:limit]
 
 	@classmethod
@@ -2572,13 +2571,12 @@ class ENAPNoticia(Page):
 		depois as outras por ordem cronológica
 		"""
 		destaque = cls.get_noticia_destaque()
-		normais = cls.get_noticias_normais(limit - 1 if destaque else limit)
+		normais = list(cls.get_noticias_normais(limit))
 		
-		if destaque:
-			# Destaque primeiro, depois as normais
-			return [destaque] + list(normais)
-		else:
-			return list(normais)
+		if destaque and destaque in normais:
+			normais.remove(destaque)
+   
+		return [destaque] + normais if destaque else normais
 
 	search_fields = Page.search_fields + [
 		index.SearchField("title", boost=3),

enap_designsystem/templates/enap_designsystem/form_templates/formulario_page.html

@@ -1843,20 +1843,14 @@ document.addEventListener('DOMContentLoaded', function() {
         }
         
         if (e.target.classList.contains('phone-field')) {
-            // Remove todos os caracteres não numéricos
             let value = e.target.value.replace(/[^\d]/g, '');
-            
-            // Formato com apenas espaços
             if (value.length <= 10) {
-                // Para telefones fixos (até 10 dígitos): XX XXXX XXXX
-                if (value.length > 2) {
-                    value = value.replace(/(\d{2})(\d{0,4})(\d{0,4})/, '$1 $2 $3').trim();
-                }
+                value = value.replace(/(\d{2})(\d)/, '$1 $2');
+                value = value.replace(/(\d{4})(\d)/, '$1 $2');
             } else {
-                // Para celulares (11 dígitos): XX XXXXX XXXX
-                value = value.replace(/(\d{2})(\d{0,5})(\d{0,4})/, '$1 $2 $3').trim();
+                value = value.replace(/(\d{2})(\d)/, '$1 $2');
+                value = value.replace(/(\d{5})(\d)/, '$1 $2');
             }
-            
             e.target.value = value;
         }
     });
@@ -1893,37 +1887,169 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 
 // FUNÇÕES DE UPLOAD (mantém as existentes)
+// Variável global para armazenar arquivos
+const selectedFilesMap = new Map();
+
+// Função para atualizar o nome do arquivo
 function updateFileName(input) {
     const fieldId = input.id;
     const displayDiv = document.getElementById(`file-display-${fieldId}`);
     const errorDiv = document.getElementById(`file-error-${fieldId}`);
     const dropzone = document.getElementById(`dropzone-${fieldId}`);
     
+    // Inicializar o armazenamento para este campo se não existir
+    if (!selectedFilesMap.has(fieldId)) {
+        selectedFilesMap.set(fieldId, new DataTransfer());
+    }
+    
+    // Obter o armazenamento atual
+    let dataTransfer = selectedFilesMap.get(fieldId);
+    
+    // Limpar mensagens de erro
     errorDiv.style.display = 'none';
     errorDiv.textContent = '';
     
+    // Verificar novos arquivos
     if (input.files && input.files.length > 0) {
         const maxSize = parseInt(input.dataset.maxSize) * 1024 * 1024;
-        const file = input.files[0];
+        const maxFiles = parseInt(input.dataset.maxFiles || 5);
         
-        if (file.size > maxSize) {
-            errorDiv.textContent = `Arquivo excede ${input.dataset.maxSize}MB`;
+        // Verificar se excederia o limite de arquivos
+        if (dataTransfer.files.length + input.files.length > maxFiles) {
+            errorDiv.textContent = `Máximo de ${maxFiles} arquivo(s) permitido(s)`;
             errorDiv.style.display = 'block';
-            input.value = '';
             return;
         }
         
+        // Validar e adicionar cada novo arquivo
+        for (let i = 0; i < input.files.length; i++) {
+            const file = input.files[i];
+            
+            // Verificar tamanho
+            if (file.size > maxSize) {
+                errorDiv.textContent = `Arquivo "${file.name}" excede ${input.dataset.maxSize}MB`;
+                errorDiv.style.display = 'block';
+                continue;
+            }
+            
+            // Verificar se já existe um arquivo com esse nome
+            let fileExists = false;
+            for (let j = 0; j < dataTransfer.files.length; j++) {
+                if (dataTransfer.files[j].name === file.name) {
+                    fileExists = true;
+                    break;
+                }
+            }
+            
+            if (!fileExists) {
+                // Adicionar ao DataTransfer
+                dataTransfer.items.add(file);
+            }
+        }
+        
+        // Atualizar o campo de input com os arquivos acumulados
+        input.files = dataTransfer.files;
+    }
+    
+    // Atualizar a exibição dos arquivos
+    updateFilesDisplay(fieldId);
+}
+
+// Função para atualizar a exibição dos arquivos
+function updateFilesDisplay(fieldId) {
+    const displayDiv = document.getElementById(`file-display-${fieldId}`);
+    const input = document.getElementById(fieldId);
+    const dataTransfer = selectedFilesMap.get(fieldId);
+    
+    if (!dataTransfer || dataTransfer.files.length === 0) {
+        displayDiv.innerHTML = '';
+        displayDiv.style.display = 'none';
+        return;
+    }
+    
+    let html = '';
+    let totalSize = 0;
+    
+    // Criar HTML para cada arquivo
+    for (let i = 0; i < dataTransfer.files.length; i++) {
+        const file = dataTransfer.files[i];
+        totalSize += file.size;
+        
         const fileSize = (file.size / (1024 * 1024)).toFixed(2);
-        displayDiv.innerHTML = `
-            <div style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px;">
-                <span>📎</span>
-                <span style="flex: 1;">${file.name}</span>
-                <span style="color: #666; font-size: 0.8rem;">${fileSize}MB</span>
-                <span style="color: #28a745;">✓</span>
+        const fileIcon = getFileIcon(file.name);
+        
+        html += `
+            <div class="file-item" style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px; margin-bottom: 0.5rem;">
+                <span style="font-size: 1.2rem;">${fileIcon}</span>
+                <span style="flex: 1; overflow: hidden; text-overflow: ellipsis;">${file.name}</span>
+                <span style="color: #666; font-size: 0.8rem; white-space: nowrap;">${fileSize}MB</span>
+                <button type="button" class="remove-file-btn" 
+                        style="background: #dc3545; color: white; border: none; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: bold;"
+                        onclick="removeFile('${fieldId}', ${i})">×</button>
+            </div>
+        `;
+    }
+    
+    // Adicionar resumo para múltiplos arquivos
+    if (dataTransfer.files.length > 1) {
+        const totalSizeMB = (totalSize / (1024 * 1024)).toFixed(2);
+        html += `
+            <div style="text-align: right; margin-top: 5px; padding: 3px 8px; background: #f0f0f0; border-radius: 4px;">
+                <span style="font-size: 0.9rem; font-weight: 500;">${dataTransfer.files.length} arquivos (${totalSizeMB}MB total)</span>
             </div>
         `;
-        displayDiv.style.display = 'block';
     }
+    
+    // Atualizar o display
+    displayDiv.innerHTML = html;
+    displayDiv.style.display = 'block';
+}
+
+// Função para remover um arquivo específico
+function removeFile(fieldId, index) {
+    if (!selectedFilesMap.has(fieldId)) return;
+    
+    const dataTransfer = selectedFilesMap.get(fieldId);
+    const newDataTransfer = new DataTransfer();
+    
+    // Copiar todos os arquivos exceto o que deve ser removido
+    for (let i = 0; i < dataTransfer.files.length; i++) {
+        if (i !== index) {
+            newDataTransfer.items.add(dataTransfer.files[i]);
+        }
+    }
+    
+    // Atualizar a lista de arquivos
+    selectedFilesMap.set(fieldId, newDataTransfer);
+    
+    // Atualizar o campo input
+    const input = document.getElementById(fieldId);
+    input.files = newDataTransfer.files;
+    
+    // Atualizar a exibição
+    updateFilesDisplay(fieldId);
+}
+
+// Função para tratar o drop de arquivos
+function handleFileDrop(e, inputId) {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const input = document.getElementById(inputId);
+    const files = e.dataTransfer.files;
+    
+    // Criar uma cópia dos arquivos para o input
+    const tempTransfer = new DataTransfer();
+    for (let i = 0; i < files.length; i++) {
+        tempTransfer.items.add(files[i]);
+    }
+    
+    input.files = tempTransfer.files;
+    updateFileName(input);
+    
+    // Resetar visual
+    e.currentTarget.style.borderColor = '#C8D1E0';
+    e.currentTarget.style.background = '#f8f9fa';
 }
 
 function getFileIcon(filename) {

enap_designsystem/templates/enap_designsystem/includes/form_field.html

@@ -1196,14 +1196,14 @@
                                 
                                 <input 
                                     type="file" 
-                                    id="{{ field_block.block_type }}_{{ field_block.id }}" 
-                                    name="{{ field_block.block_type }}_{{ field_block.id }}"
+                                    id="{{ block.block_type }}_{{ block.id }}" 
+                                    name="{{ block.block_type }}_{{ block.id }}"
                                     style="display: none;"
-                                    {% if field_block.value.required %}required{% endif %}
-                                    {% if field_block.value.multiple_files|default:False %}multiple{% endif %}
-                                    accept="{% for file_type in field_block.value.allowed_types %}{% if file_type == 'pdf' %}.pdf{% elif file_type == 'doc' %}.doc,.docx{% elif file_type == 'image' %}.jpg,.jpeg,.png,.gif{% elif file_type == 'excel' %}.xls,.xlsx{% elif file_type == 'text' %}.txt{% elif file_type == 'csv' %}.csv{% endif %}{% if not forloop.last %},{% endif %}{% endfor %}"
-                                    data-max-size="{{ field_block.value.max_size_mb }}"
-                                    {% if field_block.value.multiple_files|default:False %}data-max-files="{{ field_block.value.max_files|default:3 }}"{% endif %}
+                                    {% if block.value.required %}required{% endif %}
+                                    {% if block.value.multiple_files|default:False %}multiple{% endif %}
+                                    accept="..."
+                                    data-max-size="{{ block.value.max_size_mb }}"
+                                    {% if block.value.multiple_files|default:False %}data-max-files="{{ block.value.max_files|default:3 }}"{% endif %}
                                     onchange="updateFileName(this)"
                                 >
                                 
@@ -1971,7 +1971,7 @@
         <input 
             type="file" 
             id="{{ block.block_type }}_{{ block.id }}" 
-            name="{{ block.block_type }}_{{ block.id }}"
+            name="{{ block.block_type }}_{{ block.id }}{% if block.value.multiple_files|default:False %}[]{% endif %}"
             style="display: none;"
             {% if block.value.required %}required{% endif %}
             {% if block.value.multiple_files|default:False %}multiple{% endif %}
@@ -2353,129 +2353,104 @@
 {% endif %}
 
 <script>
-    function updateFileName(input) {
-        const fieldId = input.id;
-        const displayDiv = document.getElementById(`file-display-${fieldId}`);
-        const errorDiv = document.getElementById(`file-error-${fieldId}`);
-        const dropzone = document.getElementById(`dropzone-${fieldId}`);
+    // FUNÇÃO DE UPLOAD CORRIGIDA
+function updateFileName(input) {
+    console.log("Função updateFileName chamada"); // Log para debug
+    
+    const fieldId = input.id;
+    const displayDiv = document.getElementById(`file-display-${fieldId}`);
+    const errorDiv = document.getElementById(`file-error-${fieldId}`);
+    const dropzone = document.getElementById(`dropzone-${fieldId}`);
+    
+    console.log("Files selecionados:", input.files.length); // Log para debug
+    console.log("Multiple?", input.multiple); // Log para debug
+    
+    // Limpar erros anteriores
+    errorDiv.style.display = 'none';
+    errorDiv.textContent = '';
+    displayDiv.innerHTML = ''; // Limpar a área de exibição
+    
+    if (input.files && input.files.length > 0) {
+        const maxSize = parseInt(input.dataset.maxSize) * 1024 * 1024;
+        const maxFiles = input.multiple ? (parseInt(input.dataset.maxFiles) || 5) : 1;
         
-        // Limpar erros anteriores
-        errorDiv.style.display = 'none';
-        errorDiv.textContent = '';
+        // Verificar se excedeu o número máximo de arquivos
+        if (input.files.length > maxFiles) {
+            errorDiv.textContent = `Máximo de ${maxFiles} arquivo(s) permitido(s)`;
+            errorDiv.style.display = 'block';
+            input.value = '';
+            return;
+        }
         
-        if (input.files && input.files.length > 0) {
-            const maxSize = parseInt(input.dataset.maxSize) * 1024 * 1024; // Converter MB para bytes
-            const isMultiple = input.hasAttribute('multiple');
-            const maxFiles = parseInt(input.dataset.maxFiles) || 1;
-            let hasError = false;
-            let errorMessages = [];
-            
-            // Verificar número de arquivos
-            if (isMultiple && input.files.length > maxFiles) {
-                errorMessages.push(`Máximo ${maxFiles} arquivo(s) permitido(s)`);
-                hasError = true;
-            }
+        // Verificar tamanho de cada arquivo
+        let totalSize = 0;
+        let fileHtml = '';
+        let errors = [];
+        
+        // Processar cada arquivo
+        for (let i = 0; i < input.files.length; i++) {
+            const file = input.files[i];
+            totalSize += file.size;
             
-            // Verificar cada arquivo
-            let validFiles = [];
-            for (let i = 0; i < input.files.length; i++) {
-                const file = input.files[i];
-                
-                // Verificar tamanho
-                if (file.size > maxSize) {
-                    errorMessages.push(`"${file.name}" excede ${input.dataset.maxSize}MB`);
-                    hasError = true;
-                    continue;
-                }
-                
-                validFiles.push(file);
+            // Verificar tamanho individual
+            if (file.size > maxSize) {
+                errors.push(`Arquivo "${file.name}" excede ${input.dataset.maxSize}MB`);
+                continue;
             }
             
-            if (hasError) {
-                errorDiv.textContent = errorMessages.join('; ');
-                errorDiv.style.display = 'block';
-                dropzone.style.borderColor = '#dc3545';
-                dropzone.style.background = '#fff5f5';
-                input.value = ''; // Limpar seleção
-                displayDiv.style.display = 'none';
-                return;
-            }
+            // Adicionar à lista de exibição
+            const fileSize = (file.size / (1024 * 1024)).toFixed(2);
+            const fileIcon = getFileIcon(file.name);
             
-            // Exibir arquivos válidos
-            let fileHtml = '';
-            validFiles.forEach(file => {
-                const fileSize = (file.size / (1024 * 1024)).toFixed(2);
-                const fileIcon = getFileIcon(file.name);
-                fileHtml += `
-                    <div class="selected-file" style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px; margin-bottom: 0.25rem;">
-                        <span style="font-size: 1.2rem;">${fileIcon}</span>
-                        <span style="flex: 1; font-weight: 500;">${file.name}</span>
-                        <span style="font-size: 0.8rem; color: #666;">${fileSize}MB</span>
-                        <span style="color: #28a745; font-weight: bold;">✓</span>
-                    </div>
-                `;
-            });
-            
-            displayDiv.innerHTML = fileHtml;
-            displayDiv.style.display = 'block';
-            
-            // Atualizar visual do dropzone
-            dropzone.style.borderColor = '#28a745';
-            dropzone.style.background = '#f8fff8';
-            
-        } else {
-            displayDiv.style.display = 'none';
-            dropzone.style.borderColor = '#C8D1E0';
-            dropzone.style.background = '#f8f9fa';
+            fileHtml += `
+                <div style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px; margin-bottom: 0.5rem;">
+                    <span style="font-size: 1.2rem;">${fileIcon}</span>
+                    <span style="flex: 1; overflow: hidden; text-overflow: ellipsis;">${file.name}</span>
+                    <span style="color: #666; font-size: 0.8rem; white-space: nowrap;">${fileSize}MB</span>
+                    <span style="color: #28a745; font-weight: bold;">✓</span>
+                </div>
+            `;
+        }
+        
+        // Se houver erros, mostrar e abortar
+        if (errors.length > 0) {
+            errorDiv.textContent = errors.join('; ');
+            errorDiv.style.display = 'block';
+            input.value = '';
+            return;
         }
-    }
-    
-    // Função para obter ícone baseado na extensão
-    function getFileIcon(filename) {
-        const ext = filename.split('.').pop().toLowerCase();
-        const icons = {
-            'pdf': '📄',
-            'doc': '📝', 'docx': '📝',
-            'xls': '📊', 'xlsx': '📊',
-            'jpg': '🖼️', 'jpeg': '🖼️', 'png': '🖼️', 'gif': '🖼️',
-            'txt': '📄',
-            'csv': '📋'
-        };
-        return icons[ext] || '📎';
-    }
-    
-    // Drag and Drop
-    function handleDragOver(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        e.currentTarget.style.borderColor = '#007bff';
-        e.currentTarget.style.background = '#f0f8ff';
-    }
-    
-    function handleDragLeave(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        e.currentTarget.style.borderColor = '#C8D1E0';
-        e.currentTarget.style.background = '#f8f9fa';
-    }
-    
-    function handleFileDrop(e, inputId) {
-        e.preventDefault();
-        e.stopPropagation();
         
-        const input = document.getElementById(inputId);
-        const files = e.dataTransfer.files;
+        // Se tudo estiver ok, exibir os arquivos
+        displayDiv.innerHTML = fileHtml;
         
-        if (files.length > 0) {
-            // Simular seleção de arquivo
-            input.files = files;
-            updateFileName(input);
+        // Adicionar resumo para múltiplos arquivos
+        if (input.files.length > 1) {
+            const totalSizeMB = (totalSize / (1024 * 1024)).toFixed(2);
+            const summaryDiv = document.createElement('div');
+            summaryDiv.style.textAlign = 'right';
+            summaryDiv.style.padding = '0.3rem 0.5rem';
+            summaryDiv.style.fontSize = '0.9rem';
+            summaryDiv.style.fontWeight = 'bold';
+            summaryDiv.style.color = '#2A5E2C';
+            summaryDiv.style.background = '#f0f8f0';
+            summaryDiv.style.borderRadius = '4px';
+            summaryDiv.style.marginTop = '0.5rem';
+            summaryDiv.textContent = `${input.files.length} arquivos (${totalSizeMB}MB total)`;
+            displayDiv.appendChild(summaryDiv);
         }
         
-        // Resetar visual
-        e.currentTarget.style.borderColor = '#C8D1E0';
-        e.currentTarget.style.background = '#f8f9fa';
+        displayDiv.style.display = 'block';
+        
+        // Atualizar visual do dropzone
+        dropzone.style.borderColor = '#28a745';
+        dropzone.style.background = '#f8fff8';
+    } else {
+        // Não há arquivos selecionados
+        displayDiv.style.display = 'none';
+        dropzone.style.borderColor = '#C8D1E0';
+        dropzone.style.background = '#f8f9fa';
     }
+}
 
     // Atualizar texto de rating
     document.addEventListener('click', function(e) {

enap_designsystem/wagtail_hooks.py

@@ -17,7 +17,7 @@ from django.conf import settings
 import os
 from wagtail import hooks
 from django.contrib.contenttypes.models import ContentType
-
+import re
 
 
 
@@ -63,7 +63,7 @@ def add_export_button():
 # VIEWS DE DOWNLOAD DE ARQUIVOS - CORRIGIDAS
 # ===============================================
 def download_form_file(request, page_id, submission_id, field_name):
-    """Download de arquivo do FormularioSubmission tradicional - CORRIGIDA"""
+    """Download de arquivo do FormularioSubmission tradicional - CORRIGIDA PARA MÚLTIPLOS ARQUIVOS"""
     try:
         print(f"🚀 INICIANDO DOWNLOAD:")
         print(f"   submission_id: {submission_id}")
@@ -78,6 +78,33 @@ def download_form_file(request, page_id, submission_id, field_name):
             print("❌ ERRO: Usuário sem permissão")
             raise Http404("Sem permissão")
         
+        # Verificar se é parte de um campo de múltiplos arquivos
+        is_multiple_item = '_' in field_name and field_name.split('_')[-1].isdigit()
+        original_filename = None
+        
+        if is_multiple_item:
+            # Extrair o nome base do campo e índice
+            parts = field_name.split('_')
+            index = int(parts[-1])
+            base_field_name = '_'.join(parts[:-1])
+            
+            print(f"🔍 Campo múltiplo detectado: base={base_field_name}, índice={index}")
+            
+            # Buscar no campo base que contém a lista de arquivos
+            if base_field_name in submission.form_data:
+                files_list = submission.form_data[base_field_name]
+                if isinstance(files_list, list) and len(files_list) > index:
+                    file_info = files_list[index]
+                    if isinstance(file_info, dict) and 'filename' in file_info:
+                        original_filename = file_info['filename']
+                        print(f"✅ Nome encontrado na lista: {original_filename}")
+        
+        # Se não conseguiu determinar o nome, usar lógica padrão
+        if not original_filename:
+            form_data = submission.form_data or {}
+            field_data = form_data.get(field_name, {})
+            original_filename = field_data.get('filename', os.path.basename(field_name)) if isinstance(field_data, dict) else os.path.basename(field_name)
+        
         print("🔍 Chamando find_file_path_traditional...")
         file_path = find_file_path_traditional(submission, field_name, page_id)
         print(f"📂 Resultado: {file_path}")
@@ -85,7 +112,7 @@ def download_form_file(request, page_id, submission_id, field_name):
         if not file_path:
             print("❌ ERRO: Arquivo não encontrado")
             
-            folder_path = os.path.join(settings.MEDIA_ROOT, 'form_submissions', str(submission_id))
+            folder_path = os.path.join(settings.MEDIA_ROOT, 'form_submissions', str(page_id), str(submission_id))
             print(f"🔍 Verificando pasta: {folder_path}")
             
             if os.path.exists(folder_path):
@@ -101,11 +128,6 @@ def download_form_file(request, page_id, submission_id, field_name):
             
             raise Http404("Arquivo não encontrado")
         
-        # Nome original do arquivo
-        form_data = submission.form_data or {}
-        field_data = form_data.get(field_name, {})
-        original_filename = field_data.get('filename', os.path.basename(file_path)) if isinstance(field_data, dict) else os.path.basename(file_path)
-        
         print(f"📎 Nome original: {original_filename}")
         print(f"🎯 Retornando arquivo: {file_path}")
         
@@ -120,6 +142,7 @@ def download_form_file(request, page_id, submission_id, field_name):
         import traceback
         print(f"🔥 TRACEBACK: {traceback.format_exc()}")
         raise Http404(f"Erro ao baixar arquivo: {e}")
+    
 
 
 def verificar_arquivos_tradicionais():
@@ -377,53 +400,142 @@ def find_file_path_dynamic(submission, field_name):
 def format_field_value_for_csv(field_name, value, page_id, submission=None, request=None):
     """Formata valores para CSV com links de download quando possível"""
     
-    if isinstance(value, list):
-        return ', '.join(str(v) for v in value if v)
+    # DEPURAÇÃO: Imprimir tipo e valor para diagnóstico
+    print(f"CSV: Campo {field_name}, tipo: {type(value)}, valor: {value}")
     
-    elif isinstance(value, dict) and 'filename' in value:
-        filename = value.get('filename', '')
-        size = value.get('size', 0)
+    # CASO 1: Lista de dicionários (múltiplos arquivos)
+    if isinstance(value, list) and len(value) > 0 and isinstance(value[0], dict) and 'filename' in value[0]:
+        print(f"📋 Processando LISTA de arquivos para campo: {field_name}")
         
-        # Tentar criar link de download
-        download_url = None
-        if submission and request:
-            try:
-                # Determinar o tipo de submissão
-                if hasattr(submission, 'page'):
-                    # FormularioSubmission (tradicional)
+        file_entries = []
+        for i, file_dict in enumerate(value):
+            filename = file_dict.get('filename', '')
+            size = file_dict.get('size', 0)
+            
+            # Formatar tamanho
+            size_info = ""
+            if size:
+                size_mb = round(size / (1024 * 1024), 2)
+                size_info = f" ({size_mb} MB)"
+            
+            # Inicializar download_url
+            download_url = None
+            
+            # Tentar criar URL de download
+            if submission and request:
+                try:
+                    # Usar índice específico no nome do campo
                     download_url = request.build_absolute_uri(
                         reverse('download_form_file', kwargs={
+                            'page_id': page_id,
                             'submission_id': submission.id,
-                            'field_name': field_name,
-                            'page_id': page_id
-                        })
-                    )
-                else:
-                    # FormularioDinamicoSubmission
-                    download_url = request.build_absolute_uri(
-                        reverse('download_dynamic_file', kwargs={
-                            'submission_id': submission.id,
-                            'field_name': field_name,
-                            'page_id': page_id
+                            'field_name': f"{field_name}_{i}"
                         })
                     )
-            except Exception as e:
-                print(f"⚠️ Erro ao criar URL de download: {e}")
+                except Exception as e:
+                    print(f"⚠️ Erro ao criar URL de download para {filename}: {e}")
+            
+            # Adicionar entrada formatada
+            if download_url:
+                file_entries.append(f"{filename}{size_info} - DOWNLOAD: {download_url}")
+            else:
+                file_entries.append(f"ARQUIVO: {filename}{size_info}")
+        
+        # Juntar todas as entradas com separador
+        return " | ".join(file_entries)
+    
+    # CASO 2: Verificar submissão diretamente para arquivos múltiplos
+    # Este caso é para quando os arquivos estão armazenados individualmente na submissão
+    elif submission and submission.form_data:
+        multiple_files = []
+        pattern = re.compile(f"^{re.escape(field_name)}_\\d+$")
+        
+        # Procurar por campos de múltiplos arquivos (field_name_0, field_name_1, etc.)
+        for key in submission.form_data.keys():
+            if pattern.match(key):
+                file_data = submission.form_data[key]
+                if isinstance(file_data, dict) and 'filename' in file_data:
+                    try:
+                        index = int(key.split('_')[-1])
+                        
+                        filename = file_data.get('filename', '')
+                        size = file_data.get('size', 0)
+                        
+                        size_info = ""
+                        if size:
+                            size_mb = round(size / (1024 * 1024), 2)
+                            size_info = f" ({size_mb} MB)"
+                        
+                        # Tentar criar URL de download
+                        download_url = None
+                        if request:
+                            try:
+                                download_url = request.build_absolute_uri(
+                                    reverse('download_form_file', kwargs={
+                                        'page_id': page_id,
+                                        'submission_id': submission.id,
+                                        'field_name': key
+                                    })
+                                )
+                            except Exception as e:
+                                print(f"⚠️ Erro ao criar URL para {filename}: {e}")
+                        
+                        if download_url:
+                            multiple_files.append((index, f"{filename}{size_info} - DOWNLOAD: {download_url}"))
+                        else:
+                            multiple_files.append((index, f"ARQUIVO: {filename}{size_info}"))
+                    except Exception as e:
+                        print(f"Erro ao processar arquivo múltiplo {key}: {e}")
         
-        # Formatar resposta
+        # Se encontrou múltiplos arquivos, formatar juntos
+        if multiple_files:
+            print(f"📋 Encontrados {len(multiple_files)} arquivos para {field_name}")
+            # Ordenar por índice
+            multiple_files.sort(key=lambda x: x[0])
+            return " | ".join([item[1] for item in multiple_files])
+    
+    # CASO 3: Arquivo único como dicionário
+    if isinstance(value, dict) and 'filename' in value:
+        print(f"📄 Processando arquivo único: {field_name}")
+        
+        filename = value.get('filename', '')
+        size = value.get('size', 0)
+        
+        # Formatar tamanho
+        size_info = ""
         if size:
             size_mb = round(size / (1024 * 1024), 2)
             size_info = f" ({size_mb} MB)"
-        else:
-            size_info = ""
         
+        # Inicializar download_url
+        download_url = None
+        
+        # Tentar criar link de download
+        if submission and request:
+            try:
+                download_url = request.build_absolute_uri(
+                    reverse('download_form_file', kwargs={
+                        'page_id': page_id,
+                        'submission_id': submission.id,
+                        'field_name': field_name
+                    })
+                )
+            except Exception as e:
+                print(f"⚠️ Erro ao criar URL de download: {e}")
+        
+        # Formatar resposta
         if download_url:
             return f"{filename}{size_info} - DOWNLOAD: {download_url}"
         else:
             return f"ARQUIVO: {filename}{size_info}"
     
-    else:
-        return str(value) if value else ''
+    # CASO 4: Lista genérica (não de arquivos)
+    elif isinstance(value, list):
+        return ', '.join(str(v) for v in value if v)
+    
+    # CASO 5: Valor padrão para outros tipos
+    return str(value) if value else ''
+
 
 # ===============================================
 # VIEWS DE EXPORTAÇÃO CSV

{wagtail_enap_designsystem-1.2.1.195.dist-info → wagtail_enap_designsystem-1.2.1.196.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-enap-designsystem
-Version: 1.2.1.195
+Version: 1.2.1.196
 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.195.dist-info → wagtail_enap_designsystem-1.2.1.196.dist-info}/RECORD

@@ -6,13 +6,13 @@ enap_designsystem/settings.py,sha256=gCkWCK4QZlD8i82G8v7aHhKz954KFkY6xdhKNw9CCpw
 enap_designsystem/signals.py,sha256=oaHpZms4Dkc97ql-55Q0QxU7-45jwg2Y1XoRDOJ45tc,1978
 enap_designsystem/urls.py,sha256=EJ52w-55BysQU5pTZR4ltMtZM7aSKyjZdnQDGFipDXY,2219
 enap_designsystem/views.py,sha256=7C-juv7sLLDiF8UfZthzbA0lkH1yIYVqiYZK-76lKCk,78334
-enap_designsystem/wagtail_hooks.py,sha256=SpPKCaAoTe9iNE-myKAC_2Ny6Q0JPlkEo1ETplPHAus,71629
+enap_designsystem/wagtail_hooks.py,sha256=0SU5gtFY_9JFRqTKG6QsU8Hzh1qwZvmIydbaw6rlMA4,76939
 enap_designsystem/blocks/__init__.py,sha256=jtlNAEIsIo_KipwQcUMVQuR4vdt4AjrLjag6CFURD6E,39527
 enap_designsystem/blocks/base_blocks.py,sha256=ZuqVWn4PEAvD3pKM1ST7wjo4lwv98ooen_rs15rRJbg,10866
 enap_designsystem/blocks/chatbot_blocks.py,sha256=YeCznrXMbFa9MP9vjdTYl53ZhKsywkGOXvFK2bwcqW0,1133
 enap_designsystem/blocks/content_blocks.py,sha256=X8Ldf6eMRhjhIYxC2rLssb151r2iFFFQ8XxwPpBbjyI,17282
-enap_designsystem/blocks/form.py,sha256=oK0Lswd1nIH0bLTdBL_XF_1LbNPixEYr5FJWj8DAxHY,88782
-enap_designsystem/blocks/html_blocks.py,sha256=bQzkwilXfYpXF_hL6QdoYnacBCAXF8_bJp1s2R6dLeg,281968
+enap_designsystem/blocks/form.py,sha256=rQ_KfMgafbA7NSBGneUsregEhphKCxfNh4rG8s6FEWI,90007
+enap_designsystem/blocks/html_blocks.py,sha256=YE8xNA8HQ5iavP_UIlJrhwIUpgtfVMQTP3XVk2dg4J0,281986
 enap_designsystem/blocks/layout_blocks.py,sha256=qND7aUna3VL3PK7sAKE7PiPfSvahMwHK_lZoKUkudeo,23461
 enap_designsystem/blocks/security.py,sha256=QA7lmQ_eQ6iopunatl_DrHkEegAwMZJGwXunRulbCjk,2099
 enap_designsystem/blocks/semana_blocks.py,sha256=AfaxJQmStvFkw6yrPeKyZurC6jzCxWxyzmdny_pret0,70929
@@ -834,7 +834,7 @@ enap_designsystem/templates/enap_designsystem/blocks/suap/apisuap_courses_block.
 enap_designsystem/templates/enap_designsystem/blocks/suap/suap_courses_block.html,sha256=_7AC4WBH4qCXmwlKqnRLbPeUnAopLGeKUIrd6FYcvps,16036
 enap_designsystem/templates/enap_designsystem/blocks/suap/suap_events_block.html,sha256=mL2DFQeAuDIx_GyCoEURKmME-Mmd-zQ_NZkO7YW9Z2k,20182
 enap_designsystem/templates/enap_designsystem/form_templates/form_report.html,sha256=WXf4HgNQY0M6zZ-tERqf01mHbGflqWXT96RaJYjCxFA,16081
-enap_designsystem/templates/enap_designsystem/form_templates/formulario_page.html,sha256=KxF8fRklIfsUPYnGfXeoF-QOYNmJ8LvH9REIDJnyOAM,59845
+enap_designsystem/templates/enap_designsystem/form_templates/formulario_page.html,sha256=kDdB_pSFU5_Z4Kh81oSyItDs6xy6U88rJFTfFv91ld0,64367
 enap_designsystem/templates/enap_designsystem/form_templates/formulario_page_landing.html,sha256=2dVaFwunBrHsq0b3rP1buEFxO6hfplFH3-GoUuyLJPo,7598
 enap_designsystem/templates/enap_designsystem/form_templates/formulario_page_success.html,sha256=jFE9GYRxy19ha37pVvucEVYDKTeU56Nav2Fd3phqmZ4,9363
 enap_designsystem/templates/enap_designsystem/form_templates/home_page.html,sha256=BYV5TV6xp0uY3SWtNsAf8p-aDqPiHfM8j4pWbqTUV2M,42329
@@ -843,7 +843,7 @@ enap_designsystem/templates/enap_designsystem/form_templates/welcome_page.html,s
 enap_designsystem/templates/enap_designsystem/includes/chatbot_global.html,sha256=CO7wXrGx1l_icY8vb9OdrILCUXEFBomJPPxQz_e9hq4,12308
 enap_designsystem/templates/enap_designsystem/includes/cookie_banner.html,sha256=vyrvj1W_haSA4oKmQiyjFpjoTFqjPSZfz3u5nfr-P2g,10871
 enap_designsystem/templates/enap_designsystem/includes/footer.html,sha256=qsDmN413A_NNOhRFZz1Uxym1j5UPVhEDuRRDLTgRMPA,4063
-enap_designsystem/templates/enap_designsystem/includes/form_field.html,sha256=HcWMIJrI3xNW8tvcYqCmNcx8APU0z7XsdNPqt27Q0rM,135615
+enap_designsystem/templates/enap_designsystem/includes/form_field.html,sha256=4yT3b5GfhZVST9VEBq1vKtzraW2CPVJY5gRVquadJmU,134614
 enap_designsystem/templates/enap_designsystem/pages/404.html,sha256=v_vUTG27_ohx0_YLcOBrxMG4MYdDT92g3boJE9m8Mrg,2885
 enap_designsystem/templates/enap_designsystem/pages/area_aluno.html,sha256=aWDmOE3Ti0Ct-ztxh7tcgIDGvdij7Heq5gzMyHLjjR0,15775
 enap_designsystem/templates/enap_designsystem/pages/article_index_page.html,sha256=6VjJ3_EroEPCidFCW5gBDzvbi81UcFX9lGpbc4j6r9U,11482
@@ -934,8 +934,8 @@ enap_designsystem/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG
 enap_designsystem/utils/decorators.py,sha256=aq6SbLn0LcH2rfE3ZFit8jkD7pSx9fLVBUUwVB747hg,335
 enap_designsystem/utils/services.py,sha256=6dG5jLSbwH49jpZV9ZNpWlaZqI49gTlwlr1vaerxdiU,5824
 enap_designsystem/utils/sso.py,sha256=vjAuoYgoLeQAa_dkkyQ6-LmHvKMaVCxizNFpe5y3iUA,1145
-wagtail_enap_designsystem-1.2.1.195.dist-info/licenses/LICENSE,sha256=Btzdu2kIoMbdSp6OyCLupB1aRgpTCJ_szMimgEnpkkE,1056
-wagtail_enap_designsystem-1.2.1.195.dist-info/METADATA,sha256=Ju7B0HSlgcMv5sGqSYgOJm84PTXgvFMuHcoP2J0viwE,3651
-wagtail_enap_designsystem-1.2.1.195.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-wagtail_enap_designsystem-1.2.1.195.dist-info/top_level.txt,sha256=RSFgMASxoA-hVftm5i4Qd0rArlX4Dq08lLv5G4sYD-g,18
-wagtail_enap_designsystem-1.2.1.195.dist-info/RECORD,,
+wagtail_enap_designsystem-1.2.1.196.dist-info/licenses/LICENSE,sha256=Btzdu2kIoMbdSp6OyCLupB1aRgpTCJ_szMimgEnpkkE,1056
+wagtail_enap_designsystem-1.2.1.196.dist-info/METADATA,sha256=Qd_mzE5YjJ5qBZjg23cPheMlCtDXuaeUTxIvSqwrgUQ,3651
+wagtail_enap_designsystem-1.2.1.196.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+wagtail_enap_designsystem-1.2.1.196.dist-info/top_level.txt,sha256=RSFgMASxoA-hVftm5i4Qd0rArlX4Dq08lLv5G4sYD-g,18
+wagtail_enap_designsystem-1.2.1.196.dist-info/RECORD,,