feat(frontend): implementar selos faltantes e corrigir alinhamento tabelas

- Adicionar 10 novos selos: MB_BANCA_*, EVENTO, PROJ, IDIOMA_*, TITULACAO_*
- Adicionar TETOS para Bloco A e B no calculo de pontuacao
- Adicionar modais para selos de banca, evento e projeto
- Corrigir alinhamento de colunas nas tabelas do painel de criterios
- Corrigir alinhamento nos modais de blocos (BlocoCriteriosModal)
- Ajustar layout dos selos para linha dedicada abaixo do nome
- Corrigir distribuicao de espaco nas tabelas com selos
- Corrigir extracao de datas de consultoria no backend
This commit is contained in:
Frederico Castro
2025-12-24 00:53:28 -03:00
parent 9576e55289
commit 0d355e705e
6 changed files with 228 additions and 30 deletions

View File

@@ -23,6 +23,16 @@ const SELOS = {
CO_ORIENT_TESE: { codigo: 'CO_ORIENT_TESE', label: 'Coorient. Tese', cor: 'selo-coorient', icone: '📚' },
CO_ORIENT_DISS: { codigo: 'CO_ORIENT_DISS', label: 'Coorient. Diss.', cor: 'selo-coorient', icone: '📄' },
CO_ORIENT_POS_DOC: { codigo: 'CO_ORIENT_POS_DOC', label: 'Coorient. Pos-Doc', cor: 'selo-coorient', icone: '🔬' },
MB_BANCA_POS_DOC: { codigo: 'MB_BANCA_POS_DOC', label: 'Banca Pos-Doc', cor: 'selo-banca', icone: '🔬' },
MB_BANCA_TESE: { codigo: 'MB_BANCA_TESE', label: 'Banca Tese', cor: 'selo-banca', icone: '📚' },
MB_BANCA_DISS: { codigo: 'MB_BANCA_DISS', label: 'Banca Diss.', cor: 'selo-banca', icone: '📄' },
EVENTO: { codigo: 'EVENTO', label: 'Evento', cor: 'selo-evento', icone: '📅' },
PROJ: { codigo: 'PROJ', label: 'Projeto', cor: 'selo-proj', icone: '📁' },
IDIOMA_BILINGUE: { codigo: 'IDIOMA_BILINGUE', label: 'Bilingue', cor: 'selo-idioma', icone: '🌍' },
IDIOMA_MULTILINGUE: { codigo: 'IDIOMA_MULTILINGUE', label: 'Multilingue', cor: 'selo-idioma', icone: '🌐' },
TITULACAO_MESTRE: { codigo: 'TITULACAO_MESTRE', label: 'Mestre', cor: 'selo-titulacao', icone: '🎓' },
TITULACAO_DOUTOR: { codigo: 'TITULACAO_DOUTOR', label: 'Doutor', cor: 'selo-titulacao', icone: '🎓' },
TITULACAO_POS_DOUTOR: { codigo: 'TITULACAO_POS_DOUTOR', label: 'Pos-Doutor', cor: 'selo-titulacao', icone: '🎓' },
};
const TIPOS_ATUACAO_CONFIG = {
@@ -98,6 +108,30 @@ const gerarSelos = (consultor) => {
gerarSelosOrientacaoContagem('CO_ORIENT_TESE', true, SELOS.CO_ORIENT_TESE);
gerarSelosOrientacaoContagem('CO_ORIENT_DISS', true, SELOS.CO_ORIENT_DISS);
const membrosBanca = Array.isArray(consultor.membros_banca) ? consultor.membros_banca : [];
const bancaPosDoc = membrosBanca.filter((m) => m.codigo === 'MB_BANCA_POS_DOC');
const bancaTese = membrosBanca.filter((m) => m.codigo === 'MB_BANCA_TESE');
const bancaDiss = membrosBanca.filter((m) => m.codigo === 'MB_BANCA_DISS');
if (bancaPosDoc.length > 0) {
selos.push({ ...SELOS.MB_BANCA_POS_DOC, qtd: bancaPosDoc.length, hint: `Banca Pos-Doc (${bancaPosDoc.length}x)` });
}
if (bancaTese.length > 0) {
selos.push({ ...SELOS.MB_BANCA_TESE, qtd: bancaTese.length, hint: `Banca Tese (${bancaTese.length}x)` });
}
if (bancaDiss.length > 0) {
selos.push({ ...SELOS.MB_BANCA_DISS, qtd: bancaDiss.length, hint: `Banca Dissertacao (${bancaDiss.length}x)` });
}
const participacoes = Array.isArray(consultor.participacoes) ? consultor.participacoes : [];
const eventos = participacoes.filter((p) => p.codigo === 'EVENTO');
const projetos = participacoes.filter((p) => p.codigo === 'PROJ');
if (eventos.length > 0) {
selos.push({ ...SELOS.EVENTO, qtd: eventos.length, hint: `Eventos (${eventos.length}x)` });
}
if (projetos.length > 0) {
selos.push({ ...SELOS.PROJ, qtd: projetos.length, hint: `Projetos (${projetos.length}x)` });
}
return selos;
};
@@ -107,15 +141,14 @@ const SELOS_COM_DADOS = [
'ORIENT_GP', 'ORIENT_PREMIO', 'ORIENT_MENCAO',
'COORIENT_GP', 'COORIENT_PREMIO', 'COORIENT_MENCAO',
'ORIENT_TESE', 'ORIENT_DISS', 'ORIENT_POS_DOC',
'CO_ORIENT_TESE', 'CO_ORIENT_DISS', 'CO_ORIENT_POS_DOC'
'CO_ORIENT_TESE', 'CO_ORIENT_DISS', 'CO_ORIENT_POS_DOC',
'MB_BANCA_POS_DOC', 'MB_BANCA_TESE', 'MB_BANCA_DISS',
'EVENTO', 'PROJ',
];
const SelosBadges = ({ selos, compacto = false, onSeloClick }) => {
if (!selos || selos.length === 0) return null;
const selosExibidos = compacto ? selos.slice(0, 4) : selos;
const selosOcultos = compacto && selos.length > 4 ? selos.length - 4 : 0;
const handleClick = (e, selo) => {
if (onSeloClick && SELOS_COM_DADOS.includes(selo.codigo)) {
e.preventDefault();
@@ -126,7 +159,7 @@ const SelosBadges = ({ selos, compacto = false, onSeloClick }) => {
return (
<div className={`selos-container ${compacto ? 'selos-compacto' : ''}`}>
{selosExibidos.map((selo, idx) => {
{selos.map((selo, idx) => {
const temDados = SELOS_COM_DADOS.includes(selo.codigo);
return (
<span
@@ -142,9 +175,6 @@ const SelosBadges = ({ selos, compacto = false, onSeloClick }) => {
</span>
);
})}
{selosOcultos > 0 && (
<span className="selo selo-mais" title={`+${selosOcultos} selos`}>+{selosOcultos}</span>
)}
</div>
);
};
@@ -526,6 +556,70 @@ const SeloModal = ({ selo, consultor, onClose }) => {
</div>
);
}
case 'MB_BANCA_POS_DOC':
case 'MB_BANCA_TESE':
case 'MB_BANCA_DISS': {
const bancas = consultor.membros_banca || [];
const lista = bancas.filter(b => b.codigo === selo.codigo);
const tipoLabel = {
MB_BANCA_POS_DOC: 'Bancas de Pós-Doutorado',
MB_BANCA_TESE: 'Bancas de Doutorado',
MB_BANCA_DISS: 'Bancas de Mestrado'
};
if (lista.length === 0) return <p className="modal-empty">Sem dados de bancas</p>;
return (
<div className="modal-list">
<div className="modal-summary">
Total: <strong>{lista.length}</strong> {tipoLabel[selo.codigo]?.toLowerCase() || 'bancas'}
</div>
{lista.sort((a, b) => (b.ano || 0) - (a.ano || 0)).map((b, i) => (
<div key={i} className="modal-item">
<span className="badge">{b.nivel || b.tipo || selo.codigo}</span>
<span className="modal-item-main">{b.tipo || tipoLabel[selo.codigo]}</span>
<span className="muted">{b.ano || '-'}</span>
</div>
))}
</div>
);
}
case 'EVENTO': {
const participacoes = consultor.participacoes || [];
const eventos = participacoes.filter(p => p.codigo === 'EVENTO');
if (eventos.length === 0) return <p className="modal-empty">Sem eventos</p>;
return (
<div className="modal-list">
<div className="modal-summary">
Total: <strong>{eventos.length}</strong> participação(ões) em eventos
</div>
{eventos.sort((a, b) => (b.ano || 0) - (a.ano || 0)).map((e, i) => (
<div key={i} className="modal-item">
<span className="badge">EVENTO</span>
<span className="modal-item-main">{e.descricao || e.tipo || 'Evento'}</span>
<span className="muted">{e.ano || '-'}</span>
</div>
))}
</div>
);
}
case 'PROJ': {
const participacoes = consultor.participacoes || [];
const projetos = participacoes.filter(p => p.codigo === 'PROJ');
if (projetos.length === 0) return <p className="modal-empty">Sem projetos</p>;
return (
<div className="modal-list">
<div className="modal-summary">
Total: <strong>{projetos.length}</strong> participação(ões) em projetos
</div>
{projetos.sort((a, b) => (b.ano || 0) - (a.ano || 0)).map((p, i) => (
<div key={i} className="modal-item">
<span className="badge">PROJ</span>
<span className="modal-item-main">{p.descricao || p.tipo || 'Projeto'}</span>
<span className="muted">{p.ano || '-'}</span>
</div>
))}
</div>
);
}
default:
return <p className="modal-empty">Sem dados detalhados para este selo</p>;
}
@@ -1009,18 +1103,25 @@ const InsightsModal = ({ consultor, totalConsultores, onClose }) => {
};
const TETOS = {
INSC_AUTOR: { teto: 20, doc: '3.3 Inscrições', bonus: '+2/participação (max 10)' },
INSC_INST_AUTOR: { teto: 50, doc: '3.3 Inscrições', bonus: '+5/participação (max 10)' },
AVAL_COMIS_PREMIO: { teto: 60, doc: '3.4 Avaliação/Comissão', bonus: '+2/ano (max 15)' },
AVAL_COMIS_GP: { teto: 80, doc: '3.4 Avaliação/Comissão', bonus: '+3/ano (max 20)' },
COORD_COMIS_PREMIO: { teto: 100, doc: '3.4 Avaliação/Comissão', bonus: '+4/ano (max 20)' },
COORD_COMIS_GP: { teto: 120, doc: '3.4 Avaliação/Comissão', bonus: '+6/ano (max 20)' },
PREMIACAO_GP_AUTOR: { teto: 300, doc: '3.4 Premiações e Bolsas' },
PREMIACAO_AUTOR: { teto: 150, doc: '3.4 Premiações e Bolsas' },
MENCAO_AUTOR: { teto: 90, doc: '3.4 Premiações e Bolsas' },
EVENTO: { teto: 5, doc: '3.5 Participações Acadêmicas', bonus: '+1/participação (max 10)' },
PROJ: { teto: 30, doc: '3.5 Participações Acadêmicas', bonus: '+2/participação (max 10)' },
BOL_BPQ_NIVEL: { teto: 60, doc: '3.4 Premiações e Bolsas' },
CA: { teto: 450, doc: 'Bloco A - Coordenação CAPES', bonus: 'Tempo: 10pts/ano (max 100) | Atualidade: +30 | Retorno: +20' },
CAJ: { teto: 370, doc: 'Bloco A - Coordenação CAPES', bonus: 'Tempo: 8pts/ano (max 80) | Atualidade: +20 | Retorno: +15' },
CAJ_MP: { teto: 315, doc: 'Bloco A - Coordenação CAPES', bonus: 'Tempo: 6pts/ano (max 60) | Atualidade: +15 | Retorno: +10' },
CAM: { teto: 280, doc: 'Bloco A - Coordenação CAPES', bonus: 'Tempo: 5pts/ano (max 50) | Atualidade: +20 | Retorno: +10' },
CONS_ATIVO: { teto: 230, doc: 'Bloco B - Consultoria', bonus: 'Tempo: 5pts/ano (max 50) | Atualidade: +20 | Continuidade 8a+: +20 | Retorno: +15' },
CONS_HIST: { teto: 230, doc: 'Bloco B - Consultoria', bonus: 'Tempo: 5pts/ano (max 50) | Continuidade 8a+: +20 | Retorno: +20' },
CONS_FALECIDO: { teto: 230, doc: 'Bloco B - Consultoria', bonus: 'Tempo: 5pts/ano (max 50) | Continuidade 8a+: +20' },
INSC_AUTOR: { teto: 20, doc: 'Bloco C - Inscrições', bonus: '+2/participação (max 10)' },
INSC_INST_AUTOR: { teto: 50, doc: 'Bloco C - Inscrições', bonus: '+5/participação (max 10)' },
AVAL_COMIS_PREMIO: { teto: 60, doc: 'Bloco C - Avaliação/Comissão', bonus: '+2/ano (max 15)' },
AVAL_COMIS_GP: { teto: 80, doc: 'Bloco C - Avaliação/Comissão', bonus: '+3/ano (max 20)' },
COORD_COMIS_PREMIO: { teto: 100, doc: 'Bloco C - Avaliação/Comissão', bonus: '+4/ano (max 20)' },
COORD_COMIS_GP: { teto: 120, doc: 'Bloco C - Avaliação/Comissão', bonus: '+6/ano (max 20)' },
PREMIACAO_GP_AUTOR: { teto: 300, doc: 'Bloco C - Premiações' },
PREMIACAO_AUTOR: { teto: 150, doc: 'Bloco C - Premiações' },
MENCAO_AUTOR: { teto: 90, doc: 'Bloco C - Premiações' },
EVENTO: { teto: 5, doc: 'Bloco D - Participações', bonus: '+1/participação (max 10)' },
PROJ: { teto: 30, doc: 'Bloco D - Participações', bonus: '+2/participação (max 10)' },
BOL_BPQ_NIVEL: { teto: 60, doc: 'Bloco D - Bolsas CNPq' },
};
const PontuacaoModal = ({ dados, onClose }) => {
@@ -1308,12 +1409,16 @@ const ConsultorCard = memo(({ consultor, highlight, selecionado, onToggleSelecio
{consultor.ativo && <span className="badge badge-ativo">ATIVO</span>}
{!consultor.ativo && <span className="badge badge-historico">HISTORICO</span>}
{consultor.veterano && <span className="badge badge-veterano">VETERANO</span>}
<SelosBadges selos={selos} compacto={true} />
</div>
<div className="consultant-area">
{consultor.anos_atuacao} anos de atuacao
{consultoria?.inicio && ` | Desde ${formatDate(consultoria.inicio)}`}
</div>
{selos.length > 0 && (
<div className="consultant-selos-row">
<SelosBadges selos={selos} compacto={true} onSeloClick={setSeloModal} />
</div>
)}
</div>
<div className="card-stats">