Fundos de Investimento

document.addEventListener('DOMContentLoaded', async () => { // CORREÇÃO 1: Forçar o idioma Português logo no início const idiomaAtual = 'pt'; // 1) Carregar as listas (Refatorado para Async/Await) try { // CORREÇÃO 2: Enviar o idioma no URL das listas const response = await fetch(`/wp-json/remote-sql-lists/v1/lists?idioma_pesquisa=${idiomaAtual}`); if (!response.ok) throw new Error(`Erro na resposta do servidor: ${response.status}`); const data = await response.json(); preencherSelect('form-field-list1', data.list1, 'Todos'); preencherSelect('form-field-list2', data.list2, 'Todos'); preencherSelect('form-field-list3', data.list3); preencherSelect('form-field-list4', data.list4); preencherSelect('form-field-list5', data.list5); preencherSelect('form-field-list6', data.list6); preencherSelectNumerico('form-field-list7', 7); } catch (error) { console.error('Erro ao carregar listas:', error); } // 2) Handler do botão de pesquisa const btn = document.getElementById('btnSearch'); if (!btn) { console.warn('Botão de pesquisa com ID "btnSearch" não encontrado.'); return; } btn.addEventListener('click', async (e) => { e.preventDefault(); const LivreInput = document.getElementById('form-field-PesquisaLivre'); const chkTop5 = document.querySelector('input.eae-content-toggle-switch'); // Objeto limpo com Optional Chaining const payload = { Geografia: getSelectValue('form-field-list2'), Sustentabilidade: getSelectValue('form-field-list1'), EntidadeGestora: getSelectValue('form-field-list4'), TipoFundo: getSelectValue('form-field-list5'), NivelRisco: getSelectValue('form-field-list7'), NomeFundo: getSelectText('form-field-list3'), Isin: getSelectText('form-field-list6'), PesquisaLivre: LivreInput?.value || '', SoTop5: chkTop5?.checked ? 1 : 0, // CORREÇÃO 3: Enviar o idioma para a Tabela de Resultados idioma_pesquisa: idiomaAtual }; const urlPesquisa = `${window.location.origin}/wp-json/remote-sql-lists/v1/search`; try { const response = await fetch(urlPesquisa, { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify(payload) }); if (!response.ok) throw new Error(`Erro na pesquisa: ${response.status}`); const data = await response.json(); renderTabelaResultados(data.rows || []); } catch (error) { console.error('Erro na pesquisa:', error); renderTabelaResultados([], 'Ocorreu um erro ao processar a pesquisa.'); } }); }); // ---------- Funções auxiliares otimizadas ---------- function preencherSelect(id, items, defaultText = 'Selecione uma opção...') { const select = document.getElementById(id); if (!select) return; if (!items?.length) return; // Uso de .map e .join para melhor performance em vez de concatenação (+) iterativa const optionsHtml = items.map(item => `${escapeHtml(item.label)}` ).join(''); select.innerHTML = `${defaultText}${optionsHtml}`; } function preencherSelectNumerico(id, maxValor) { const select = document.getElementById(id); if (!select) return; // Criação de um array dinâmico baseado no maxValor const optionsHtml = Array.from({ length: maxValor }, (_, i) => i + 1) .map(i => `${i}`) .join(''); select.innerHTML = `Selecionar uma opção...${optionsHtml}`; } function getSelectValue(id) { return document.getElementById(id)?.value || ''; } function getSelectText(id) { const el = document.getElementById(id); return (el && el.selectedIndex > 0) ? el.options[el.selectedIndex].text : ''; } // ---------- Construção moderna da tabela ---------- function renderTabelaResultados(rows, erro = null) { const container = document.getElementById('search-results'); if (!container) return; container.style.display = 'block'; if (erro) { container.innerHTML = `

${erro}

`; return; } if (!rows.length) { container.innerHTML = '

Sem resultados para os filtros selecionados.

'; return; } const anoAtual = new Date().getFullYear(); // Construção das linhas com .map() para ser mais limpo e rápido const tbodyHtml = rows.map(row => { const nomeFundo = safe(row['Nome do fundo']); const isin = safe(row['ISIN']); const entidadeGestora = safe(row['Entidade gestora']); const tipoFundo = safe(row['Tipo de fundo']); const sustentabilidade = safe(row['Sustentabilidade']); const geografia = safe(row['Geografia']); const tid = safe(row['Tid']); let nivelRisco = parseInt(row['Nível de risco'], 10) || 0; // Construir badges dinâmicos de risco const badgesHtml = Array.from({ length: 7 }, (_, i) => { const riskLevel = i + 1; const activeClass = riskLevel <= nivelRisco ? `risk-${riskLevel}` : ''; const currentClass = (riskLevel === nivelRisco) ? ' is-current' : ''; return `${riskLevel}`; }).join(''); return ` ${nomeFundo} ${isin} ${entidadeGestora} ${tipoFundo} ${badgesHtml} ${cellRent('YTD*', safe(row['YTD']))} ${cellRent(String(anoAtual - 1), safe(row['YearMinus1']))} ${cellRent(String(anoAtual - 2), safe(row['YearMinus2']))} ${cellRent(String(anoAtual - 3), safe(row['YearMinus3']))} ${cellRent(String(anoAtual - 4), safe(row['YearMinus4']))} ${cellRent(String(anoAtual - 5), safe(row['YearMinus5']))} ${sustentabilidade} ${geografia} `; }).join(''); // Injeção final container.innerHTML = ` ${tbodyHtml}

Nome do fundo	ISIN	Entidade gestora	Tipo de fundo	Nível de risco	Rentabilidade						Sustentabilidade	Geografia
					YTD*	${anoAtual - 1}	${anoAtual - 2}	${anoAtual - 3}	${anoAtual - 4}	${anoAtual - 5}

`; } // Helpers function safe(val) { if (val == null) return ''; // Apanha null e undefined simultaneamente if (typeof val === 'object') { return escapeHtml(String(val.date || JSON.stringify(val))); } return escapeHtml(String(val)); } function cellRent(label, valor) { const v = valor || 'n/d'; const num = parseFloat(v.replace('%', '').replace(',', '.')); const spanConteudo = (!isNaN(num) && num < 0) ? `${escapeHtml(v)}` : escapeHtml(v); return `${spanConteudo}`; } function escapeHtml(str) { if (!str) return ''; return String(str) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function abrirDetalheFundo(codigoDoFundo) { const form = document.createElement('form'); form.method = 'POST'; form.action = '/detalhe-do-fundo/'; const input = document.createElement('input'); input.type = 'hidden'; input.name = 'argumentoPost'; input.value = codigoDoFundo; // CORREÇÃO 4: Enviar o idioma para a página de Detalhe do Fundo const inputLang = document.createElement('input'); inputLang.type = 'hidden'; inputLang.name = 'idiomaPost'; inputLang.value = 'pt'; // Como estamos na página PT, enviamos sempre PT form.appendChild(input); form.appendChild(inputLang); document.body.appendChild(form); form.submit(); }