pietre/rss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

solucion de eventos por pais

Browse source
This commit is contained in:
jlimolina 2025-11-24 00:45:10 +01:00
parent fc06566928
commit 68a5528f2f
7 changed files with 796 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

59
templates/base.html
View file

@ -12,27 +12,58 @@
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<!-- Estilos mínimos para chapa "Traducido" y (opcional) switch -->
<style>
.badge{
display:inline-block; font-size:.75rem; line-height:1;
padding:.35rem .5rem; border-radius:.5rem;
background: var(--secondary-color, #6c63ff); color:#fff; vertical-align: middle;
display:inline-block;
font-size:.75rem;
line-height:1;
padding:.35rem .5rem;
border-radius:.5rem;
background: var(--secondary-color, #6c63ff);
color:#fff;
vertical-align: middle;
margin-left:.4rem;
}
/* Toggle switch opcional (si lo usas en alguna vista) */
.switch { position: relative; display: inline-block; width: 42px; height: 22px; vertical-align: middle; }
.switch input { opacity: 0; width: 0; height: 0; }
.switch {
position: relative;
display: inline-block;
width: 42px;
height: 22px;
vertical-align: middle;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute; cursor: pointer; top:0; left:0; right:0; bottom:0;
background:#ccc; transition:.2s; border-radius:999px;
position: absolute;
cursor: pointer;
top:0;
left:0;
right:0;
bottom:0;
background:#ccc;
transition:.2s;
border-radius:999px;
}
.slider:before {
position: absolute; content:""; height:16px; width:16px; left:3px; bottom:3px;
background:#fff; transition:.2s; border-radius:50%;
position: absolute;
content:"";
height:16px;
width:16px;
left:3px;
bottom:3px;
background:#fff;
transition:.2s;
border-radius:50%;
}
.switch input:checked + .slider {
background: var(--secondary-color, #6c63ff);
}
.switch input:checked + .slider:before {
transform: translateX(20px);
}
.switch input:checked + .slider { background: var(--secondary-color, #6c63ff); }
.switch input:checked + .slider:before { transform: translateX(20px); }
</style>
</head>
<body>
@ -44,6 +75,7 @@
<nav class="main-nav">
<a href="{{ url_for('home') }}" class="nav-link">Noticias</a>
<a href="{{ url_for('eventos_pais') }}" class="nav-link">Eventos por país</a>
<a href="{{ url_for('dashboard') }}" class="nav-link">Dashboard</a>
<a href="{{ url_for('manage_feeds') }}" class="nav-link">Gestionar Feeds</a>
<a href="{{ url_for('manage_urls') }}" class="nav-link">Gestionar URLs</a>
@ -64,7 +96,6 @@
</div>
<script>
// Toggle "Ver más / Ver menos" en resúmenes
document.addEventListener('click', function(event) {
if (event.target.classList.contains('ver-mas-btn')) {
const container = event.target.closest('.resumen-container');

220
templates/eventos_pais.html Normal file
View file

@ -0,0 +1,220 @@
{% extends "base.html" %}
{% block title %}
{% if pais_nombre %}
Eventos en {{ pais_nombre }}
{% else %}
Eventos por país
{% endif %}
{% endblock %}
{% block content %}
<div class="card">
<h2><i class="fas fa-globe-europe" style="color: var(--secondary-color); margin-right: 8px;"></i>Eventos por país</h2>
<form method="get" action="{{ url_for('eventos_pais') }}" id="form-eventos-pais">
<div style="display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap;">
<div style="min-width: 220px;">
<label for="pais_id">Selecciona un país</label>
<select name="pais_id" id="pais_id">
<option value="">— Elegir país —</option>
{% for p in paises %}
<option value="{{ p.id }}" {% if pais_id == p.id %}selected{% endif %}>
{{ p.nombre }}
</option>
{% endfor %}
</select>
</div>
<div>
<button type="submit" class="btn"><i class="fas fa-filter"></i> Ver eventos</button>
{% if pais_id %}
<a href="{{ url_for('eventos_pais') }}" class="btn btn-secondary btn-small">
<i class="fas fa-eraser"></i> Limpiar
</a>
{% endif %}
</div>
</div>
</form>
</div>
{% if not pais_id %}
<div class="card">
<p>Selecciona un país para ver los eventos agregados de sus noticias.</p>
</div>
{% else %}
<div class="card" style="margin-top: 16px;">
<div class="noticia-meta" style="margin-bottom: 0;">
<i class="fas fa-flag"></i>
País: <strong>{{ pais_nombre or 'N/D' }}</strong>
{% if total_eventos %}
| <i class="fas fa-stream"></i> Eventos detectados: <strong>{{ total_eventos }}</strong>
{% endif %}
</div>
</div>
{% if eventos and eventos|length %}
<ul class="noticias-list" style="margin-top: 16px;">
{% for e in eventos %}
{% set lista = noticias_por_evento.get(e.id) or [] %}
{% set primera = lista[0] if lista else None %}
<li class="noticia-item">
{% if primera and primera.imagen_url %}
<div class="noticia-imagen">
<a href="{{ primera.url }}" target="_blank" rel="noopener noreferrer">
<img src="{{ primera.imagen_url }}" alt="Imagen del evento" loading="lazy">
</a>
</div>
{% endif %}
<div class="noticia-texto">
<h3 class="m0">
{{ e.titulo or (primera.titulo_trad or primera.titulo_orig if primera else 'Evento') }}
{% if e.n_noticias %}
<span class="badge badge-secondary" title="Número de noticias agrupadas">
{{ e.n_noticias }} noticias
</span>
{% endif %}
</h3>
<div class="noticia-meta">
{% if e.fecha_inicio %}
<i class="far fa-calendar-alt"></i>
{% if e.fecha_inicio is string %}
{{ e.fecha_inicio }}
{% else %}
{{ e.fecha_inicio.strftime('%d-%m-%Y') }}
{% endif %}
{% endif %}
{% if e.fecha_fin and e.fecha_fin != e.fecha_inicio %}
–
{% if e.fecha_fin is string %}
{{ e.fecha_fin }}
{% else %}
{{ e.fecha_fin.strftime('%d-%m-%Y') }}
{% endif %}
{% endif %}
{% if e.pais_nombre %}
| <i class="fas fa-globe-americas"></i> {{ e.pais_nombre }}
{% endif %}
</div>
{% if primera %}
{% set titulo_tr = primera.titulo_trad %}
{% set resumen_tr = primera.resumen_trad %}
{% set titulo_orig = primera.titulo_orig %}
{% set resumen_orig = primera.resumen_orig %}
<div class="resumen-container">
{% if titulo_tr or resumen_tr %}
<div class="m0" style="margin-bottom:6px;">
<a href="{{ primera.url }}" target="_blank" rel="noopener noreferrer">
{{ titulo_tr or titulo_orig }}
</a>
<span class="badge" title="Traducción">{{ (lang or 'es')|upper }}</span>
</div>
{% if resumen_tr %}
<div class="resumen-corto">
{{ resumen_tr|safe_html|truncate(280, True) }}
</div>
<div class="resumen-completo" style="display:none;">
{{ resumen_tr|safe_html }}
</div>
{% if resumen_tr|length > 280 %}
<button class="ver-mas-btn" type="button">Ver más</button>
{% endif %}
{% else %}
<div class="resumen-corto">
{{ (resumen_orig or '')|safe_html|truncate(280, True) }}
</div>
<div class="resumen-completo" style="display:none;">
{{ (resumen_orig or '')|safe_html }}
</div>
{% if (resumen_orig or '')|length > 280 %}
<button class="ver-mas-btn" type="button">Ver más</button>
{% endif %}
{% endif %}
{% else %}
<div class="m0" style="margin-bottom:6px;">
<a href="{{ primera.url }}" target="_blank" rel="noopener noreferrer">
{{ titulo_orig }}
</a>
<span class="badge badge-secondary">ORIG</span>
</div>
{% if resumen_orig %}
<div class="resumen-corto">
{{ resumen_orig|safe_html|truncate(280, True) }}
</div>
<div class="resumen-completo" style="display:none;">
{{ resumen_orig|safe_html }}
</div>
{% if resumen_orig|length > 280 %}
<button class="ver-mas-btn" type="button">Ver más</button>
{% endif %}
{% endif %}
{% endif %}
</div>
{% if lista|length > 1 %}
<div style="margin-top:8px; font-size:0.85rem; color:var(--text-color-light);">
Otras fuentes de este evento:
<ul style="padding-left:18px; margin:4px 0 0 0;">
{% for n in lista[1:4] %}
<li>
<a href="{{ n.url }}" target="_blank" rel="noopener noreferrer">
{{ n.titulo_trad or n.titulo_orig }}
</a>
{% if n.fuente_nombre %}
<span class="mini-link">({{ n.fuente_nombre }})</span>
{% endif %}
</li>
{% endfor %}
{% if lista|length > 4 %}
<li>… y otras {{ lista|length - 4 }} noticias</li>
{% endif %}
</ul>
</div>
{% endif %}
{% endif %}
</div>
</li>
{% endfor %}
</ul>
{% if total_pages and total_pages > 1 %}
<nav class="pagination" aria-label="Paginación de eventos" style="margin-top:15px;">
{% set current = page %}
{% if current > 1 %}
<a href="{{ url_for('eventos_pais', pais_id=pais_id, page=current-1) }}" class="page-link">&laquo; Anterior</a>
{% endif %}
{% set start = 1 if current - 2 < 1 else current - 2 %}
{% set end = total_pages if current + 2 > total_pages else current + 2 %}
{% if start > 1 %}
<a href="{{ url_for('eventos_pais', pais_id=pais_id, page=1) }}" class="page-link">1</a>
{% if start > 2 %}<span class="page-link">…</span>{% endif %}
{% endif %}
{% for p in range(start, end + 1) %}
{% if p == current %}
<span class="page-link active">{{ p }}</span>
{% else %}
<a href="{{ url_for('eventos_pais', pais_id=pais_id, page=p) }}" class="page-link">{{ p }}</a>
{% endif %}
{% endfor %}
{% if end < total_pages %}
{% if end < total_pages - 1 %}<span class="page-link">…</span>{% endif %}
<a href="{{ url_for('eventos_pais', pais_id=pais_id, page=total_pages) }}" class="page-link">{{ total_pages }}</a>
{% endif %}
{% if current < total_pages %}
<a href="{{ url_for('eventos_pais', pais_id=pais_id, page=current+1) }}" class="page-link">Siguiente &raquo;</a>
{% endif %}
</nav>
{% endif %}
{% else %}
<div class="card" style="margin-top:16px;">
<p>No se han encontrado eventos para este país.</p>
</div>
{% endif %}
{% endif %}
{% endblock %}