Home Assistant - Navigation tabulaire vertical & horizontal

[Kevlille]

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:

   

Est-ce faisable ce genre de chose?

Merci

[richardpub]

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

[richardpub]

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é

[Kevlille]

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

[richardpub]

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

[Kevlille]

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

   

[richardpub]

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

  Pour les pièces jointes je vois bien, mais comment as-tu insérer cette image d'onglets??

[Kevlille]

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)

[richardpub]

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.

[Kevlille]

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

[Kevlille]

Re

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

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

[Jonathan007]

Re

Quelqu'un à reussi à installer ce dashboard?  https://github.com/dwainscheeren/dwains-...-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...

[Kevlille]

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

[richardpub]

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.

[Jonathan007]

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...

[Kevlille]

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

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