Aide Popup Browser mod

[Coben]

@WarC0zes : super ! Merci! ca marche bien!

En revanche j’ai essayé d’alléger la carte en suivant un excellent tuto de @Clemalex

Button-card - Les modèles (templates)

Tout d’abord, lire la documentation sur les modèles (plusieurs fois car beaucoup d’informations) Ensuite, regarder à la racine du git de @kaoru par exemple qui en utilise… Et lui poser des questions… La consigne qu’il faut respecter c’est que les modèles doivent être en première position dans la configuration de ton tableau de bord (ui-lovelace.yaml ou depuis l’interface graphique)… J’avais fais ce gif pour un utilisateur de Discord pour lui indique…

j’ai donc essayer d’integrer des template a l’aide de l’editeur de configuration du dashboard
le code :

button_card_templates:
  mode:
    size: normal
    style: '--popup-border-radius: 10px'
    title: test
    content:
      type: custom:hui-horizontal-stack-card
      cards:
        - type: custom:button-card
          color: auto
          color_type: icon
          name: mode Home
          show_icon: true
          show_label: false
          show_last_changed: false
          show_name: true
          show_state: false
          styles:
            card:
              - border-radius: 10px
              - height: 45px
              - width: 85px
              - margin: 5px 5px 5px 5px
              - padding: 0px 0px
            grid:
              - position: relative
            icon:
              - position: absolute
              - left: 2px
              - top: '-15px'
            name:
              - display: flex
              - justify-content: center
              - font-variant: small-caps
              - font-size: 14px
          tap_action:
            action: call-service
            service: rest_command.mode_home_yeelight1
        - type: custom:button-card
          color: auto
          color_type: icon
          name: mode TeaTime
          show_icon: true
          show_label: false
          show_last_changed: false
          show_name: true
          show_state: false
          styles:
            card:
              - border-radius: 10px
              - height: 45px
              - width: 85px
              - margin: 5px 5px 5px 5px
              - padding: 0px 0px
            grid:
              - position: relative
            icon:
              - position: absolute
              - left: 2px
              - top: '-15px'
            name:
              - display: flex
              - justify-content: center
              - font-variant: small-caps
              - font-size: 14px
          tap_action:
            action: call-service
            service: rest_command.mode_teatime_yeelight1

celui de la carte :

show_name: true
show_icon: true
type: button
name: Test Button
hold_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      deviceID: THIS
      template: mode

et a nouveau ca :

merci!