Une carte Lovelace élégante et animée pour visualiser et contrôler vos stores dans Home Assistant avec personnalisation complète des fenêtres et vitrages.
- 🎨 Animation fluide - Le store monte et descend en temps réel
- 🪟 6 types de fenêtres - Simple, Double, 4 Carreaux, Triple, Baie vitrée, Grille
- 📏 Dimensions personnalisables - 4 largeurs et 4 hauteurs
- 🖼️ Couleur de cadre - Personnalisable
- 🎭 5 styles de vitrage - Clair, Dépoli, Teinté, Réfléchissant, Vitrail
- 🌈 Couleurs personnalisables - Choisissez la couleur de votre store
- 🎚️ Contrôle intuitif - Curseur et boutons pour un contrôle facile
- 📱 Responsive - S'adapte à toutes les tailles d'écran (Petit, Moyen, Grand)
- ⚙️ Options d'affichage - Masquez le texte de position pour un look minimaliste
- Ouvrez HACS
- Allez dans "Frontend"
- Cliquez sur "+" et recherchez "Window Blind Card"
- Installez et redémarrez Home Assistant
Téléchargez window-blind-card.js et placez-le dans /config/www/
Ajoutez la ressource dans Configuration → Tableaux de bord → Ressources
Vous pouvez configurer la carte facilement via l'éditeur visuel de Home Assistant.
| Paramètre | Défaut | Options | Description |
|---|---|---|---|
entity |
requis | ID de votre cover |
L'entité du store à contrôler. |
name |
"Store" | Texte libre | Le nom affiché en haut de la carte. |
size |
"medium" | small, medium, large |
Ajuste la taille globale de la carte. |
show_position_text |
true |
true, false |
Affiche ou masque le texte "% ouvert". |
window_type |
"double" | single, double, four-panes, triple, bay, grid |
Le style de la fenêtre. |
window_width |
"medium" | narrow, medium, wide, extra-wide |
La largeur de la fenêtre. |
window_height |
"medium" | short, medium, tall, extra-tall |
La hauteur de la fenêtre. |
glass_style |
"clear" | clear, frosted, tinted, reflective, stained |
L'apparence du vitrage. |
window_frame_color |
"#333333" | Code couleur hex | La couleur du cadre de la fenêtre. |
blind_color |
"#d4d4d4" | Code couleur hex | La couleur principale du store. |
blind_slat_color |
"#999999" | Code couleur hex | La couleur des lignes des lattes. |
Une carte de taille moyenne avec une fenêtre double standard.
type: custom:window-blind-card
entity: cover.votre_store
name: Mon Store
Résultat : Une carte simple et fonctionnelle, idéale pour un contrôle rapide.
Une grande baie vitrée pour un salon moderne, avec une taille de composant augmentée.
type: custom:window-blind-card
entity: cover.salon
name: Store du Salon
size: large
window_type: bay
window_width: extra-wide
window_height: tall
window_frame_color: '#000000'
glass_style: clear
Résultat : Une carte imposante qui simule une grande baie vitrée, parfaite pour un tableau de bord principal.
Une petite fenêtre avec un vitrage dépoli pour plus d'intimité.
type: custom:window-blind-card
entity: cover.salle_de_bain
name: Store SDB
size: small
window_type: single
window_width: narrow
window_height: short
glass_style: frosted
show_position_text: false
Résultat : Une carte compacte et discrète, avec le texte de position masqué pour un look minimaliste.
Une fenêtre de taille moyenne avec 4 carreaux et un cadre en bois.
type: custom:window-blind-card
entity: cover.bureau
name: Store Bureau
window_type: four-panes
window_width: medium
window_height: medium
window_frame_color: '#8B4513'
glass_style: tinted
Résultat : Une carte au style classique qui s'intègre bien dans un environnement de bureau.
Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une PR.
MIT License
Si vous aimez cette carte, n'hésitez pas à mettre une étoile ⭐ sur GitHub !
Made with ❤️ for the Home Assistant community