Soluções

`; }).join(''); // Fix last-row borders dynamically for any count const items = B.querySelectorAll('.jdt-ic'); items.forEach((el, i) => { el.style.borderBottom = ''; el.style.borderRight = ''; if(i >= firstInLastRow) el.style.borderBottom = 'none'; if((i+1) % cols === 0) el.style.borderRight = 'none'; }); } /* ── Open detail ── */window.jdtGo = function(id){ const d = D.find(x => x.id === id); $('#jdt-bcName').textContent = d.name; $('#jdt-dtIcon').innerHTML = IC[id]; $('#jdt-dtTitle').textContent = d.title; $('#jdt-dtSub').textContent = d.sub; $('#jdt-dtProds').innerHTML = 'Produtos:' + d.products.map(p => { const pi = PI[p]; return ` ${pi.ico}${pi.lbl} `; }).join(''); $('#jdt-panel-problema').innerHTML = ` `; const nc = d.solucao.checks.length; const isOdd = nc % 2 !== 0; $('#jdt-panel-solucao').innerHTML = `

${d.solucao.intro}

`; $('#jdt-panel-consumir').innerHTML = ` `; const others = D.filter(x => x.id !== id); $('#jdt-alsoGrid').innerHTML = others.map(o => `

${IC[o.id]}

${o.name} ` ).join(''); $$('.jdt-dt-tb').forEach(b => b.classList.remove('jdt-on')); $$('.jdt-dt-panel').forEach(p => p.classList.remove('jdt-on')); $('.jdt-dt-tb[data-p="problema"]').classList.add('jdt-on'); $('#jdt-panel-problema').classList.add('jdt-on'); $('#jdt-vg').classList.remove('jdt-active'); $('#jdt-vd').classList.add('jdt-active'); B.scrollIntoView({behavior:'smooth', block:'start'}); }; /* ── Tab switching ── */ $$('.jdt-dt-tb').forEach(b => { b.addEventListener('click', () => { $$('.jdt-dt-tb').forEach(x => x.classList.remove('jdt-on')); $$('.jdt-dt-panel').forEach(x => x.classList.remove('jdt-on')); b.classList.add('jdt-on'); $(`#jdt-panel-${b.dataset.p}`).classList.add('jdt-on'); }); }); /* ── Back button ── */ $('#jdt-backBtn').addEventListener('click', () => { $('#jdt-vd').classList.remove('jdt-active'); $('#jdt-vg').classList.add('jdt-active'); B.scrollIntoView({behavior:'smooth', block:'start'}); }); renderGrid(); })();