Ciao a tutti.
Da super niubbo alle primissime armi con HASSIO sto trovando diverse difficoltà a reperire info sopratutto dopo che è stata integrata l'interfaccia Lovelace di default, in quanto tutte le guide e i riferimenti per custom card e altro fanno riferimento alla "vecchia gestione" tramite modifca del file [font=SFMono-Regular, Consolas,]ui-lovelace.yaml [/font]
[font=SFMono-Regular, Consolas,]Dopo varie prove e dopo essermi fissato con una custom card banale ma che mi è servita per capire alcune dinamiche, trovo giusto condividere con voi dato che magari qualcuno ha lo stesso problema e così liberiamo gli admin dalle mille domande a cui sempre gentilissimamente rispondono su telegram e qui sul forum. [/font]
[font=SFMono-Regular, Consolas,]
La card che ho voluto integrare è questa e serve ad avere un overview dei dati rilevati dai sensori MiFlora/Miplant che devono essere configurati come al solito sul vostro configuration.Yaml o sensor.yaml a seconda di come state gestendo il tutto. [/font]
font=SFMono-Regular, Consolas, [/font]
(https://ibb.co/bgTkHCG)
Do per scontato che scarichiate il file .js dal github e che lo posizioniate nella cartella /www del vostro hassio.
Andiamo ora ad inserire editando in modalità raw le seguenti due righe nel file di configurazione di lovelace.
resources:
- url: /local/plant-card.js
type: js
Per poterlo fare, clickiamo sui tre puntini in alto a destra dalla vostra home, selezionate prima "Configurare l'interfaccia utente" e poi "Editor di configurazione grezzo".
Prendete come riferimento la foto (https://ibb.co/02G3yWV).
Una volta fatto questo (sopra o sotto a quanto pare non cambia, per comodità ho fatto lo screen lì ma poi come ben sappiamo la pulizia e l'ordine di gestione nei file per alcune cose è soggettivo) si può riavviare e procedere alla creazione della custom card.
Da Lovelace andiamo sui tre puntini in alto a destra, "Configura interfaccia utente", scrolliamo verso il basso fino al "+" giallo, scegliamo manual card e andiamo a crearla.
Nel github il riferimento di codice è questo, e come dicevamo parla di ui-lovelace.yaml .
- type: custom:plant-card
title: 'Calathea Zebrina'
image: images/calathea-zebrina.jpg
min_moisture: 15
max_moisture: 60
min_conductivity: 350
min_temperature: 12
entities:
- moisture:sensor.plant_1_moisture
- intensity:sensor.plant_1_light_intensity
- temperature:sensor.plant_1_temperature
- conductivity:sensor.plant_1_conductivity
- battery:sensor.plant_1_battery
Noi procederemo direttamente da interfaccia, quindi dobbiamo cambiare alcune cose.
Faccio notare che type e title nonostante li avessi messi come prime due righe dopo l'ultimo aggiornamento risultano spostati sotto.
Note ovvie:
- I sensori ovviamente vanno rinominati sulla base dei vostri.
- Attenzione ad apici e tutto il resto che come vedete sono differenti rispetto alla vecchia modalità di editing.
https://ibb.co/xD8C8J7
Riassumendo quindi la card andrà gestita così:
type: 'custom:plant-card'
title: Tuo titolo
entities:
- 'moisture:sensor.tuosensore_moisture'
- 'intensity:sensor.tuosensore_light_intensity'
- 'temperature:sensor.tuosensore_temperature'
- 'conductivity:sensor.tuosensore_conductivity'
- 'battery:sensor.tuosensore_battery'
image: images/tuaimmaginepianta.jpg
max_conductivity: 2000 #vedi su app miflora
max_moisture: 60 #vedi su app miflora
max_temperature: 32 #vedi su app miflora
min_conductivity: 350 #vedi su app miflora
min_moisture: 15 #vedi su app miflora
min_temperature: 8 #vedi su app miflora
Come è facile vedere, le voci Moisture, Intensity, ecc che compaiono nella card sono i riferimenti che andiamo ad inserire prima del nome del nostro sensore.
Nel file .js ci sono però i riferimenti ad icone e tutto il resto, quindi se li cambiamo dalla custom card non visualizzeremo le icone, dobbiamo intervenire nel caso anche lì.
