mejora de la semantica

This commit is contained in:
jlimolina 2025-11-19 21:29:15 +01:00
parent d508dc2058
commit cb8f69fb93
10 changed files with 191 additions and 227 deletions

View file

@ -1,9 +1,14 @@
<ul class="noticias-list">
{% for n in noticias %}
{% if n.traduccion_id %}
{% set detalle_url = url_for('noticia', tr_id=n.traduccion_id) %}
{% else %}
{% set detalle_url = url_for('noticia', id=n.id) %}
{% endif %}
<li class="noticia-item" data-item>
{% if n.imagen_url %}
<div class="noticia-imagen">
<a href="{{ n.url }}" target="_blank" rel="noopener noreferrer">
<a href="{{ detalle_url }}">
<img src="{{ n.imagen_url }}" alt="Imagen para {{ n.titulo }}" loading="lazy">
</a>
</div>
@ -23,13 +28,13 @@
<div class="tabs-body">
<div class="tab-panel {% if use_tr and n.tiene_traduccion %}active{% endif %}" data-panel="trad">
<h3 class="m0">
<a href="{{ n.url }}" target="_blank" rel="noopener noreferrer">
<a href="{{ detalle_url }}">
{{ n.titulo_traducido or n.titulo }}
</a>
{% if n.tiene_traduccion %}
<span class="badge" title="Mostrando traducción">ES</span>
<span class="badge" title="Mostrando traducción">{{ (lang or 'es')|upper }}</span>
{% if n.traduccion_id %}
<a class="mini-link" href="{{ url_for('noticia', tr_id=n.traduccion_id) }}">ver detalle</a>
<a class="mini-link" href="{{ detalle_url }}">ver detalle</a>
{% endif %}
{% endif %}
</h3>
@ -54,8 +59,7 @@
{% endif %}
</div>
{# === Chips de tags para la TRADUCCIÓN (si existen) === #}
{% set chips = (tags_por_trad.get(n.traduccion_id) if (n.traduccion_id and tags_por_trad) else None) %}
{% set chips = (tags_por_tr.get(n.traduccion_id) if (n.traduccion_id and tags_por_tr) else None) %}
{% if chips %}
<div class="noticia-tags" style="margin-top:8px;" aria-label="Etiquetas">
{% for valor, tipo in chips %}
@ -63,11 +67,19 @@
{% endfor %}
</div>
{% endif %}
{% if n.url %}
<div style="margin-top:8px;">
<a href="{{ n.url }}" class="mini-link" target="_blank" rel="noopener noreferrer">
Ver fuente original
</a>
</div>
{% endif %}
</div>
<div class="tab-panel {% if not (use_tr and n.tiene_traduccion) %}active{% endif %}" data-panel="orig">
<h3 class="m0">
<a href="{{ n.url }}" target="_blank" rel="noopener noreferrer">
<a href="{{ detalle_url }}">
{{ n.titulo_original or n.titulo }}
</a>
<span class="badge badge-secondary">ORIG</span>
@ -92,6 +104,14 @@
<button class="ver-mas-btn" type="button">Ver más</button>
{% endif %}
</div>
{% if n.url %}
<div style="margin-top:8px;">
<a href="{{ n.url }}" class="mini-link" target="_blank" rel="noopener noreferrer">
Ver fuente original
</a>
</div>
{% endif %}
</div>
</div>
</div>
@ -144,7 +164,6 @@
root.addEventListener('click', function(e){
const t = e.target;
// Ver más / Ver menos
const verMasBtn = t.closest('.ver-mas-btn');
if (verMasBtn) {
const wrap = verMasBtn.closest('.resumen-container');
@ -158,7 +177,6 @@
return;
}
// Pestañas
const tabBtn = t.closest('.tab-btn');
if (tabBtn && !tabBtn.disabled) {
const li = tabBtn.closest('[data-item]');
@ -172,7 +190,6 @@
});
}
// Paginación (AJAX)
const pageLink = t.closest('.page-link[data-page]');
if (pageLink) {
e.preventDefault();