mathieucarbou/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Example: config-template-card + bar-card


bar-card: https://github.com/custom-cards/bar-card
config-template-card: https://github.com/iantrich/config-template-card

type: custom:config-template-card
variables:
  - entity: sensor.deshumidificateur_chambre_power
    name: Déshumidificateur chambre
  - entity: sensor.deshumidificateur_etage_power
    name: Déshumidificateur étage
  - entity: sensor.deshumidificateur_salon_power
    name: Déshumidificateur salon
  - entity: sensor.lampadaire_salon_power
    name: Lampadaire
  - entity: sensor.sapin_noel_power
    name: Sapin
  - entity: sensor.dry_cabinets_power
    name: Dry cabinets
  - entity: sensor.lave_vaisselle_power
    name: Lave-vaisselle
  - entity: sensor.four_power
    name: Four
  - entity: sensor.circuit_climatisation_power
    name: Climatisation
  - entity: sensor.chauffage_power
    name: Chauffage
  - entity: sensor.circuit_lumieres_power
    name: Lumières
  - entity: sensor.laveuse_fagor_power
    name: Laveuse Fagor
  - entity: sensor.laveuse_proline_power
    name: Laveuse Proline
  - entity: sensor.secheuse_power
    name: Sécheuse
  - entity: sensor.cameras_garage_power
    name: Caméras garage
  - entity: sensor.openevse_power
    name: Chargeur Zoé
  - entity: sensor.robot_tondeuse_power
    name: Robot tondeuse
  - entity: sensor.frigo_power
    name: Frigo
  - entity: sensor.prise_bureau_imprimante_power
    name: Prise bureau (imprimante)
  - entity: sensor.prise_bureau_ordis_power
    name: Prise bureau (ordis)
  - entity: sensor.prise_chambre_imprimante_power
    name: Prise chambre (imprimante)
  - entity: sensor.prise_chambre_ordis_power
    name: Prise chambre (ordis)
  - entity: sensor.prise_chambre_tv_power
    name: Prise chambre (TV)
  - entity: sensor.prise_salon_tv_power
    name: Prise salon (TV)
  - entity: sensor.prise_cuisine_cave_a_vin_power
    name: Prise cuisine (cave à vin)
  - entity: sensor.prise_salon_ordis_power
    name: Prise salon (ordis)
  - entity: sensor.fossibot_f3600_power
    name: Fossibot F3600
entities:
  - sensor.deshumidificateur_chambre_power
  - sensor.deshumidificateur_etage_power
  - sensor.deshumidificateur_salon_power
  - sensor.lampadaire_salon_power
  - sensor.sapin_noel_power
  - sensor.dry_cabinets_power
  - sensor.lave_vaisselle_power
  - sensor.four_power
  - sensor.circuit_climatisation_power
  - sensor.chauffage_power
  - sensor.circuit_lumieres_power
  - sensor.laveuse_fagor_power
  - sensor.laveuse_proline_power
  - sensor.secheuse_power
  - sensor.cameras_garage_power
  - sensor.openevse_power
  - sensor.robot_tondeuse_power
  - sensor.frigo_power
  - sensor.prise_bureau_imprimante_power
  - sensor.prise_bureau_ordis_power
  - sensor.prise_chambre_imprimante_power
  - sensor.prise_chambre_ordis_power
  - sensor.prise_chambre_tv_power
  - sensor.prise_salon_tv_power
  - sensor.prise_cuisine_cave_a_vin_power
  - sensor.prise_salon_ordis_power
  - sensor.fossibot_f3600_power
element:
  type: custom:bar-card
  entities: >-
    ${vars.filter(v => states[v.entity] && states[v.entity].state &&
    states[v.entity].state >= 1).sort((v1,v2) =>
    states[v2.entity].state-states[v1.entity].state)}
  direction: right
  entity_row: false
  min: 0
  max: >-
    ${ Math.max(...vars.map(v => states[v.entity].state).filter(v => v !=
    'unavailable'))}
  height: 20px
  stack: vertical
  decimal: 0
  icon: mdi:flash
  positions:
    icon: 'off'
    indicator: outside
    name: inside
    value: inside
  severity:
    - color: '#a1a1a1a8'
      from: 0
      to: 2
    - color: '#3ea832a8'
      from: 2
      to: 10
    - color: '#85a832a8'
      from: 10
      to: 50
    - color: '#a8a432a8'
      from: 50
      to: 200
    - color: '#a88732a8'
      from: 200
      to: 500
    - color: '#a86732a8'
      from: 500
      to: 1000
    - color: '#a84632a8'
      from: 1000
      to: 3000
    - color: '#a83232a8'
      from: 3000
      to: 10000
  style: |
    #states > * {
      margin: 1px;
    }
    bar-card-name, bar-card-value {
      font-size: 0.9rem;
      color: #ffffffaa;
      font-weight: bold;
    }
    bar-card-value {
      font-weight: bolder;
    }
    bar-card-indicator {
      margin-top: 4px;
      transform: scaleY(-1);
    }