🎹 [Mon Dashboard] - @Clemalex

Voici des captures d’écran de mon Lovelace.

La couleur violet provient de mon thĂšme, mais peut trĂšs bien ĂȘtre remplacĂ©e.

N’hĂ©sitez pas Ă  poser des questions.

2 9


animate (code)
animate(code)
animate (code)


animate(code)
animate Code
Code

2 « J'aime »

pour smartphone donc ?

Pas forcĂ©ment, s’adapte sur tablette et pc mais effectivement, orientĂ© smartphone.

Mais maintenant que nous pouvons faire plusieurs dashboard, je vais en faire un pour le nest hub.

Sur pc cela ne m’intĂ©resse pas.

idem un pour nesthub et Archos Hello 7

:eyes: pas assez joli pour les partager ? :wink: :zipper_mouth_face:

Nope je n’ai pas.encore ce que je veux

1 « J'aime »

Tu peux expliquer comment tu recupere les differents type d’essence et mettre en vert le moins cher ??

C’est expliquĂ© ici (le mĂȘme lien que je t’ai donnĂ© sur discord :wink:) avec une prĂ©cision ici.

MĂȘme si j’utilise encore la mĂ©thode de scrape, la mĂ©thode de @max5962 est Ă  prĂ©fĂ©rer (pour les stations de France seulement) (il faut cliquer sur les images pour lancer les gifs)

Concernant la coloration :

N’hĂ©sites pas si, aprĂšs avoir tout lu, tu as besoin d’explications ou de prĂ©cisions.

Ajout du niveau d’encre de mon imprimante.

Source

sympa ca pour ceux qui possĂšde une imprimante compatible cÂŽest assez utile

Oui, la mienne est apparue dans la partie intégration, rien eu a faire
 :innocent:

Quelle carte utilises-tu pour afficher/cacher les batteries Ă  la maniĂšre d’un menu dĂ©roulant ?
Je n’avais pas vu ça encore, c’est pratique

Salut @mat4444,

J’utilise fold-entity-row :

1 « J'aime »

Ajout de la maintenance du roborock (temps + bouton de reinitialsation)

Vraiment trĂšs chouette, Ă©purĂ© ! j’aime beaucoup !
Tes captures des « volets » et « capteurs » m’intĂ©resse. J’aime l’idĂ©e d’avoir plusieurs info sur la mĂȘme tuile ! ça Ă©vite un nombre important de tuile :smiley:

J’ai reussi Ă  le faire pour les caractĂ©ristiques de Pi, mais je n’arrive pas Ă  reproduire pour mes capteurs par exemple, j’aimerai rĂ©aliser ce que tu as fait pour ces derniers :grimacing:
J’ai des soucis au niveau des unitĂ©es par exemple 


A quoi sert le « cadena » dans la tuile garage ? Une sorte de code à taper pour rentrer sur la page ?

C’est une des options des la carte button-card qui empĂȘche dans mon cas l’ouverture accidentel du garage (il faut appuyer une premiĂšre fois sur le bouton pour enlever le cadena et une seconde fois pour activer l’action).

3 « J'aime »

Je teste mais j’ai un soucis au niveau de l’indentation
 tu l’intùgre ou exactement le bout de code ? à la fin ? au debut ?

Ouvre un fil de discussion en expliquant ce que tu veux :+1:

Ca permettra un meilleur rĂ©fĂ©rencement plutĂŽt qu’ici
 mais voici le code de mes boutons :

image image

Code de la carte (changement de couleur)
color: auto
color_type: icon
entity: cover.volet_rue_2
icon: 'mdi:chevron-down'
name: Descendre
show_icon: true
show_label: false
show_last_changed: false
show_name: true
show_state: false
styles:
  card:
    - border-radius: 10px
    - height: 75px
    - width: 75px
    - margin: 5px 5px 0px 11px
    - padding: 0px 0px
    - background-color: |
        [[[
          if (entity.attributes.current_position == '0') return 'var(--primary-background-inactive-color)';
          else return 'var(--primary-background-active-color)';
        ]]]
  grid:
    - position: relative
  icon:
    - position: absolute
    - left: 2px
    - top: '-15px'
    - color: |
        [[[
          if (entity.attributes.current_position == '0') return 'var(--grey-color)';
          else return 'var(--primary-color)';
        ]]]
  name:
    - position: absolute
    - left: 5px
    - bottom: 5px
    - font-variant: small-caps
    - font-size: 14px
    - color: |
        [[[
          if (entity.attributes.current_position == '0') return 'var(--grey-color)';
          else return 'var(--primary-color)';
        ]]]
tap_action:
  action: call-service
  service: cover.close_cover
  service_data:
    entity_id: cover.volet_rue_2
type: 'custom:button-card'





animate

Code de la carte (animation/couleur/changement d'icone)
color_type: card
custom_fields:
  battery: |
    [[[
     return `
       <span>
        <span style="color: var(--text-color-sensor);">
            ${entity.attributes.battery_level}%
        </span>
       </span>
       `
    ]]]
entity: binary_sensor.ouverture_fenetre_rue
hold_action:
  action: more-info
name: Rue
show_icon: true
show_last_changed: true
show_name: true
state:
  - color: var(--red-color)
    icon: 'mdi:door-open'
    styles:
      card:
        - border: var(--red-color)
        - animation: blink 0.7s ease infinite
      icon:
        - color: var(--white-color)
      label:
        - color: var(--white-color)
      name:
        - color: var(--white-color)
    value: 'on'
  - icon: 'mdi:door-closed'
    styles:
      card:
        - background-color: var(--primary-background-inactive-color)
        - border: var(--primary-background-inactive-color)
      icon:
        - color: var(--grey-color)
      label:
        - color: var(--grey-color)
      name:
        - color: var(--grey-color)
    value: 'off'
styles:
  card:
    - border-radius: 10px
    - height: 75px
    - width: 75px
    - margin: 5px 5px 0px 0px
    - padding: 0px 0px
  custom_fields:
    battery:
      - background-color: 'rgba(0, 0, 0, 0)'
      - position: absolute
      - right: 5%
      - top: 5%
      - font-size: 15px
      - line-height: 20px
      - '--text-color-sensor': |
          [[[
            if ( entity.state == 'on') return 'var(--white-color)';
            else if ( entity.attributes.battery_level < '10' ) return 'var(--red-color)';
            else if ( entity.attributes.battery_level < '20' ) return 'var(--orange-color)';
            else return 'var(--grey-color)';
          ]]]
  grid:
    - position: relative
  icon:
    - position: absolute
    - left: 2px
    - top: '-18px'
  label:
    - position: absolute
    - left: 5px
    - bottom: 5px
    - font-size: 12px
    - font-weight: bold
    - color: var(--primary-color)
  name:
    - position: absolute
    - left: 5px
    - bottom: 23px
    - font-variant: small-caps
    - color: var(--primary-color)
tap_action:
  action: more-info
type: 'custom:button-card'
1 « J'aime »

C’est marrant la façon dont tu Ă©cris ton code, de mettre le « type Â» de carte Ă  la fin

J’ouvre le fil quand j’ai un peu de temps, surement demain soir :sunglasses: