Calendario: il 19 e il 20 settembre non sono un buco, sono un evento e una chiusura
Quei due giorni non stanno in nessuna delle due griglie perche' non hanno class: il 19 c'e' la presentazione della nuova apertura, il 20 si sta chiusi. Scritto come avviso con la sua finestra, il vuoto smette di sembrare una trascrizione incompleta e diventa un'informazione. Gli avvisi compaiono in cima al popup e in fondo al PDF - e' il file che gira su WhatsApp, e chi lo riceve non ha la pagina davanti. Spariscono da soli quando sono passati: un avviso scaduto dice che il centro e' chiuso in un giorno gia' trascorso, e chi legge non sa piu' se valga per quest'anno o per il prossimo. Lo spazio riservato in fondo alla pagina cresce con gli avvisi, altrimenti la griglia si allunga fino a spingerli su una seconda pagina. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -7,10 +7,13 @@
|
||||
// dichiarando da quando entra.
|
||||
//
|
||||
// Si apre da qualunque elemento con `data-apri-calendario` nella stessa pagina.
|
||||
import { calendarioDaMostrare, GIORNI, DISCIPLINE, type Giorno } from '../data/calendari';
|
||||
import { calendarioDaMostrare, avvisiAttivi, GIORNI, DISCIPLINE, type Giorno } from '../data/calendari';
|
||||
import { t } from '../lib/content';
|
||||
|
||||
const scelta = calendarioDaMostrare(new Date());
|
||||
const adesso = new Date();
|
||||
const scelta = calendarioDaMostrare(adesso);
|
||||
// Giornate fuori griglia (eventi, chiusure): spariscono da sole quando sono passate.
|
||||
const avvisi = avvisiAttivi(adesso);
|
||||
const cal = scelta?.cal ?? null;
|
||||
const dal = cal ? new Date(cal.from).toLocaleDateString('it-IT', {
|
||||
day: 'numeric', month: 'long', year: 'numeric', timeZone: 'Europe/Rome',
|
||||
@@ -38,6 +41,14 @@ const presenti = cal
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{avvisi.length > 0 && (
|
||||
<ul class="cal-avvisi">
|
||||
{avvisi.map((a) => (
|
||||
<li><strong>{a.quando}</strong> — {a.testo}</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
|
||||
<div class="cal-dlg__scroll">
|
||||
<table class="cal-tab">
|
||||
<thead>
|
||||
@@ -133,6 +144,15 @@ const presenti = cal
|
||||
}
|
||||
.cal-dlg__chiudi:hover { border-color: var(--c-accent); color: var(--c-accent-dark); }
|
||||
|
||||
/* Giornate fuori griglia: stanno sopra la tabella perché sono l'eccezione a ciò che la
|
||||
tabella dice, e sotto passerebbero per una postilla. */
|
||||
.cal-avvisi {
|
||||
list-style: none; margin: 18px 0 0; padding: 12px 16px; background: var(--c-bg-alt);
|
||||
border-left: 3px solid var(--c-accent); display: flex; flex-direction: column; gap: 4px;
|
||||
}
|
||||
.cal-avvisi li { font-size: .84rem; color: var(--c-text); }
|
||||
.cal-avvisi strong { color: var(--c-heading); }
|
||||
|
||||
/* La griglia ha otto colonne: su telefono scorre in orizzontale invece di comprimersi
|
||||
fino a diventare illeggibile, e la colonna delle ore resta ferma. */
|
||||
.cal-dlg__scroll { flex: 1; overflow: auto; margin: 22px 0 0; }
|
||||
|
||||
@@ -103,6 +103,49 @@ export const calendari: Calendario[] = [
|
||||
},
|
||||
];
|
||||
|
||||
/**
|
||||
* Giornate che non stanno in nessuna griglia: eventi e chiusure.
|
||||
*
|
||||
* Il 19 e il 20 settembre non compaiono in nessuno dei due fogli, e la ragione non è una
|
||||
* dimenticanza — il sabato c'è la presentazione della nuova apertura e la domenica si sta
|
||||
* chiusi (detto da Adriano il 17/08/2026). Scritto qui, quel vuoto smette di sembrare un
|
||||
* errore di trascrizione e diventa un'informazione per chi legge gli orari.
|
||||
*/
|
||||
export interface AvvisoCalendario {
|
||||
id: string;
|
||||
/** `null` = visibile da subito. */
|
||||
from: string | null;
|
||||
/** Ultimo istante in cui ha senso mostrarlo: dopo, sparisce da solo. */
|
||||
to: string;
|
||||
quando: string;
|
||||
testo: string;
|
||||
}
|
||||
|
||||
export const avvisi: AvvisoCalendario[] = [
|
||||
{
|
||||
id: 'presentazione-19-settembre',
|
||||
from: null,
|
||||
to: '2026-09-19T23:59:59+02:00',
|
||||
quando: 'Sabato 19 settembre',
|
||||
testo: 'Presentazione della nuova apertura: nessuna class in programma.',
|
||||
},
|
||||
{
|
||||
id: 'chiusura-20-settembre',
|
||||
from: null,
|
||||
to: '2026-09-20T23:59:59+02:00',
|
||||
quando: 'Domenica 20 settembre',
|
||||
testo: 'Chiuso.',
|
||||
},
|
||||
];
|
||||
|
||||
/** Gli avvisi ancora validi, in ordine di scadenza: i più imminenti per primi. */
|
||||
export function avvisiAttivi(now: Date, list: AvvisoCalendario[] = avvisi): AvvisoCalendario[] {
|
||||
const t = now.getTime();
|
||||
return list
|
||||
.filter((a) => (a.from === null || t >= Date.parse(a.from)) && t <= Date.parse(a.to))
|
||||
.sort((x, y) => Date.parse(x.to) - Date.parse(y.to));
|
||||
}
|
||||
|
||||
/** Servizi dalla cui pagina si apre il calendario della sala. */
|
||||
export const SERVIZI_CON_CALENDARIO = ['performance-class', 'holistic-class'];
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import PDFDocument from 'pdfkit';
|
||||
import { GIORNI, type Calendario, type Disciplina, type Giorno } from '../data/calendari';
|
||||
import { GIORNI, type AvvisoCalendario, type Calendario, type Disciplina, type Giorno } from '../data/calendari';
|
||||
|
||||
// PDF del calendario, disegnato dal dato con PDFKit.
|
||||
//
|
||||
@@ -32,7 +32,7 @@ export const nomeFilePdf = (cal: Calendario): string =>
|
||||
* in A4 orizzontale, e spezzarla su due pagine renderebbe illeggibile proprio ciò che si va a
|
||||
* cercare — l'incrocio fra un giorno e un'ora.
|
||||
*/
|
||||
export function generaCalendarioPdf(cal: Calendario): Promise<Buffer> {
|
||||
export function generaCalendarioPdf(cal: Calendario, avvisi: AvvisoCalendario[] = []): Promise<Buffer> {
|
||||
const doc = new PDFDocument({
|
||||
size: 'A4',
|
||||
layout: 'landscape',
|
||||
@@ -88,7 +88,9 @@ export function generaCalendarioPdf(cal: Calendario): Promise<Buffer> {
|
||||
|
||||
// Righe: l'altezza si ricava dallo spazio che resta, così la griglia riempie la pagina
|
||||
// qualunque sia il numero di fasce e non serve ritoccarla a mano quando ne cambiano.
|
||||
const spazioSotto = 52; // legenda + nota + piè di pagina
|
||||
// legenda + nota + piè di pagina, più una riga per ogni giornata fuori griglia: senza
|
||||
// tenerne conto la griglia si allungherebbe fino a spingere gli avvisi in una seconda pagina.
|
||||
const spazioSotto = 52 + avvisi.length * 11;
|
||||
const altezzaRiga = Math.min(
|
||||
22,
|
||||
(doc.page.height - doc.page.margins.bottom - spazioSotto - y) / cal.righe.length,
|
||||
@@ -147,12 +149,22 @@ export function generaCalendarioPdf(cal: Calendario): Promise<Buffer> {
|
||||
xLeg += 13 + doc.widthOfString(d) + 18;
|
||||
}
|
||||
|
||||
// --- Giornate fuori griglia (eventi, chiusure) ---
|
||||
let yAvvisi = yLeg + 16;
|
||||
for (const a of avvisi) {
|
||||
doc.rect(x0, yAvvisi - 1, 2, 9).fill(C_ACCENTO);
|
||||
doc.font('Helvetica-Bold').fontSize(7).fillColor(C_TESTO)
|
||||
.text(a.quando, x0 + 7, yAvvisi, { continued: true })
|
||||
.font('Helvetica').fillColor(C_TENUE).text(` — ${a.testo}`);
|
||||
yAvvisi += 11;
|
||||
}
|
||||
|
||||
doc.font('Helvetica').fontSize(7).fillColor(C_TENUE).text(
|
||||
"Gli orari possono subire variazioni. Le lezioni si prenotano dall'app Bsport.",
|
||||
x0, yLeg + 16, { width: larghezzaUtile },
|
||||
x0, yAvvisi + 3, { width: larghezzaUtile },
|
||||
);
|
||||
doc.font('Helvetica').fontSize(7).fillColor(C_ACCENTO)
|
||||
.text('insanitylab.it', x0, yLeg + 27, { width: larghezzaUtile, align: 'right' });
|
||||
.text('insanitylab.it', x0, yAvvisi + 14, { width: larghezzaUtile, align: 'right' });
|
||||
|
||||
doc.end();
|
||||
return finito;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import type { APIRoute } from 'astro';
|
||||
import { calendari } from '../../data/calendari';
|
||||
import { avvisiAttivi, calendari } from '../../data/calendari';
|
||||
import { generaCalendarioPdf, nomeFilePdf } from '../../lib/calendario-pdf';
|
||||
|
||||
export const prerender = false;
|
||||
@@ -15,7 +15,9 @@ export const GET: APIRoute = async ({ params }) => {
|
||||
// credere che il calendario sia vuoto.
|
||||
if (!cal) return new Response('Calendario inesistente.', { status: 404 });
|
||||
|
||||
const pdf = await generaCalendarioPdf(cal);
|
||||
// Le giornate fuori griglia stanno anche nel PDF: è il file che gira su WhatsApp, e chi lo
|
||||
// riceve non ha davanti la pagina dove sono scritte.
|
||||
const pdf = await generaCalendarioPdf(cal, avvisiAttivi(new Date()));
|
||||
return new Response(new Uint8Array(pdf), {
|
||||
headers: {
|
||||
'Content-Type': 'application/pdf',
|
||||
@@ -23,8 +25,8 @@ export const GET: APIRoute = async ({ params }) => {
|
||||
// scheda e su telefono resterebbe lì, senza finire fra i file.
|
||||
'Content-Disposition': `attachment; filename="${nomeFilePdf(cal)}"`,
|
||||
'Content-Length': String(pdf.length),
|
||||
// Il calendario cambia solo quando cambia il dato, cioè con un deploy: un'ora di cache
|
||||
// basta a non rigenerarlo a ogni click, e non abbastanza da servire un orario vecchio.
|
||||
// Un'ora: basta a non rigenerarlo a ogni click, e non abbastanza perché un avviso ormai
|
||||
// scaduto (le giornate fuori griglia spariscono da sole) resti in giro un giorno intero.
|
||||
'Cache-Control': 'public, max-age=3600',
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user