🎨 [Mon Dashboard] - @Clemalex

antyamok · Avril 6, 2021, 6:34

Et bien j’i l’impression que mes interrupteurs gérant les volets ne comprennent pas ce service.
Lorsque je par ex :

service: cover.set_cover_position
target:
  entity_id: cover.volet_bureau
data:
  position: 50

Je n’ai rien qui se passe !

Clemalex · Avril 6, 2021, 6:39

Ouvre un sujet d’entraide pour ça
En indiquant le materiel utilisé.

antyamok · Avril 6, 2021, 6:41

yes. Je vais le faire !

Clemalex · Mai 5, 2021, 8:21

Le code :

type: vertical-stack
cards:
  - color: auto
    color_type: icon
    icon: 'mdi:gas-station-outline'
    layout: icon_name
    name: SP95
    show_icon: true
    show_label: false
    show_last_changed: false
    show_name: true
    show_state: false
    styles:
      card:
        - border-radius: 10px
        - height: 50px
        - width: 200px
        - margin: 5px 5px 0px 0px
        - padding: 0px 0px
        - background-color: 'rgba(0,0,0,0)'
        - box-shadow: none
      grid:
        - position: relative
      icon:
        - position: absolute
        - left: 25px
        - width: 30%
        - top: 0px
        - color: var(--sp95-color)
      name:
        - position: absolute
        - left: '-20px'
        - font-size: 20px
    tap_action:
      action: none
    type: 'custom:button-card'
  - color_type: icon
    custom_fields:
      price: |
        [[[
         return `
           <span style="color: var(--text-color-sensor);">${states['sensor.essence_sp95_intermarche'].state}</span>`
        ]]]
    name: Intermarché
    show_icon: false
    show_last_changed: false
    show_name: true
    styles:
      card:
        - border: 2px solid var(--primary-color)
        - border-radius: 5px
        - height: 1em
      custom_fields:
        price:
          - background-color: 'rgba(0, 0, 0, 0)'
          - position: absolute
          - bottom: '-10px'
          - right: 5px
          - font-size: 15px
          - line-height: 20px
          - '--text-color-sensor': |
              [[[
                if ( (states['sensor.essence_sp95_best_price'].state == 'intermarche') ) return 'green';
                else return 'var(--primary-color)';
              ]]]
      grid:
        - position: relative
      name:
        - font-variant: small-caps
        - justify-self: start
        - padding: 0 15px
        - color: |
            [[[
              if ( (states['sensor.essence_sp95_best_price'].state == 'intermarche') ) return 'green';
              else return 'var(--primary-color)';
            ]]]
    type: 'custom:button-card'
    color_type: icon
    icon: 'mdi:gas-station-outline'
    layout: icon_name
    name: SP95
    show_icon: true
    show_label: false
    show_last_changed: false
    show_name: true
    show_state: false
    styles:
      card:
        - border-radius: 10px
        - height: 50px
        - width: 200px
        - margin: 5px 5px 0px 0px
        - padding: 0px 0px
        - background-color: 'rgba(0,0,0,0)'
        - box-shadow: none
      grid:
        - position: relative
      icon:
        - position: absolute
        - left: 25px
        - width: 30%
        - top: 0px
        - color: var(--sp95-color)
      name:
        - position: absolute
        - left: '-20px'
        - font-size: 20px
    tap_action:
      action: none
    type: 'custom:button-card'
  - color_type: icon
    custom_fields:
      price: |
        [[[
         return `
           <span style="color: var(--text-color-sensor);">${states['sensor.essence_sp95_carrefour'].state}</span>`
        ]]]
    name: Carrefour
    show_icon: false
    show_last_changed: false
    show_name: true
    styles:
      card:
        - border: 2px solid var(--primary-color)
        - border-radius: 5px
        - height: 1em
      custom_fields:
        price:
          - background-color: 'rgba(0, 0, 0, 0)'
          - position: absolute
          - bottom: '-10px'
          - right: 5px
          - font-size: 15px
          - line-height: 20px
          - '--text-color-sensor': |
              [[[
                if ( (states['sensor.essence_sp95_best_price'].state == 'carrefour') ) return 'green';
                else return 'var(--primary-color)';
              ]]]
      grid:
        - position: relative
      name:
        - font-variant: small-caps
        - justify-self: start
        - padding: 0 15px
        - color: |
            [[[
              if ( (states['sensor.essence_sp95_best_price'].state == 'carrefour') ) return 'green';
              else return 'var(--primary-color)';
            ]]]
    type: 'custom:button-card'

engi · Mai 26, 2021, 3:12

Bonjour Clemalex,

Je débute avec les custom button card.
Peux tu me dire où tu stockes la valeur de cette variable : var(--sp95-color) ?
Merci pour ton aide

Clemalex · Mai 26, 2021, 3:53

C’est des variables à déclarer dans le thème utilisé par l’utilisateur :

J’en parle ici-> https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/44?u=clemalex

Et explique ici → https://forum.hacf.fr/t/comment-colorer-ses-icones-pour-les-debutants-tuto-debutant-n-1/308/46?u=clemalex

Et ça semble correspondre à ce sujet où je l’explique (mieux ?) :

https://forum.hacf.fr/t/utiliser-des-variables-dans-les-modeles/3141/2?u=clemalex

engi · Mai 26, 2021, 4:23

Cool, merci pour la réponse et sa rapidité !

Clemalex · Mars 25, 2022, 6:24

Un message a été scindé en un nouveau sujet : Adaptation d’une animation

Guizmos · Décembre 18, 2022, 3:55

Salut,

Merci pour ce partage et pour ce super boulot.
Comment obtiens-tu ce sensor :

C’est tout ce qu’il me manque pour pouvoir utiliser correctement ta card

Clemalex · Décembre 18, 2022, 10:45

Ici :

Guizmos · Décembre 19, 2022, 11:56

Merci pour la réponse, c’est parfait

Coben · Mars 27, 2023, 5:42

Hello,

Je deterre un peux.

@Clemalex Possible d’avoir la carte avec le thermostat?

Merci d’avance!

Clemalex · Mars 27, 2023, 7:52

Quelles cartes exactement ?

Coben · Mars 27, 2023, 7:53

celle-là

Coben · Mars 27, 2023, 8:00

question subsidiaire :

J’ai fait une carte pour un groupe de lumière :

le code

type: entities
entities:
  - type: custom:fold-entity-row
    head:
      type: section
      label: lumières
    entities:
      - type: custom:hui-horizontal-stack-card
        cards:
          - type: custom:mushroom-light-card
            entity: light.yeelight_color_0x7e10610
            fill_container: false
            primary_info: name
            secondary_info: state
            icon_type: icon
            use_light_color: true
            show_brightness_control: true
            show_color_temp_control: true
            show_color_control: true
            collapsible_controls: false
            name: Yeelight 3
            card_mod:
              style: |
                ha-card {
                        background: rgb(46, 64, 83);
                        box-shadow: none;
                }
          - type: light
            entity: light.yeelight_color_0x7e3f01a

Ca fonctionne mais je souhaiterai ajouter un message uniquement si une des lumières est allumée; avec un code du style

type: custom:mushroom-title-card
title: |
  Hello


  En ce moment {{ states.light | selectattr('state','eq','on') | list | count }}
  lumières sont allumées!
alignment: center

une petite idée?

Merci!

Clemalex · Mars 27, 2023, 9:31

C’est exactement le même principe qu’ici :

Clemalex · Mars 27, 2023, 9:32

Ouvre un sujet dédié pour cela tu peux déjà aller voir par ici :

Coben · Mars 27, 2023, 9:44

Super merci, je me penche la dessus…

Et la carte thermostat?

Merci!

Coben · Mars 27, 2023, 10:03

en fait la réponse est là.
merci!

karim_taz · Décembre 21, 2023, 5:54

tu peux regarder la j’ai suivi a la lettre et ca marche nickel
https://www.youtube.com/watch?v=dGoXLjy6z2c&list=PL8HXksRKFtKso7AyRvKKiwfFXGil9pbTJ&index=1