rss/templates/noticia.html
2025-11-19 21:29:15 +01:00

121 lines
3.5 KiB
HTML

{% extends "base.html" %}
{% block title %}
{% if dato %}
{{ dato.titulo_trad or dato.titulo_orig or 'Detalle de Noticia' }}
{% else %}
Detalle de Noticia
{% endif %}
{% endblock %}
{% block content %}
{% set d = dato %}
{% if not d %}
<div class="card">
<div class="card-body">
<p>No se encontró la noticia solicitada.</p>
</div>
</div>
{% else %}
<div class="card">
<div class="feed-header">
<h2 style="margin:0;">
{{ d.titulo_trad or d.titulo_orig }}
{% if d.lang_to %}
<span class="badge" title="Traducción">{{ d.lang_to|upper }}</span>
{% endif %}
</h2>
{% if d.url %}
<div>
<a class="btn btn-small" href="{{ d.url }}" target="_blank" rel="noopener">Ver fuente</a>
</div>
{% endif %}
</div>
<div class="feed-body">
<div class="noticia-meta" style="margin-bottom:12px;">
{% set fecha_ = d.fecha %}
{% if fecha_ %}
<i class="far fa-calendar-alt"></i>
{% if fecha_ is string %}
{{ fecha_ }}
{% else %}
{{ fecha_.strftime('%d-%m-%Y %H:%M') }}
{% endif %}
{% endif %}
{% if d.fuente_nombre %} | <i class="fas fa-newspaper"></i> {{ d.fuente_nombre }}{% endif %}
{% if d.categoria %} | <i class="fas fa-tag"></i> {{ d.categoria }}{% endif %}
{% if d.pais %} | <i class="fas fa-globe-americas"></i> {{ d.pais }}{% endif %}
</div>
{% if d.imagen_url %}
<div style="margin-bottom:16px; text-align:center;">
<img src="{{ d.imagen_url }}" alt="Imagen de la noticia" style="max-width:100%; height:auto;" loading="lazy">
</div>
{% endif %}
{% if d.resumen_trad %}
<h3>Resumen (traducido)</h3>
<div>{{ d.resumen_trad|safe_html }}</div>
<hr>
{% endif %}
{% if d.resumen_orig %}
<h3>Resumen (original)</h3>
<div>{{ d.resumen_orig|safe_html }}</div>
{% endif %}
{% if tags and tags|length %}
<div style="margin-top:16px;">
{% for t in tags %}
<span class="badge" title="{{ (t.tipo or '')|capitalize }}">{{ t.valor }}</span>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% if relacionadas and relacionadas|length %}
<div class="card" style="margin-top:18px;">
<div class="card-header">
<h3 style="margin:0;">Noticias relacionadas</h3>
</div>
<div class="feed-body">
<ul class="noticias-list">
{% for r in relacionadas %}
<li class="noticia-item">
{% if r.imagen_url %}
<div class="noticia-imagen">
<a href="{{ r.url }}" target="_blank" rel="noopener">
<img src="{{ r.imagen_url }}" alt="Imagen relacionada" loading="lazy">
</a>
</div>
{% endif %}
<div class="noticia-texto">
<h3 class="m0">
<a href="{{ r.url }}" target="_blank" rel="noopener">{{ r.titulo }}</a>
</h3>
<div class="noticia-meta">
{% if r.fecha %}
<i class="far fa-calendar-alt"></i>
{% if r.fecha is string %}
{{ r.fecha }}
{% else %}
{{ r.fecha.strftime('%d-%m-%Y %H:%M') }}
{% endif %}
{% endif %}
{% if r.fuente_nombre %} | <i class="fas fa-newspaper"></i> {{ r.fuente_nombre }}{% endif %}
{% if r.score is defined %}
| <span title="Similitud coseno">score: {{ "%.3f"|format(r.score) }}</span>
{% endif %}
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% endif %}
{% endblock %}