+const PontuacaoModal = ({ dados, onClose }) => {
+ if (!dados) return null;
+
+ const { tipo, label, value, formula, atuacao, bloco } = dados;
+
+ const getTitulo = () => {
+ if (tipo === 'bloco') return `${label} - Detalhes`;
+ if (tipo === 'atuacao') return `${atuacao?.codigo || label} - Cálculo`;
+ if (tipo === 'total') return 'Pontuação Total';
+ return label;
+ };
+
+ const getIcone = () => {
+ if (label?.includes('BLOCO A') || label === 'A') return '🎯';
+ if (label?.includes('BLOCO B') || label === 'B') return '🎓';
+ if (label?.includes('BLOCO C') || label === 'C') return '💼';
+ if (label?.includes('BLOCO D') || label === 'D') return '🏆';
+ if (tipo === 'total') return '📊';
+ return '📈';
+ };
+
+ const renderBlocoContent = () => {
+ const formulaLines = formula ? formula.split('\n') : [];
+ return (
+
+
+ Pontuação
+ {value} pts
+
+ {formulaLines.length > 0 && (
+
+
Fórmula de Cálculo
+
+ {formulaLines.map((line, idx) => (
+
{line}
+ ))}
+
+
+ )}
+ {bloco?.atuacoes?.length > 0 && (
+
+
Composição
+
+ {bloco.atuacoes.map((at, idx) => (
+
+ {at.codigo}
+ {at.total} pts
+
+ {at.quantidade > 1 ? `(${at.quantidade}x)` : ''}
+
+
+ ))}
+
+
+ )}
+
+ );
+ };
+
+ const renderAtuacaoContent = () => {
+ if (!atuacao) return null;
+ const base = atuacao.base || 0;
+ const tempo = atuacao.tempo || 0;
+ const bonus = atuacao.bonus || 0;
+ const bruto = base + tempo + bonus;
+ const meta = TETOS[atuacao.codigo];
+ const hasTeto = meta && meta.teto > 0;
+ const capped = hasTeto && bruto > meta.teto;
+ const unidade = atuacao.quantidade > 1 ? Math.round(base / atuacao.quantidade) : null;
+
+ return (
+
+
+ Código
+ {atuacao.codigo}
+
+
+ Pontuação Final
+ {atuacao.total} pts
+
+
+
+
Cálculo Detalhado
+
+ {unidade ? (
+
+ Base:
+ {unidade} × {atuacao.quantidade} = {base}
+
+ ) : (
+
+ Base:
+ {base}
+
+ )}
+ {tempo > 0 && (
+
+ Tempo:
+ +{tempo}
+
+ )}
+ {bonus > 0 && (
+
+ Bônus:
+ +{bonus}
+
+ )}
+
+ Subtotal:
+ {bruto}
+
+ {hasTeto && (
+
+ Teto:
+ {meta.teto}
+
+ )}
+
+ Total:
+ {atuacao.total} {capped ? '(limitado pelo teto)' : ''}
+
+
+
+
+ {meta?.doc && (
+
+ Referência
+ {meta.doc}
+
+ )}
+ {meta?.bonus && (
+
+ Regra de Bônus
+ {meta.bonus}
+
+ )}
+
+ );
+ };
+
+ const renderTotalContent = () => (
+
+
+ Pontuação Total
+ {value} pts
+
+
+
Fórmula
+
+
Bloco A + Bloco B + Bloco C + Bloco D
+
+
+
+ );
+
+ return createPortal(
+
+
e.stopPropagation()}>
+
+
+ {getIcone()}
+ {getTitulo()}
+
+
+
+
+ {tipo === 'bloco' && renderBlocoContent()}
+ {tipo === 'atuacao' && renderAtuacaoContent()}
+ {tipo === 'total' && renderTotalContent()}
+
+
+
,
+ document.body
+ );
+};
+
+const ScoreItemClickable = ({ value, label, formula, style, onClick }) => (
+
);
@@ -921,6 +1096,7 @@ const ConsultorCard = memo(({ consultor, highlight, selecionado, onToggleSelecio
const [tipoAtuacaoModal, setTipoAtuacaoModal] = useState(null);
const [seloModal, setSeloModal] = useState(null);
const [itemDetalhe, setItemDetalhe] = useState(null);
+ const [pontuacaoModal, setPontuacaoModal] = useState(null);
const cardRef = useRef(null);
useEffect(() => {
@@ -1058,54 +1234,81 @@ const ConsultorCard = memo(({ consultor, highlight, selecionado, onToggleSelecio
Pontuacao Total
-
0 ? 'var(--accent-2)' : 'var(--muted)' }}
+ onClick={() => setPontuacaoModal({
+ tipo: 'bloco',
+ label: 'BLOCO A - Coordenação CAPES',
+ value: blocoA.total,
+ formula: FORMULAS.bloco_a.descricao,
+ bloco: blocoA
+ })}
/>
- 0 ? 'var(--accent)' : 'var(--muted)' }}
+ onClick={() => setPontuacaoModal({
+ tipo: 'bloco',
+ label: 'BLOCO B - Coordenação PPG',
+ value: blocoB.total,
+ formula: FORMULAS.bloco_b.descricao,
+ bloco: blocoB
+ })}
/>
- 0 ? 'var(--gold)' : 'var(--muted)' }}
+ onClick={() => setPontuacaoModal({
+ tipo: 'bloco',
+ label: 'BLOCO C - Consultoria',
+ value: blocoC.total,
+ formula: FORMULAS.bloco_c.descricao,
+ bloco: blocoC
+ })}
/>
- 0 ? 'var(--bronze)' : 'var(--muted)' }}
+ onClick={() => setPontuacaoModal({
+ tipo: 'bloco',
+ label: 'BLOCO D - Premiações/Avaliações',
+ value: blocoD.total,
+ formula: FORMULAS.bloco_d.descricao,
+ bloco: blocoD
+ })}
+ />
+ setPontuacaoModal({
+ tipo: 'total',
+ label: 'TOTAL',
+ value: pontuacaoTotal
+ })}
/>
-
-
-
{pontuacaoTotal}
-
TOTAL
-
-
Bloco A + Bloco B + Bloco C + Bloco D
-
{blocoA.atuacoes && blocoA.atuacoes.length > 0 && (
-
+
)}
{(blocoB.total > 0 || (blocoB.atuacoes && blocoB.atuacoes.length > 0)) && (
-
+
)}
{blocoC.atuacoes && blocoC.atuacoes.length > 0 && (
-
+
)}
{blocoD.atuacoes && blocoD.atuacoes.length > 0 && (
-
+
)}