Blocco Classifica
Una tabella di classifica stagionale per una squadra sportiva o un club: nome della squadra, giocate/vinte/pareggiate/perse, punti fatti/subiti e punti, ordinata per punti in ordine decrescente con le prime tre righe evidenziate. A differenza di ogni altro blocco nella pagina Blocchi di analisi e grafici, questo non viene mai renderizzato come immagine — una vera tabella HTML <table> costituisce l'intero blocco, in ogni client di posta incluso Outlook.
Come funziona
Ognuno dei tredici blocchi grafico della famiglia analytics viene renderizzato come un'immagine raster generata lato server, con una tabella di fallback testuale accanto. Questo perché un grafico a barre o un grafico a linee non hanno davvero un equivalente in markup HTML che si visualizzi in modo coerente su tutti i client. Una tabella di classifica non ha questo problema: righe e colonne ordinate sono esattamente ciò che il markup <table> sa già renderizzare in modo nativo e coerente ovunque, incluso il motore basato su Word di Outlook. Qui non esiste una divisione immagine-più-fallback — un solo percorso di rendering, usato incondizionatamente.
Le righe si digitano direttamente nell'editor di righe dell'Ispettore, una squadra per riga. Non esiste ancora un'associazione live a una fonte dati, quindi aggiorni il blocco manualmente dopo ogni partita — lo stesso modello di aggiornamento manuale usato dal valore value digitato di una scorecard di KPI prima che venga associata a una fonte dati. L'ordinamento avviene al momento del rendering: le righe vengono ordinate per la colonna Punti in ordine decrescente e, in caso di parità, mantengono l'ordine originariamente digitato invece di essere rimescolate, poiché Array.prototype.sort è un ordinamento stabile. Le prime tre righe dopo l'ordinamento ricevono un badge di posizione (🥇🥈🥉) al posto di un numero semplice; ogni riga sotto la terza posizione riceve un numero di posizione semplice.
Punti è sempre un numero che compili tu stesso. Non viene mai calcolato da vittorie/pareggi/sconfitte, perché le leghe assegnano i punti in modo diverso (una vittoria netta da 3 punti, punti bonus per una sconfitta con molti punti segnati, e così via), e codificare un'unica formula sarebbe sbagliato per la maggior parte degli sport.
Disattiva Mostra colonna pareggi per uno sport che non li prevede, come il basket o la maggior parte dei campionati di tennis. Facendolo si rimuove la colonna "N" sia dall'intestazione sia da ogni riga, non la si nasconde solo visivamente. Evidenzia squadra confronta il valore Squadra di una riga senza distinguere maiuscole/minuscole e, quando corrisponde, mette in grassetto il testo della riga e ne colora lo sfondo. È utile per un digest destinato ai genitori, così una famiglia può individuare la squadra del proprio figlio a colpo d'occhio senza scorrere l'intera tabella.
Se nessuna riga ha un nome squadra compilato, il blocco renderizza comunque il proprio titolo e il contorno della scheda, con un semplice avviso "Aggiungi almeno una squadra per renderizzare la classifica" al posto di una tabella vuota. È la stessa convenzione "mai interrompersi a metà digitazione mentre stai costruendo" seguita dal ramo dati-vuoti di ogni altro blocco di analisi.
Classifica è contenuto puro: non c'è nulla a cui rispondere, quindi — come Sede — non compare mai nella dashboard delle risposte, nell'esportazione CSV o nella mappa di calore dei clic. Nulla al suo interno è un link.
Campi configurabili:
- Titolo — mostrato sopra la tabella; omettilo e verrà renderizzata solo la tabella.
- Squadre — l'elenco delle righe: Squadra, Giocate, Vinte, Pareggiate, Perse, Punti fatti, Punti subiti, Punti.
- Mostra colonna pareggi — attiva/disattiva la colonna "N".
- Evidenzia squadra (corrispondenza esatta del nome) — confronto senza distinzione tra maiuscole e minuscole con la colonna Squadra.
- Colore di sfondo, padding, bordo e raggio del bordo sulla scheda.
- Colore/dimensione del titolo, e colore/dimensione del testo della tabella.
Esempi
Subject
Season standings after Week 10
Lo scopo di progetto "Squadra sportiva" avvia un nuovo progetto con una Classifica già inserita accanto a Sede, Aggiungi al calendario e RSVP. Invia un digest settimanale che aggiorna lo stesso blocco con gli ultimi risultati — vedi Squadre sportive e club per il pattern completo, incluso come mantenere un'unica lista contatti condivisa tra più squadre o fasce d'età. Una newsletter di lega riepiloga i risultati di un'intera divisione in un'unica email, con Evidenzia squadra lasciato vuoto poiché non c'è un'unica squadra "di casa" da segnalare. Un club giovanile invia la stessa email di classifica a ogni genitore, con Evidenzia squadra impostato per squadra tramite un filtro pubblico visibleWhen, invece di inviare un'email separata per ogni squadra.
Come appare il fallback statico
<div style="margin:12px 0;background-color:#ffffff;padding:16px;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Standings</p>
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">#</th>
<th style="text-align:left;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">Team</th>
<th style="text-align:right;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">Pts</th>
</tr>
<tr style="background-color:#eef2ff">
<td style="padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">🥇 1</td>
<td style="padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">Eagles</td>
<td style="text-align:right;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">23</td>
</tr>
</table>
</div>
Questo è il render reale e unico del blocco — non esiste un livello di fallback separato, poiché una tabella usa lo stesso markup in ogni client. (Le colonne Giocate/Vinte/Pareggiate/Perse/PF/PA sono omesse qui per brevità; la riga con la medaglia mostra la tinta della squadra evidenziata applicata alla stessa riga.)