Afficher date et heure courante dans une custom:button-card

Bonjour,

Je bute sur un truc bête : je voudrais afficher la date courante et l’heure courante (avec défilement des secondes) dans un custom:button-card (label). J’utilise ça mais les secondes ne défilent pas :

            label: |
              [[[
                return helpers.formatDateNumeric(Date.now()) + " " + helpers.formatTimeWithSeconds(Date.now());
              ]]]
            show_label: true

L’affichage se rafraichit uniquement au changement de minutes avec un passage à blanc de la carte (tout s’efface).

Salut,
cadeau !

rajoute c’est ligne dans ton code.

triggers_update: all
1 « J'aime »

Merci @WarC0zes

J’avais vu le post qui validait cette solution, mais ça ne fonctionne pas sur ma carte.

ca fonctionne. Ton code qui est trop lourd peu être .
refrsh time

C’est possible, je suis sur mon tableau de bord pour la tablette :


D’un pc ca donne quoi ?
les secondes défile bien ?

Je vois que tu as pu t’en sortir pour les boutons mic et speaker :+1:
Mon tuyau a fonctionné ?
Ce serait bien que tu partage le code de cette partie histoire d’en faire profiter la communauté.

@+

Non, les secondes ne défilent pas non plus sur PC :woozy_face:

Je n’ai pas encore tester, @Krull56 j’ai juste mis les boutons… Il faut que je vois avec la doc de la carte Frigate mais pour l’instant je n’y ai pas compris grand chose (je n’ai lu qu’en diagonale).

Bon, je me suis fait avoir :grin:
C’est pas plutôt une ligne sur 2 ? :crazy_face:

l’heure fais partie d’un custom_fields ?

Oui, l’heure est un label d’un custom_fields

  carte_sonnette:
    card:
      type: custom:button-card
      name: Sonnette vidéo
      entity: input_number.tableau_de_bord_carte_courante
      show_state: false
      show_icon: false
      custom_fields:
        sonnette_video:
          card:
            type: custom:frigate-card
            cameras:
              - camera_entity: camera.reolink
                live_provider: go2rtc
                go2rtc:
                  modes:
                    - webrtc
            menu:
              buttons:
                microphone:
                  enabled: true
                  alignment: opposing
                timeline:
                  enabled: false
                cameras:
                  enabled: false
                frigate:
                  enabled: false
                download:
                  enabled: false
                media_player:
                  enabled: false
                mute:
                  enabled: true
                  alignment: opposing
                camera_ui:
                  enabled: false
              style: overlay
              position: bottom
              button_size: 50
            live:
              controls:
                thumbnails:
                  mode: none
              auto_mute: all
              preload: false
            dimensions: {}
            media_gallery:
              controls:
                thumbnails:
                  size: 140
                  show_favorite_control: false
                  show_timeline_control: false
                  show_download_control: false
                filter:
                  mode: none
        sonnette_masque:
          card:
            type: custom:button-card
            label: |
              [[[
                return helpers.formatDateNumeric(Date.now()) + " " + helpers.formatTimeWithSeconds(Date.now());
              ]]]
            show_label: true
            triggers_update: all
            styles:
              card:
                - background-color: rgba(255,255,255,0.0)
                - background-image: url(/local/images/sonnette_masque.png)
                - background-size: cover
                - border-radius: 0px
                - border: none
                - width: 815px
                - height: 627px
              label:
                - font-size: 1.0em
                - font-weight: bold
                - color: rgba(255,255,255,0.7)
                - padding-left: '-10px'
                - margin-top: '-20px'
                - align-self: start
                - text-align: start
          tap_action:
            action: none
          hold_action:
            action: none
      styles:
        card:
          - background-color: rgba(128,128,128,1.0)
          - border: 2px outset darkgrey
          - aspect-ratio: 1.237/1
          - border-radius: 1%
          - width: 830px
          - padding-left: 5px
          - z-index: |
              [[[
                if (states['input_number.tableau_de_bord_carte_courante'].state == '19.0')
                  return '1';
                else
                  return '-1';
              ]]]
        name:
          - font-size: 0.9em
          - font-weight: bold
          - justify-self: start
          - align-self: start
          - margin-top: '-30px'
          - color: lightgrey
        custom_fields:
          sonnette_video:
            - position: absolute
            - left: 10px
            - top: 22px
            - width: 805px
          sonnette_masque:
            - position: absolute
            - left: 4px
            - top: 22px
            - width: 805px
      tap_action:
        action: none
      hold_action:
        action: none

Du custom_fiels dans du custom_fiels , quel bordelle :stuck_out_tongue:

Ou place tu la ligne triggers_update: all ?

Elle est dans le custom_fields « sonnette_masque », juste après le « show_label: true »

Test avant, a la racine du button-card.

essai avec ce code en plus

group_expand: true

En le mettant à la racine de la carte, ça met à jour les secondes beaucoup plus rapidement sur le PC mais à chaque rafraichissement le tableau de bord fait un flash blanc.

Je pense qu’effectivement la carte est trop lourde pour faire défiler les secondes avec fluidité

C’est pour ca que j’ai refais mon dashboard tablette plus minimalist. Faut la super tablette pour customiser son dashboard :wink:

Bah, ça ne marche pas mieux sur le PC que sur la tablette… J’ai supprimer l’affichage des secondes mais le flash se produit au changement de minutes aussi.
Je vais supprimer la partie de mon image qui masque le décompte du temps de la caméra de la sonnette Reolink.

sourdine

Regarde ça comme c’est bô :stuck_out_tongue_winking_eye:

1 « J'aime »