Su questo articolo vediamo come installare il custom card Card-Modder che ci permette di smussare gli spigoli (e non solo) delle varie card. 1.…
Leggi tutto
Tracker Card è un tool utilissimo per tenere traccia degli aggiornamenti delle custom-card e dei custom_component installati nel nostro Home Assistant. Tracker card va usato insieme con il componente non ufficiale custom_updater (che vedremo più avanti come installarlo) che ci aiuterà a sincronizzare le versioni, consentirà l’aggiornamento di card e componenti tutto da interfaccia UI. Vediamo ora come installare tutto ciò. …
Leggi tutto
Questa Card Weather Forecast permette la creazione tramite in component Dark Sky di creare una card meteo. Prima di creare la card dobbiamo compiere 2 passi: 1. Registrarsi nel sito Dark Sky direttamente su questo link https://darksky.net/dev/register 2. Recuperare sempre dal sito di Dark Sky la Key 3. Configurare Home Assistant in questo modo: aggiungere nel file…
Leggi tutto
La Card Shopping List ci mette a disposizione un modo per memorizzare una lista di nomi. Questa card necessita della dichiarazione del component shopping list: nel file configuration.yaml. File configuration.yaml
|
1 |
shopping_list: |
È possibile avere una sola lista anche se vengono create due card la lista all’interno è sempre la stessa.
|
1 2 |
type: shopping-list title: Lista della Spesa |
type: shopping-list
title: …
Leggi tutto
La Card Media Control permette la visualizzazione ed il controllo in modo grafico di un media.player.
|
1 2 |
type: media-control entity: media_player.tv_cucina |
type: media-control entity: entità media.plaier da visualizzare Articolo introduttivo su Lovelace: https://hassiohelp.eu/2019/01/03/lovelace/ Per approfondire questa card vi rimando al sito ufficiale https://www.home-assistant.io/lovelace/media-control/
Questa Card permette di creare delle finestre di testo formattato, utile per dare dei titoli alle nostre card o dare informazioni di vario genere. Per i comandi di formattazione visitate il sito markdown. In questo esempio è stata creata una Card Vertical-Stack ed all’interno una Card Marckdown e 2 iFrame
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
cards: - type: markdown content: > ## Lovelace Card In questa card di esempio sono state utilizzate le seguenti card: - Vertical Stack - Markdown - iFrame Visitate il nostro sito alla pagina https://hassiohelp.eu o seguiteci sul nostro gruppo Telegram https://t.me/HassioHelp - type: iframe aspect_ratio: 60% url: >- https://earth.nullschool.net/loc=8.361,46.264 - type: iframe aspect_ratio: 60% url: >- https://embed.windy.com/21,45.895,12.502,10 type: vertical-stack |
type: markdown
content: contenuto…
Leggi tutto
Questa semplice Card Thermostat ci permette di visualizzare le entità climate che abbiamo creato in Home Assistant.
|
1 2 3 4 |
entity: climate.termostato_camera type: thermostat theme: Dark_Cyan name: Camera |
type: entity-button entity: entità da visualizzare name: (opzionale) nome dell’entità Articolo introduttivo su Lovelace: https://hassiohelp.eu/2019/01/03/lovelace/ Per approfondire questa card vi rimando al sito ufficiale https://www.home-assistant.io/lovelace/thermostat/
Questa Card Entity Button ci mette a disposizione un pulsante per eseguire un’attività. Consiglio mio è di abbinarlo ad una Card Horizontal Stack o Vertical Stack.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
cards: - type: entity-button tap_action: action: toggle hold_action: action: more-info entity: light.lampadario_sala - type: entity-button tap_action: action: toggle hold_action: action: more-info entity: light.sala_divano - type: entity-button tap_action: action: toggle hold_action: action: more-info entity: light.sala_tavolo icon: 'mdi:lamp' - type: entity-button tap_action: action: toggle hold_action: action: more-info entity: light.luce_tv_sala type: horizontal-stack |
type: entity-button
entity: entità da visualizzare
name: (opzionale) nome dell’entità
icon: (opzionale) icona dell’entità
tap_action: (opzione) azione da eseguire alla pressione dell’immagine
hold_action: (opzione) azione da…
Leggi tutto
Con questa Card potremmo vedere graficamente o non l’andamento nel tempo di un sensore.
|
1 2 3 4 5 6 7 |
type: sensor entity: sensor.temperature_158d000223f3f4 graph: line detail: 2 hours_to_show: 56 name: Temperatura Studio unit: °C |
type: sensor
entity: entità del sensore
icon: (opzionale) icona del sensore mdi:
name: (opzionale) il nome della card
graph: (opzionale)tipo grafico none o line
unit: (opzionale) unità di misura
detail: (opzionale) dettaglio del grafico 1 o 2, 1 equivale a un punto all’ora, 2 equivale a…
Leggi tutto
Con questa Card iFrame è possibile incorporare in Home Assistant servizi web esterni (tipo meteo) ma anche locali (come videocamere, grafici grafana).
|
1 2 3 4 5 |
type: iframe url: >- https://embed.windy.com/embed2.html?46.984/12.703?400h,2019-02-05-21,45.895,12.502,10 title: windy aspect_ratio: 60% |
|
1 2 3 4 |
type: iframe url: >- https://earth.nullschool.net/#current/wind/isobaric/700hPa/overlay=precip_3hr/equirectangular=-349.24,44.32,3000/loc=8.361,46.264 aspect_ratio: 60% |
url: L’indirizzo URL. aspect_ratio: (opzionale) la proporzione dell’immagine (default: 50%) title: Titolo Articolo introduttivo su Lovelace: https://hassiohelp.eu/2019/01/03/lovelace/ Per approfondire questa card vi rimando al sito ufficiale https://www.home-assistant.io/lovelace/iframe/
Commenti recenti