
Introduzione
Nell’articolo precedente abbiamo configurato il “cervello” (l’integrazione) del custom component Calcio Live, mentre oggi ci occuperemo del “volto”. La Calcio Live Card non è un semplice rettangolo di testo: è un elemento dinamico che cambia in base allo stato della partita. Quest’ interfaccia grafica avanzata permette infatti di monitorare ogni azione in tempo reale, arricchendo la vostra plancia con dati precisi, loghi ufficiali delle varie squadre e una reattività immediata pensata per i veri tifosi.
Installazione
Prima di scegliere il tuo stile, installa la risorsa:
- Vai in HACS ;
- Clicca sui 3 puntini in alto a destra e seleziona Archivi Digitali Personalizzati;
- Incolla:
https://github.com/Bobsilvio/calcio-live-card; - Seleziona come Tipo la categoria Plancia;
- Premi il tasto AGGIUNGI;
- Scarica e Riavvia il browser (fondamentale!)
Configurazione
La vera forza della card è che racchiude in se 4 stili, selezionabili in base al sensore scelto. Vediamo insieme la configurazione:
Card Classifica
Configurare la card è semplicissimo: basta selezionare la Card Calcio Live e, nella sezione Configurazione, inserire il sensore della classifica desiderato (ad esempio: sensor.calciolive_classifica_italian_serie_a).
Una funzione molto utile è l’opzione Max Events Visible: questa permette di definire quante squadre visualizzare immediatamente nella card, lasciando le altre accessibili comodamente tramite lo scroll. Perfetto per chi vuole tenere sott’occhio solo le prime della classe senza ingombrare troppo la dashboard!

Card Campionato
Questa card si configura sulla falsa riga della precedente ovvero selezionando la Card Calcio Live e, nella sezione Configurazione, a differenza della precedente bisognerà inserire il nome del sensore impostando quello specifcico del campionato che sarà del tipo sensor.calciolive_all_campionato (ad esempio: sensor.calciolive_all_italian_serie_a)

In automatico è possibile notare delle opzioni diverse che verranno visualizzate:
- show finished matches: quando lo switch è attivo visualizzerà le partite concluse, se disattivo mostrerà, invece solo gli eventi futuri
- hide header: Nasconde la barra superiore con le intestazioni (per risparmiare spazio).
- max events visible: Imposta il numero di partite visibili nella card (escluse nello scroll).
- max events total: Definisce il numero totale degli eventi (comprese nello scroll)
- hide matches older: Imposta la card in modo da non visualizzare gli eventi più vecchi in numero di giorni
Card Squadra Singola
Anche per questa card la configurazione è la medesima della Card Classifica, che trasformerà la sua visione semplicemente selezionando il sensore relativo al nome della squadra come da template sensor.calciolive_next_ita_1_nome_squadra (in questo caso abbiamo selezionato una squadra che fa parte del campionato italiano con ita) ex: sensor.calciolive_next_ita_1_internazionale

Card tutte le Squadre
L’ultima card racchiude tutte le squadre che hanno un evento con la squadra selezionata, anche in questo caso l’unica differenza rispetto alle cards precedenti è il nome del sensore impostato nella configurazione che sarà sensor.calciolive_all_nazione_nome_squadra

In automatico anche qui sarà possibile impostare dei filtri:
- show finished matches: quando lo switch è attivo visualizzerà le partite concluse della squadra preferita, se disattivo mostrerà, invece solo gli eventi futuri
- hide header: Nasconde la barra superiore con le intestazioni (per risparmiare spazio).
- max events visible: Imposta il numero di partite visibili relative alla squadra selezionata nella card (escluse nello scroll).
- max events total: Definisce il numero totale degli eventi riconducibili alla squadra in considerazione (comprese nello scroll).
- hide matches older: Imposta la card in modo da non visualizzare gli eventi della stessa più vecchi espressi in numero di giorni.
Un ringraziamento speciale a Bobsilvio per l’incredibile lavoro su questo progetto. Se volete approfondire o seguire gli aggiornamenti direttamente dalla fonte,
Link al progetto:GitHub – Bobsilvio/calcio-live-card
Ti potrebbe interessare anche…
Ti sei perso il primo passo? Nessun problema! Se non hai ancora installato il ‘cuore’ di questo progetto, puoi rimediare subito cliccando sul link qui sotto prima di procedere con la parte grafica.
E magari se ti sei perso qualche news potrai sempre trovarla nell’apposita sezione con l’ultimo articolo su Gemini:

