Israel says it struck Iran's nuclear facilities, missile factories 2x3n1o
Israel launched widescale strikes against Iran, targeting nuclear facilities, ballistic missile factories and military commanders, saying this was th…
More →
Air India plane headed to London crashes with more than 240 onboard 47428
An Air India enger plane with over 240 people onboard has crashed Thursday in India’s northwestern city of Ahmedabad, according to the airline an…
More →
UK economy shrinks by the most since 2023 as US tariffs hit 3g2k3i
Britain's economic output fell sharply in April, reflecting shockwaves from US President Trump's announcement of wide-ranging tariffs and the…
More →
Northern Ireland burns for third night, police unleash water cannon 3q1r5n
Rioters attacked police and set fires in the streets of Northern Ireland's Ballymena as violence erupted in various locations for a third success…
More →
Hawaii's Kilauea volcano spews lava as it erupts again d5s2v
The Kilauea volcano in Hawaii erupts again, with lava fountaining approximately 330 feet high.
More →
Former pupil kills nine, then himself in shooting at Austrian school 5f426
A 21-year-old shooter, who was a former pupil, killed nine people and then himself at a secondary school in the southern Austrian city of Graz. Inter…
More →
Packaged food maker Smucker forecasts annual profit below estimates 4o11q
Packaged food maker J.M. Smucker forecast annual profit below estimates, as tariff uncertainty and consecutive price hikes squeeze demand for its dog…
More →
Colombia Sen. Miguel Uribe in critical condition after assassination attempt u371v
Miguel Uribe, a conservative Colombian presidential hopeful, was in critical condition on Monday after being shot in the head from close range during…
More →
Pentagon chief Hegseth defends troop deployments to Los Angeles 2rg64
US Defense Secretary Pete Hegseth defended the deployment of Marines and National Guard troops to Los Angeles, saying it was to safeguard ICE officer…
More →
Subscribe to:
Posts (Atom)
`;
container.appendChild(feedSection);
const targetElement = document.getElementById(feedConfig.targetElementId);
if (!targetElement) {
console.error(`Elemento target no encontrado: ${feedConfig.targetElementId}`);
const errorDiv = document.createElement('div');
errorDiv.className = 'error-rss';
errorDiv.innerHTML = `Error de configuración: Contenedor para "${sanitizeHtml(feedConfig.title)}" no encontrado.`;
// Adjuntar al feedSection en lugar de al container principal para errores por feed
feedSection.querySelector('.rss-items-wrapper').innerHTML = errorDiv.outerHTML;
return;
}
try {
const apiUrl = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(feedConfig.url)}`;
const response = await fetch(apiUrl);
if (!response.ok) {
throw new Error(`Error de red/servidor (${response.status}) al ar rss2json para ${sanitizeHtml(feedConfig.title)}.`);
}
const data = await response.json();
if (data.status !== 'ok') {
// Intenta mostrar el mensaje de error de rss2json si está disponible
const apiErrorMessage = data.message ? `API Error: ${data.message}` : `Error desconocido de rss2json`;
throw new Error(`${apiErrorMessage} para ${sanitizeHtml(feedConfig.title)}.`);
}
if (!data.items || data.items.length === 0) {
targetElement.innerHTML = '
se añade después de que todos los fetchAndDisplayFeed se hayan INICIADO, // no necesariamente completado. Si el orden es crítico, se necesitaría un enfoque diferente. // Para simplificar y asegurar que el
se añade después de cada sección de feed: // (Esta parte del separador es un poco compleja de hacer bien con async/await en un forEach, // la forma original de añadirlo podría ser más robusta si el orden importa visualmente) // Por ahora, lo eliminamos de aquí para no complicar y lo gestionamos con CSS (gap en #dual-rss) } else { mainWidgetContainer.innerHTML = "
No se encontraron entradas en este feed.
';
return;
}
targetElement.innerHTML = ''; // Limpiar "Cargando"
const items = data.items.slice(0, maxItemsPerFeed);
items.forEach((item, index) => {
const title = sanitizeHtml(item.title || 'Sin título');
const link = item.link || '#';
const rawSnippet = item.description || item.content || ''; // rss2json pone el contenido en description
const cleanSnippet = sanitizeHtml(rawSnippet);
const truncatedSnippet = truncateText(cleanSnippet, snippetMaxLength);
const imageUrl = extractImageUrl(item); // Usa la función modificada
const itemDiv = document.createElement('div');
itemDiv.className = 'rss-item';
// onerror para imagen: intenta cargar el placeholder si la imagen principal falla
const imageOnErrorScript = `this.onerror=null; this.src='${placeholderImageUrl}'; this.classList.add('image-load-error');`;
// Si quieres el layout de "1 grande, 2 pequeños" DENTRO de CADA feed
// necesitarías modificar la lógica de cómo se añaden los items aquí.
// Por ahora, mantendré la lógica original de este script que parece ser:
// - El primer item (.featured-item) se añade directamente.
// - Los siguientes items se agrupan en un .small-item-container con .small-item.
// Esta lógica ya estaba en tu script, la he mantenido.
let itemHTML = `
${title} 4k1920
${truncatedSnippet}
`; // La lógica de featured-item y small-item-container ya estaba en tu script. // Si quieres el layout 1 grande, 2 pequeños, 1 grande, 2 pequeños etc. // esta lógica debería funcionar para el primer grupo (1 grande, N-1 pequeños). // Si maxItemsPerFeed es 3, tendrás 1 grande y 2 pequeños. if (index === 0 && maxItemsPerFeed > 1) { // Solo si hay más de 1 item, el primero es "featured" itemDiv.classList.add('featured-rss-item'); // Renombrada para evitar colisión con AFCM itemDiv.innerHTML = itemHTML; targetElement.appendChild(itemDiv); } else { // Agrupar los siguientes en un contenedor si no existe ya para este feed let smallItemsPairContainer = targetElement.querySelector('.secondary-rss-items-pair'); if (!smallItemsPairContainer) { smallItemsPairContainer = document.createElement('div'); smallItemsPairContainer.className = 'secondary-rss-items-pair'; // Contenedor para pares targetElement.appendChild(smallItemsPairContainer); } const secondaryItemDiv = document.createElement('div'); secondaryItemDiv.className = 'rss-item secondary-rss-item'; // Ítem individual del par secondaryItemDiv.innerHTML = itemHTML; smallItemsPairContainer.appendChild(secondaryItemDiv); } }); } catch (error) { console.error(`Error al obtener o procesar el feed "${sanitizeHtml(feedConfig.title)}":`, error.message, error); targetElement.innerHTML = `No se pudo cargar: ${sanitizeHtml(feedConfig.title)}.
${sanitizeHtml(error.message)}
`;
}
}
if (mainWidgetContainer) {
if (feedsConfig && feedsConfig.length > 0) {
feedsConfig.forEach((config) => { // No es necesario `async` aquí en el forEach si `fetchAndDisplayFeed` es `async`
fetchAndDisplayFeed(config, mainWidgetContainer); // No esperamos aquí, dejamos que se ejecuten en paralelo
});
// El separador ${sanitizeHtml(error.message)}
se añade después de que todos los fetchAndDisplayFeed se hayan INICIADO, // no necesariamente completado. Si el orden es crítico, se necesitaría un enfoque diferente. // Para simplificar y asegurar que el
se añade después de cada sección de feed: // (Esta parte del separador es un poco compleja de hacer bien con async/await en un forEach, // la forma original de añadirlo podría ser más robusta si el orden importa visualmente) // Por ahora, lo eliminamos de aquí para no complicar y lo gestionamos con CSS (gap en #dual-rss) } else { mainWidgetContainer.innerHTML = "
No hay feeds configurados para mostrar.
";
}
} else {
console.error("Contenedor principal del widget 'dual-rss' no encontrado.");
}
});
//]]>
Follow us on social networks! 2g405a