Bien le bonjour les homies ! J'ai voulu partager mon interface Home Assistant avec vous tous. Il est sûrement perfectible, alors soyez indulgents ! Avec le temps, j'ajouterais un peu plus d'informations quant au fonctionnement des cartes.
La base du Dashboard vient du repo d'Aurel RV : Son repo
La base du Floorplan vient du repo de re-1st : Son repo
Vue principale :
Sous-vue Energie :
Sous-vue Système :
Sous-vue Météo/agenda :
Sous-vue Qualité de l'air :
Vue Chauffage/climatisation :
Le floorplan a été concu avec Picture Elements et est affiché sur un tablette 10 pouces utilisé en "Wallpanel" avec l'application Home Assistant Companion.
Les images ont été faite avec SketchUp et le rendu avec Enscape, le tout retravaillé sur Photoshop (les PSD Photoshop : LIEN).
Vue principale :
Vue principale en mode nuit:
Sous-vue Alarme (s'active automatiquement lorsque l'alarme est en suspens) :
Page Courses/recettes (s'active lorsque l'on clique sur la plaque de cuisson):
Toutes les animations :
Voici la structure de mon dashboard :
-
Decluttering Templates : toutes les cartes lourdes ou appelés plusieurs fois sont ici, et permet d'alléger le code et d'y voir plus clair dans les vues.
Exemple simple : haut_heure est créé dans cette partie et est appelé dans une carte custom:decluttering-card
decluttering_templates: haut_heure: card: type: custom:button-card label: > [[[return states['sensor.date_jour'].state]]]
- type: custom:decluttering-card template: haut_heure # Appel du template précédemment créé
Exemple avancé : bloc_3_thermostat_mitsubishi est créé dans cette partie avec des variables permettant de l'utiliser avec plusieurs climatiseurs dans HA et est appelé de la même façon que l'exemple précédent dans une carte custom:decluttering-card
bloc_3_thermostat_mitsubishi: card: type: picture-elements image: /local/images/mitsubishi/fond.png elements: ... - type: custom:button-card entity: '[[climate]]' # variable climate name: '[[name_clim]]' # variable name_clim ...
- type: custom:decluttering-card template: bloc_3_thermostat_mitsubishi variables: - name_clim: Salon # nom variable name_clim - climate: climate.salon # entité variable climate ...
-
Button Card Templates : idem que Decluttering Templates, mais pour le style des cartes.
-
Vues : Toutes les vues de mon floorplan
-
La carte picture-element, base du floorplan avec appel de l'image de fond
-
Affichage du floorplan en mode nuit en fonction du sensor sun.sun
- action: none entity: sun.sun hold_action: action: none state_image: above_horizon: /local/floorplan/images/nixx.png # Image transparente below_horizon: /local/floorplan/night/floorplan_night.png?v=2 # Image floorplan mode nuit style: left: 50% top: 50% width: 100% tap_action: action: none type: image
-
Superposition d'images ou d'animations avec la carte custom:config-template-card
Focus sur la carte de sélection des titres:
- type: custom:config-template-card entities: - input_select.floorplan_title_bloc_1 # Création d'une entité liste déroulante pour sélection style: left: 12% top: 67% width: 20% element: action: none entity: input_select.floorplan_title_bloc_1 image: /local/floorplan/images/nixx.png # Image transparente si off hold_action: action: none # Rend la carte non cliquable state_image: # Permet d'avoir une image différente en fonction de l'état de l'entité Météo: /local/floorplan/images/title_meteo.png # Affichage titre météo Qualité air: /local/floorplan/images/title_qualite_air.png # Affichage titre Qualité air Températures: /local/floorplan/images/title_temperatures.png?v=2 # Affichage titre Températures tap_action: action: none # Rend la carte non cliquable
Focus sur une carte d'affichage de lumière:
- type: custom:config-template-card entities: - switch.on_off_cadrepi # Entité à surveiller style: left: 50% top: 50% width: 100% element: action: none entity: switch.on_off_cadrepi # Entité à surveiller image: /local/floorplan/images/nixx.png # Image transparente si off hold_action: action: none state_image: 'on': /local/floorplan/day/floorplan_day_light_cadrepi.png # Si CadrePi on, alors affichage image tap_action: action: none type: image
-
Boutons d'actions avec une image transparente
Focus sur une carte:
- type: image image: /local/floorplan/images/nix100100.png # Image transparente entity: light.lampe_chevet # Entité à contrôler title: Allumer Lampe de chevet style: left: 29% top: 33% width: 2% opacity: 100 tap_action: action: toggle hold_action: action: more-info
-
IcĂ´ne des blocs du bas
Focus sur une carte:
- type: custom:button-card template: - no_style show_name: false entity: input_select.floorplan_title_bloc_1 # Entité à surveiller color: var(--secondary-color) state: - operator: '==' value: Météo # Si la valeur est égale à Météo color: var(--primary-color) # Affichage de l'icône en couleur color_type: icon haptic: medium icon: mdi:weather-partly-cloudy # Icône à afficher tap_action: action: call-service haptic: medium service: input_select.select_option # Changer l'option de l'entité pour affichage de la carte concernée service_data: entity_id: input_select.floorplan_title_bloc_1 option: Météo style: left: 15% top: 67% width: 5%
-
Affichage des blocs
Focus sur une carte:
- type: conditional # Condition si l'option Météo de la liste déroulante est sélectionnée conditions: - entity: input_select.floorplan_title_bloc_1 state: Météo elements: - type: custom:decluttering-card # Affichage du template bloc_1_meteo de decluttering_templates template: bloc_1_meteo style: left: 13% top: 83% width: 26%
-
AdGuard Home
Bloqueur de publicité
DOODS2
Système de reconnaissance d'objets
Home Assistant Google Drive Backup
Faire ses backups entre HA et Google Drive
motionEye
CCTV/NVR pour caméras
MyElectricalData
Récupère toutes les informations du compteur Linky
Network UPS Tools
Remontée d'information d'un onduleur
Piper
Text to speech
RPC Shutdown
Wake on Lan périphériques
Samba share
Synchronisation dossier HA sur PC
Studio Code Server
Éditeur de code hébergé sur HA
Whisper
Speech to text
Zigbee2MQTT
Intégration des appareils ZigBee
Electricity Maps
Connaître l’intensité de CO2 d’une région spécifique
Sensor.Community
Capteurs qualité d'air extérieurs PM2.5 et PM10
Browser Mod
Transformer un navigateur en entitées contrôlables
Freebox Player
Télécommande pour Freebox Player
ICS Calendar (iCalendar)
Intégration des calendriers ICS
Lovelace Gen
Améliorer l’analyseur YAML lovelace pour Home Assistant
Signal Ecogaz
Création d'entités pour les prévisions écogaz
Spook
Analyseur de problèmes lovelace, automatisations...
Spotcast
Lecture Spotify sur une Chromecast ou sur un appareil Spotify Connect
Tapo: Cameras Control
Intégration caméras Tapo
Vigieau
Suivi des restrictions eau
WebRTC Camera
Vue en temps réel stream caméras
ApexCharts card
Cartes graphiques personnalisées
Bar Card
Carte en forme de barre animé personnalisable
Button card
Lovelace button-card
Decluttering Card
RĂ©utiliser plusieurs fois une configuration de carte avec variables pour simplifier la configuration
Lovelace Card Mod
Ajout de styles CSS
Lovelace Layout Card
Contrôle poussé sur le placement des cartes
Lovelace Mini Graph Card
Cartes graphiques minimalistes
Paper Buttons Row
Ajout de boutons configurables utilisant des actions et un style par Ă©tat
Swipe Card
Carte utilsant le swipe tactile pour en parcourir plusieurs
Vertical Stack in Card
Groupe plusieurs cartes en une seule verticalement
Matériel | Modèle |
---|---|
Raspberry | Raspberry Pi 4B 4Go |
Tablette | Dodgee U10 |
SSD | SAMSUNG 840 Pro 128Go - MZ-7PD128 |
Zigbee | SONOFF EFR32MG21 (Type E) sur Zigbee2MQTT |
Onduleur | EATON 3S 550 FR |
Box internet | Freebox Mini 4K |
Caméras | TP-LINK Tapo C210 + D-LINK DCS-8300LH |
Capteurs de porte | AQARA MCCGQ11LM + SONOFF SNZB-04 |
Moniteur qualité d'air | AQARA TVOC AAQS-S01 |
Thermomètres | SONOFF SNZB-02D |
Ampoule | LEXMAN RGBTW P45 BULB |
Télécommande | LEXMAN HR-C99C-Z-C045-B |
Télécommande Alarme | LEXMAN LDSENK09 |
Thermostat | NETATMO sur chaudière gaz individuel |
Climatisation | MITSUBISHI MSZ-AY25VGK + MITSUBISHI MSZ-AY42VGK |
La base du Dashboard vient de mon mentor Aurel : Son repo
La base du Floorplan vient du repo de re-1st : Son repo
Un grand merci pour leur travail titanesque qui m'a vraiment aidé à progresser et à mieux comprendre le fonctionnement de Home Assistant !