HATC-GAUGE-CARD

Installation

Se rendre sur HACS, puis dépôt personnalisé ajouter https://github.com/tagcashdev/hatc-gauge-card au Dépot et choisir catégorie Lovelace

Puis appuyer sur le bouton ( Explorer et télécharger des dépôts), chercher HATC et installer. Enjoy !

Description

Carte personnalisée pour lovelace qui peut être utilisée comme carte ou élément dans une carte button-card par example.

Fonctionnalité futures

Pouvoir modifier la couleur et l’opacité de la gauge (proposé par Thomas Chauvin)
Choix des positions de l'Icon, État, Unité à l'intérieur de la jauge
Ajout double_tap_action & hold_action
Ajout d'un severity par defaut en fonction des entitées avec détection automatique (Garder la possibilité de changer la severity manuellement)
Pouvoir définir un statut grâce à un attribut de l'entité au lieu du statut de l'entité
...

Fonctionnalité futures (peut-être)

Posibilité de régler la luminosité, couleur d'une lumière grace à la gauge
...
Contactez-moi pour proposer des idées (Mail, Facebook, etc.)

Merci de soutenir mon travail en téléchargeant cette carte personnalisé ! Si vous aimez mon travail likez, abonnez-vous au repo :) Et si vous souhaitez contribuer aux nombreux café que je consomme vous pouvez m'offrir 1 ct ou plus grâce à ce lien : https://www.paypal.me/tagcash

Options

Name	Type	Requis	Default	Description	Options
type	string	Obligatoire	-	`custom:hatc-gauge-card`	-
entity	string	Obligatoire	-	`sensor‧processor_temperature`	-
card	object	Optionnel	null	Permet de changer la hauteur de la carte, voir exemple	px
title	string/object	Optionnel	entity‧attribute.friendly_name	Permet de changer le titre de la carte, voir exemple	false, '', hide, string, object voir configuration
gauge	object	Optionnel	-	Configuration de la Jauge	-

Card Options

Name	Type	Requis	Default	Description	Options
height	string	Optionnel	-	Hauteur de la carte	px

Title Options

Name	Type	Requis	Default	Description	Options
name	string	Optionnel	-	Titre de la carte	false, string
text-align	string	Optionnel	left	Allignement du titre de la carte	left, center, right
font-size	string	Optionnel	22px	Taille du texte du titre de la carte	px, em
text-color	string	Optionnel	var(--secondary-text-color)	Couleur du titre de la carte, à noter que severity permet de changer la couleur du texte automatiquement en fonction des couleurs choisi dans l'option severity	severity, red, #ff0000, rgb(255,0,0), var(--color)
icon	string	Optionnel	entity‧attributes‧icon;	Icon du titre de la carte, à noter que severity permet de changer l'icon automatiquement en fonction des icons choisi dans l'option severity	false, mdi:xxx, severity
icon-color	string	Optionnel	white	Couleur de l'icon du titre de la carte, à noter que severity permet de changer la couleur du texte automatiquement en fonction des couleurs choisi dans l'option severity	severity, red, #ff0000, rgb(255,0,0), var(--color)

Gauge Options

Name	Type	Requis	Default	Description	Options
max_value	string/integer	Optionnel	100	Permet de modifier la valeur maximum de la jauge et adapter automatiquement la position de la jauge	-
state	string	Optionnel	entity‧state	Permet de modifier la valeur de l'état ou de cacher l'état dans la jauge	false, string
text-color	string	Optionnel	black	Permet de changer la couleur du text à l'intérieur du cercle de la jauge, à noter que severity permet de changer la couleur du texte automatiquement en fonction des couleurs choisi dans l'option severity	severity, red, #ff0000, rgb(255,0,0), var(--color)
font-size	string	Optionnel	22px	Taille du texte de l'icon & l'état de la jauge	px, em
unit_of_measurement	string	Optionnel	hassEntity‧attributes‧unit_of_measurement	Permet de modifier la valeur de l'unité ou de cacher l'unité dans la jauge	false, string
icon	string	Optionnel	entity‧attributes‧icon;	Icon de la jauge, à noter que severity permet de changer l'icon automatiquement en fonction des icons choisi dans l'option severity	false, mdi:xxx, severity
icon-color	string	Optionnel	white	Couleur de l'icon de la jauge, à noter que severity permet de changer la couleur du texte automatiquement en fonction des couleurs choisi dans l'option severity	severity, red, #ff0000, rgb(255,0,0), var(--color)
icon-size	string	Optionnel	22px	Taille du texte de l'icon de la jauge	px, em
digits	integer	Optionnel	0	nombre de décimale après la virgule	-
direction	string	Optionnel	row	Affichage vertical / horizontal	row, column, row-reverse, column-reverse
severity	object	Optionnel	-	Configuration severity	-

Severity Options

Name	Type	Requis	Default	Description	Options
color	string	Optionnel	-	couleur à utiliser	red, #ff0000, rgb(255,0,0), var(--color)
from	integer	Optionnel	-	A partir de	number
to	integer	Optionnel	-	jusqu'à	number
icon	integer	Optionnel	-	Icon à utiliser	mdi:xxx

Examples

Minimum

type: custom:hatc-gauge-card
entity: sensor.temperature_moyenne_hall_d_entree

Default

type: custom:hatc-gauge-card
entity: sensor.temperature_moyenne_hall_d_entree

card:
  height: 150px

title: Titre de la carte

gauge:
  max_value: 50 
  text-color: severity
  unit_of_measurement: false
  severity:
    - color: blue
    - color: yellow
      from: 20
      to: 22
    - color: orange
      from: 22
      to: 24
    - color: var(--red)
      from: 24
      to: 26
    - color: purple
      from: 26
      to: 28
    - color: purple
      icon: mdi:xxx
      from: 28
      to: 50

Titre simple

title: Titre de la carte

Titre options

title:
  name: Titre de la carte
  text-align: center
  font-size: 20px
  text-color: red
  icon-color: severity
  icon: severity

Cacher le titre

Solution n°1

type: custom:hatc-gauge-card
entity: sensor.temperature_moyenne_hall_d_entree
title:
  name: false
  icon: false

Solution n°2 (à partir de la V0.5.3.2)

type: custom:hatc-gauge-card
entity: sensor.temperature_moyenne_hall_d_entree
title: false

Gauge options

gauge:
  max_value: 50 
  text-color: severity
  unit_of_measurement: false
  state: false
  icon: severity
  icon-size: 12px
  icon-color: white
  severity:
    - color: blue
    - color: yellow
      from: 20
      to: 22
    - color: orange
      from: 22
      to: 24
    - color: var(--red)
      from: 24
      to: 26
    - color: purple
      from: 26
      to: 28
    - color: purple
      icon: mdi:xxx
      from: 28
      to: 50

Gestion des décimales

Permet de gérer le nombre décimal à afficher (à partir de la V0.5.3.6)

type: custom:hatc-gauge-card
entity: sensor.entree_grp_air_temperature
gauge:
  digits: 3

Direction

Afficher horizontalement ou verticalement (à partir de la V0.5.4.0)

type: custom:hatc-gauge-card
entity: sensor.entree_grp_air_temperature
gauge: 
  direction: column

type: custom:hatc-gauge-card
entity: sensor.entree_grp_air_temperature
gauge: 
  direction: column-reverse

Severity options

gauge:
  severity:
    - color: #0000FF
    - color: rgb(0,255,00)
      from: 20
      to: 22
    - color: orange
      from: 22
      to: 24
    - color: var(--red)
      from: 24
      to: 26
    - color: purple
      from: 26
      to: 28
    - color: purple
      icon: mdi:xxx
      from: 28
      to: 50

Name		Name	Last commit message	Last commit date
Latest commit History 44 Commits
core		core
hass		hass
img		img
.gitignore		.gitignore
hacs.json		hacs.json
hatc-gauge-card.js		hatc-gauge-card.js
readme.md		readme.md

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

HATC-GAUGE-CARD

Installation

Description

Fonctionnalité futures

Fonctionnalité futures (peut-être)

Options

Card Options

Title Options

Gauge Options

Severity Options

Examples

Minimum

Default

Titre simple

Titre options

Cacher le titre

Gauge options

Gestion des décimales

Direction

Severity options

About

Releases 26

Packages

Languages

tagcashdev/hatc-gauge-card

Folders and files

Latest commit

History

Repository files navigation

HATC-GAUGE-CARD

Installation

Description

Fonctionnalité futures

Fonctionnalité futures (peut-être)

Options

Card Options

Title Options

Gauge Options

Severity Options

Examples

Minimum

Default

Titre simple

Titre options

Cacher le titre

Gauge options

Gestion des décimales

Direction

Severity options

About

Topics

Resources

Stars

Watchers

Forks

Releases 26

Packages 0

Languages

Packages