Souci pour mettre une carte "dans" button-card

Entraide Home Assistant
1

Bonjour,

Migration toujours en cours depuis mon ancien système, j’avance doucement.
J’ai récemment installé Pronote qui semble maintenant fonctionner correctement.
La suite de mon projet :
-afficher l’agenda du jour (de l’école donc) sur mon dashboard =>Ca c’est fait
-Rendre cet agenda cliquable pour aller sur un autre ongler=>C’est là où se trouve mon souci.

J’ai bien installé button-card, j’arrive à lui faire un tap_action pour naviguer.
Je n’arrive pas à afficher l’agenda dans le button-card ou (si ça fonctionne dans l’autre sens) à insérer le button-card dans pronote-timetable-card

type: custom:pronote-timetable-card
entity: sensor.pronote_********_timetable_today
display_header: false
display_lunch_break: true
display_classroom: true
display_teacher: true
display_day_hours: true
dim_ended_lessons: true
max_days: null
current_week_only: false

et

type: custom:button-card
tap_action:
  action: navigate
  navigation_path: /dashboard-tablette/ecole

J’ai pas mal parcouru le forum mais je ne trouve pas chaussure à mon pied.
Merci pour l’aide.

2

Bonjour,
pour faire simple, utilise la carte vertical-stack-in-card.
Qui permet de coller les cartes entre elle.

exemple:

type: 'custom:vertical-stack-in-card'
cards:
  - type: custom:pronote-timetable-card
    entity: sensor.pronote_********_timetable_today
    display_header: false
    display_lunch_break: true
    display_classroom: true
    display_teacher: true
    display_day_hours: true
    dim_ended_lessons: true
    max_days: null
    current_week_only: false
  - type: custom:button-card
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablette/ecole
3

Bonjour,
Merci pour ton aide.
Si je lis bien le fonctionnement de vertical-stack-in-card, ça va effectivement « aligner » verticalement les 2 éléments dont je parle.
Si c’est bien cela, ce n’est pas de que je recherche.
Je voudrais avoir une carte qui affiche l’agenda et, si je clique dessus, ça me ramène au lien que j’ai indiqué sur le « navigate ». Ce ne sont pas 2 cartes l’une au dessus ou a côté de l’autre mais une seule carte qui affiche l’agenda et qui est cliquable.

4

Hello, a moins que je n’ai rien compris (et il y a bq de chances que ce soit cela :wink: )^^: et si tu rajoutes

    tap_action:
      action: navigate
      navigation_path: /dashboard-tablette/ecole

à ta carte pronote comme cela:

type: 'custom:vertical-stack-in-card'
cards:
  - type: custom:pronote-timetable-card
    entity: sensor.pronote_********_timetable_today
    display_header: false
    display_lunch_break: true
    display_classroom: true
    display_teacher: true
    display_day_hours: true
    dim_ended_lessons: true
    max_days: null
    current_week_only: false
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablette/ecole

Cela ne fonctionne pas ?

1 « J'aime »
5

Salut,
la carte custom:pronote-timetable-card ne supporte pas le tap_action.

6

bah voila, cqfd ^^ :innocent:

7

C’est le doute que j’avais, je voulais tester avant de répondre. :blush:
Mais (désolé, je suis néophyte) si je teste comme ça, ça peut fonctionner?

type: 'custom:vertical-stack-in-card'
cards:
  - type: custom:pronote-timetable-card
    entity: sensor.pronote_********_timetable_today
    display_header: false
    display_lunch_break: true
    display_classroom: true
    display_teacher: true
    display_day_hours: true
    dim_ended_lessons: true
    max_days: null
    current_week_only: false
tap_action:
      action: navigate
      navigation_path: /dashboard-tablette/ecole

Si je comprends le fonctionnement, dans ce cas, le « tap-action » se rapporterait « vertical-stack-in-card » et non à « pronote-timetable-card »…
Mais…est-ce que ce les « enfants » du « vertical-stack-in-card » héritent de cette propriété…, je ne sais pas

8

Non, vertical-stack-in-card n’a pas le support du tap_action.

image
image806×309 15.6 KB

Est-ce que la carte pronote-timetable-card à des actions si on clique sur la carte ?

9

Non, aucune, pas de more info ou autre

1 « J'aime »
10

C’est simple, tu mets la carte pronote-timetable-card en custom_fields de ta carte custom:button-card

1 « J'aime »
11

@yoyoso test ce code.

type: custom:button-card
aspect_ratio: 1/1
custom_fields:
  pronote:
    card:
      type: custom:pronote-timetable-card
      entity: sensor.pronote_********_timetable_today
      display_header: false
      display_lunch_break: true
      display_classroom: true
      display_teacher: true
      display_day_hours: true
      dim_ended_lessons: true
      max_days: null
      current_week_only: false
  fond:
    card:
      type: custom:button-card
      aspect_ratio: 1/1
      styles:
        card:
          - background: none
          - border: none
      tap_action:
        action: navigate
        navigation_path: /dashboard-tablette/ecole
      hold_action:
        action: none
styles:
  custom_fields:
    pronote:
      - position: absolute
    fond:
      - position: absolute
      - width: 100%
      - height: 100%

@Cleya , c’est justement a ce que je pensais.

1 « J'aime »
12

Exactement ce qu’il me fallait.
Merci beaucoup les gars
Me reste à gérer les alignements de la carte « pronote » dans la carte « button » mais pas grave, je verrai dans un second temps.

13

Pour l’alignement, tu définis le top et le left de ton custom_fields :

styles:
  custom_fields:
    pronote:
      - position: absolute
      - top: nbr de pixels px
      - left: nbr de pixels px

Le top et le left sont définis par rapport au coin supérieur gauche de ta carte custom:button-card

14

Ca doit fonctionner sans le custom_fields « fond » par dessus le custom_fields « pronote ».
Le tap_action doit pouvoir fonctionner directement pour le custom_fields « pronote » (à vérifier).

15

J’ai pas essayer. j’ai mis le fond par dessus au moins toute la carte est clickable.

16

Ca revient au même, si tu mets le custom_fields avec un top à 0 px et un left à 0 px avec la largeur et la hauteur identique à la custom:button-card de support (de plus, pas de souci d’alignement dans ce cas)

17

J’ai légèrement modifié, l’agenda est maintenant sur toute la carte :

styles:
  custom_fields:
    pronote:
      - position: absolute
      - width: 100%
      - height: 100%
    fond:
      - position: absolute
      - width: 100%
      - height: 100%
1 « J'aime »
18

Encore merci, ça me permet également d’utiliser cette base pour pas mal d’autres cartes ou pop up