Forum KNX francophone / English KNX forum
Home Assistant - Navigation tabulaire vertical & horizontal - Version imprimable

+- Forum KNX francophone / English KNX forum (https://www.knx-fr.com)
+-- Forum : Français (https://www.knx-fr.com/forumdisplay.php?fid=3)
+--- Forum : Logiciels libres (linknx, knxweb, pKNyX,...) (https://www.knx-fr.com/forumdisplay.php?fid=10)
+--- Sujet : Home Assistant - Navigation tabulaire vertical & horizontal (/showthread.php?tid=8091)

Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 01/02/2023

Hello la compagnie

Cela fait plusieurs heures que je cherche s'il est faisable de faire un système d'onglets vertical ET Horizontal en même temps sur le Dashboard.

Je souhaiterai faire une navigation:

* Horizontale par pièce (chambre, cuisine, salon...)
* verticale par fonction (Light, Volets, Thermostat, Consommation, Serveur...)

Et garder une page "Home" de synthèse par exemple.

Un truc du genre:

[attachment=2144]

Est-ce faisable ce genre de chose?

Merci

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 01/02/2023

J'ai ce code pour des onglets horizontaux:
Code :
type: custom:tabbed-card
options: {}
tabs:
 - card:
     type: custom:mushroom-light-card
     entity: light.bureau_haut
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Lumières
 - card:
     type: custom:mushroom-light-card
     entity: sensor.bureau_etage_tdeg_reelle
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Temperature
 - card:
     type: custom:mushroom-light-card
     entity: cover.volet_escalier_gauche
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Volets
qui donne dans la pièces jointes (je n'arrive pas à me connecter à Casimages

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 01/02/2023

la même card en couleur:

Code :
type: custom:tabbed-card
styles:
 '--mdc-theme-primary': blue
 '--mdc-tab-text-label-color-default': orange
options: {}
tabs:
 - card:
     type: custom:mushroom-light-card
     entity: light.bureau_haut
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Lumières
 - card:
     type: custom:mushroom-light-card
     entity: sensor.bureau_etage_tdeg_reelle
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Temperature
 - card:
     type: custom:mushroom-light-card
     entity: cover.volet_escalier_gauche
     use_light_color: true
     show_brightness_control: true
     show_color_temp_control: false
     show_color_control: true
     fill_container: false
     hold_action:
       action: navigate
       navigation_path: http://192.168.1.243:8123/lovelace-tutorial/lights?edit=1
   attributes:
     label: Volets
Si tu arrives à ajouter des onglets verticaux je suis intéressé

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 01/02/2023

Hello Richard

Oui je connais ce code mais là c'est uniquement à l'horizontal.... Le but serait d'avoir les 2 (horizontal et vertical) en même temps ;-) d'où ma question ici.

En tout cas si je trouve quelque chose, je partagerai ici

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 01/02/2023

peux-tu me dire comment tu insères une image comme celle avec onglets verticaux et horizontaux??

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 01/02/2023

dans "aperçu du message" en dessous tu as les options pour charger des pièces jointes et les insérer dans le message

[attachment=2147]

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 01/02/2023

(01/02/2023, 15:24:07)Kevlille a écrit : dans "aperçu du message" en dessous tu as les options pour charger des pièces jointes et les insérer dans le message

[Image: attachment.php?thumbnail=2144]  Pour les pièces jointes je vois bien, mais comment as-tu insérer cette image d'onglets??

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 02/02/2023

Je ne comprends pas ta question...

C'est une image que j'ai récupérer sur le net et qui ne provient pas de Home Assistant (c'est du VB)

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 02/02/2023

(02/02/2023, 09:14:57)Kevlille a écrit : Je ne comprends pas ta question...

C'est une image que j'ai récupérer sur le net et qui ne provient pas de Home Assistant (c'est du VB)
OK je comprends, comme c'est du php tu peux le copier directement.
Comme j'utilises https://www.casimages.com/ pour envoyer des images, je suis coincé en ce moment car ce site ne fonctionne plus pour moi actuellement.

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 02/02/2023

Re

non c'est une copie jpg.

Le plus simple c'est d'utiliser une copie d'écran avec l'outil windows et l'enregistrer en .jpg et ensuite tu le charge directement sur le forum. Pas besoin de passer par un site d'hébergement

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 06/02/2023

Re

Quelqu'un à reussi à installer ce dashboard? https://github.com/dwainscheeren/dwains-lovelace-dashboard

J'aimerai le tester mais pas moyen de le mettre en place

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Jonathan007 - 06/02/2023

(06/02/2023, 11:23:57)Kevlille a écrit : Re

Quelqu'un à reussi à installer ce dashboard?  https://github.com/dwainscheeren/dwains-lovelace-dashboard

J'aimerai le tester mais pas moyen de le mettre en place

Il ressemble un peu à un mix mushroom et minimal. Avec une auto génération
La comme ca sur les images, je ne vois rien de dingue qui le fait sortir du lot en dehors de sa chiée de boutons qui ne permettent pas une action intuitive.
L'oeuil doit chercher l'information au lieu d'avoir l'info qui lui tombe dans l'oeuil...

Après, je peux passer à côté de quelque chose...

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 06/02/2023

Hello Jonathan

Oui je ne suis pas non plus emballé par le dashboard en lui-même.

C'est plutôt pour voir son architecture et comment se déroule l'affichage des pages imbriquées dans le dash global et essayer de l'adapter à ma sauce.

Mais bon comme je n'arrive pas à l'installer/utiliser (malgré son intégration réussie)... j'ai dû rater quelque chose mais quoi

RE: Home Assistant - Navigation tabulaire vertical & horizontal - richardpub - 06/02/2023

Installation avec HACS...
L'idée est pas mal, mais ca rajoute une couche supplémentaire à HA.

Pour ma part, j'ai planté ma dernière version de HA, en essayant désespérément d'installer des icones personnalisées.
Du coup impossible d'accéder à aucune des parties du serveur HA.
Et la, j'ai réalisé que j'avais vraiment fait beaucoup d'évolution en oubliant de sauvegarder mes WM sous proxmox.
Cela m'apprendra une fois de plus, d'être plus viligilant.
Par contre je découvre l'intérêt, d'avoir influxDB Grafana et Node-Red sur des containers séparés de la VM de HA.

Si quelqu'un à déjà customisé des icones, je suis preneur de la méthode, car bien qu'ayant suivi des tutos, je n'ai rien réalisé pour le moment.

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Jonathan007 - 06/02/2023

J'ai le même soucis. En voulant faire des tests avec Swiss Knife, j'ai un peu pourris mon HA et comme j'ai été un peu vite en besogne, j'ai pas fait ca sur une machine de test.
Now, je crains de perdre des données de log de production solaire qui sont sur influxDB si je clean mon HA...

RE: Home Assistant - Navigation tabulaire vertical & horizontal - Kevlille - 06/02/2023

Bon ce qui est rassurant c'est que l'on galère tous dès que l'on essaye de faire de la customisation  Big Grin

C'est pour cela que je fais mes essais de customisation sur une VM avec aucune intégration, avant de l'appliquer sur mon home Assistant en production

@richard: oui mettre InfluxDB/grafana/node red dans une VM dédiée est judicieux  Wink