Instituto de Informática (INF)

Notícias

Professor do INF teve artigo premiado no XXXVII Simpósio Brasileiro de Engenharia de Software 2023 X

${noticia.veiculo} ${noticia.categoria}

${noticia.titulo}

${noticia.subtitulo}

${noticia.data}

Ler notícia →

`; return card; } function criarItemLista(noticia) { const item = document.createElement("div"); item.className = "clip-list-item"; item.innerHTML = ` ${noticia.veiculo} ${noticia.titulo} ${noticia.categoria} ${noticia.data} `; return item; } function calcularPorPagina() { const largura = carrosselTrack.parentElement.clientWidth; if (largura >= 1080) return 4; if (largura >= 760) return 3; if (largura >= 500) return 2; return 1; } function renderizarCarrossel() { const cards = [...carrosselTrack.children]; const total = cards.length; if (total === 0) { destaqueArea.hidden = true; return; } destaqueArea.hidden = false; const porPagina = calcularPorPagina(); const paginas = Math.ceil(total / porPagina); if (paginaAtual > paginas - 1) { paginaAtual = paginas - 1; } cards.forEach(card => { card.style.flex = `0 0 ${100 / porPagina}%`; }); carrosselTrack.style.transform = `translateX(-${paginaAtual * 100}%)`; prevBtn.disabled = paginaAtual === 0; nextBtn.disabled = paginaAtual >= paginas - 1; carouselDots.innerHTML = ""; for (let i = 0; i < paginas; i++) { const dot = document.createElement("button"); dot.type = "button"; dot.className = "clip-carousel-dot" + (i === paginaAtual ? " active" : ""); dot.setAttribute("aria-label", `Ir para página ${i + 1}`); dot.addEventListener("click", () => { paginaAtual = i; renderizarCarrossel(); }); carouselDots.appendChild(dot); } } function renderizarDestaques(noticias) { carrosselTrack.innerHTML = ""; paginaAtual = 0; noticias.forEach(noticia => { carrosselTrack.appendChild(criarCard(noticia)); }); renderizarCarrossel(); } function renderizarLista(noticias) { listaNoticias.innerHTML = ""; emptyState.hidden = noticias.length > 0; noticias.forEach(noticia => { listaNoticias.appendChild(criarItemLista(noticia)); }); } function atualizarResumo(noticias) { const veiculos = new Set(noticias.map(n => n.veiculo)).size; const categorias = new Set(noticias.map(n => n.categoria)).size; const destaques = noticias.filter(n => n.destaque).length; document.getElementById("clipping-total-noticias").textContent = noticias.length; document.getElementById("clipping-total-veiculos").textContent = veiculos; document.getElementById("clipping-total-categorias").textContent = categorias; document.getElementById("clipping-total-destaques").textContent = destaques; } function preencherFiltroCategorias(noticias) { const categorias = [...new Set(noticias.map(n => n.categoria))].sort(); categorias.forEach(categoria => { const option = document.createElement("option"); option.value = categoria; option.textContent = categoria; selectCategoria.appendChild(option); }); } function renderClipping(lista) { const destaques = lista.filter(n => n.destaque); const outras = lista.filter(n => !n.destaque); renderizarDestaques(destaques); renderizarLista(outras); atualizarResumo(lista); } document.getElementById("clipping-data").textContent = clipping.data.toUpperCase(); preencherFiltroCategorias(clipping.noticias); renderClipping(clipping.noticias); function buscarNoticias() { const termo = inputBusca.value.trim().toLowerCase(); if (!termo) { return clipping.noticias; } return clipping.noticias.filter(noticia => noticia.titulo.toLowerCase().includes(termo) || noticia.subtitulo.toLowerCase().includes(termo) || noticia.veiculo.toLowerCase().includes(termo) || noticia.categoria.toLowerCase().includes(termo) ); } function aplicarFiltros() { const categoria = selectCategoria.value; const filtradas = buscarNoticias().filter(noticia => !categoria || noticia.categoria === categoria ); renderClipping(filtradas); } prevBtn.addEventListener("click", () => { paginaAtual -= 1; renderizarCarrossel(); }); nextBtn.addEventListener("click", () => { paginaAtual += 1; renderizarCarrossel(); }); let redimensionarTimer; window.addEventListener("resize", () => { clearTimeout(redimensionarTimer); redimensionarTimer = setTimeout(renderizarCarrossel, 150); }); inputBusca.addEventListener("input", aplicarFiltros); selectCategoria.addEventListener("change", aplicarFiltros);