comment enlever les ligne ?
c’est quels dimention a utiliser ?
j’utilise du 500px en largeur. Mais ton image est un peu grande en hauteur. il en faudrait une moins haute, plus en bandeau.
exemple:
avec card_mod, ajoute dans la partie ha-card
border: none;
Bonjour,
Voici pour ma carte dédiée à l’onduleur PowerWalker 600VI SW:
Sur la carte, le pylone passe en rouge clignotant dès qu’une panne de courant est détectée.
Si besoin, je peux refiler les différentes images qui sont sur la carte.
Il faut penser à déclarer ceci dans la config HA :
# dernière date de perte de la tension secteur sur l'onduleur NAS
onduleur_nas_lastaclost:
value_template: 'unavailable'
icon_template: mdi:calendar
device_class: timestamp
Puis l’automatisation ci-dessous pour la maj de la date (j’ai 2 onduleurs, à adapter donc …).
Il faut le script set_state.py pour la maj du sensor.
Et aussi installer l’intégration save_state qui se charge de sauvegarder l’état du sensor, et sachant que j’ai 2 autres automatisations qui rechargent les sensor dès que HA reboot ou si l’on recharge les sensor qui sont en mode template.
- id: onduleur_demarre
## sauvegarde de l'état des 2 sensors qui mémorisent la dernière panne de courant détectée par les 2 onduleurs
## et envoi d'une alerte pour signaler une coupure possible du courant sur l'appart ou le studio
alias: onduleur_demarre
description: ''
triggers:
- trigger: state
entity_id:
- sensor.onduleur_pc_box_sfr_etat
- sensor.onduleur_nas_status
from: 'Online'
to: 'On Battery'
conditions: []
actions:
# si c'est l'onduleur PC/BOX qui vient de déclencher
- if:
- condition: template
value_template: "{{ (trigger.entity_id == 'sensor.onduleur_pc_box_sfr_etat') }}"
then:
- action: python_script.exec
data_template:
file: python_scripts/set_state.py
cache: true
entity_id: sensor.onduleur_pc_box_sfr_lastaclost
state: '{{ now() }}'
- action: saver.save_state
data:
entity_id: sensor.onduleur_pc_box_sfr_lastaclost
- action: notify.mobile_app_alain_gsm
data:
message: Attention, possible coupure électrique pour l'appartement
- action: notify.mobile_app_alain_gsm
data:
message: TTS
data:
tts_text: Attention, possible coupure électrique pour l'appartement
media_stream: alarm_stream
ttl: 0
priority: high
- action: notify.mobile_app_alain_tablette
data:
message: Attention, possible coupure électrique pour l'appartement
# si c'est l'onduleur NAS/BLUE qui vient de déclencher
- if:
- condition: template
value_template: "{{ (trigger.entity_id == 'sensor.onduleur_nas_status') }}"
then:
- action: python_script.exec
data_template:
file: python_scripts/set_state.py
cache: true
entity_id: sensor.onduleur_nas_lastaclost
state: '{{ now() }}'
- action: saver.save_state
data:
entity_id: sensor.onduleur_nas_lastaclost
- action: notify.mobile_app_alain_gsm
data:
message: Attention, possible coupure électrique pour le studio
- action: notify.mobile_app_alain_gsm
data:
message: TTS
data:
tts_text: Attention, possible coupure électrique pour le studio
media_stream: alarm_stream
ttl: 0
priority: high
- action: notify.mobile_app_alain_tablette
data:
message: Attention, possible coupure électrique pour le studio
mode: queued
Et voici le code de la carte.
type: custom:stack-in-card
mode: vertical
keep:
box_shadow: true
margin: true
border_radius: true
background: true
outer_padding: false
cards:
- type: vertical-stack
cards:
- type: picture-elements
image: /local/images/powerwalker800vabis.png
card_mod:
style: |
ha-card {
border: none;
max-width: 65% !important;
margin-left: auto;
margin-right: auto;
}
elements:
- type: image
style:
top: 35%
left: 88%
width: 30%
image: /local/images/TS-664.png
aspect_ratio: 80%
- type: image
style:
top: 75%
left: 88%
width: 30%
image: /local/images/blue.png
aspect_ratio: 60%
- type: icon
entity: sensor.onduleur_nas_status_data
style:
top: 45%
left: 18%
color: green
"--mdc-icon-size": 100px
card_mod:
style: |
ha-icon {
{% if states('sensor.onduleur_nas_status_data') == "OB" %}
color: red;
animation: blink 1s ease infinite;
--card-mod-icon: mdi:transmission-tower-off;
{% else %}
--card-mod-icon: mdi:transmission-tower-export;
{% endif %};
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
icon: mdi:transmission-tower-export
- type: icon
style:
top: 55%
left: 71%
color: green
"--mdc-icon-size": 38px
icon: mdi:arrow-right-bold
- type: entities
entities:
- entity: sensor.onduleur_nas_lastaclost
type: custom:multiple-entity-row
show_state: false
entities:
- entity: sensor.onduleur_nas_lastaclost
name: " "
format: null
name: La dernière coupure EDF date du
icon: null
card_mod:
style: |
:host {
font-size: 15px;
}
.card-content div {
margin-top: -15px !important;
margin-right: -5px !important;
margin-left: -18px !important;
}
ha-card {
--mdc-icon-size: 26px;
max-height: 40px !important;
display: flex;
justify-content: center;
margin-top: 7px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.onduleur_nas_battery_charge
name: Etat batterie
icon: mdi:battery
color: rgb(68, 115, 158)
height: 27px
min: "0"
max: "100"
target: "90"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
.card-content div {
margin-right: -5px !important;
margin-left: -18px !important;
}
- type: custom:bar-card
entities:
- entity: sensor.onduleur_nas_load
name: Charge délivrée
icon: mdi:power-plug
height: 27px
color: orange
min: "0"
max: "100"
target: "0"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.onduleur_nas_battery_voltage
name: Voltage batterie
icon: mdi:car-battery
height: 27px
color: grey
min: "11"
max: "14"
target: "13"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
card_mod:
style: |
ha-card {
box-shadow: 0 0 0 1px gray;
}
Et voici pour la carte qui gère le BLUE qui héberge HA :
type: custom:stack-in-card
mode: vertical
keep:
box_shadow: true
margin: true
border_radius: true
background: true
outer_padding: false
cards:
- type: vertical-stack
cards:
- type: picture
image: /local/images/blue.png
card_mod:
style: |
ha-card {
border: none;
max-width: 45% !important;
margin-left: auto;
margin-right: auto;
}
- type: entities
entities:
- entity: sensor.last_boot
type: custom:multiple-entity-row
show_state: false
entities:
- entity: sensor.last_boot
name: " "
format: null
name: Le dernier boot date du
icon: null
card_mod:
style: |
:host {
font-size: 15px;
}
.card-content div {
margin-top: -15px !important;
margin-right: 20px !important;
}
ha-card {
--mdc-icon-size: 26px;
max-height: 40px !important;
display: flex;
justify-content: center;
margin-top: 7px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.processor_use_percent
name: CPU Use
icon: mdi:cpu-64-bit
color: rgb(68, 115, 158)
height: 27px
min: "0"
max: "100"
target: "90"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
- type: custom:bar-card
entities:
- entity: sensor.processor_temperature
name: CPU Temp
icon: mdi:thermometer
height: 27px
color: orange
min: "1"
max: "80"
target: "65"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.memory_use_percent
name: RAM Use
icon: phu:ram-memory
height: 27px
color: red
min: "0"
max: "100"
target: "90"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
bar-card-name {
margin: 2px;
}
- type: custom:bar-card
entities:
- entity: sensor.memory_free
name: RAM Free
icon: phu:ram-memory
color: rgb(31, 111, 235)
height: 27px
min: "1"
max: "4096"
target: "500"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
bar-card-name {
margin: 2px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.disk_use_percent
name: eMMC 128Go
icon: mdi:harddisk
height: 27px
color: grey
min: "0"
max: "100"
target: "75"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 26px;
}
bar-card-name {
margin: 2px;
}
- type: custom:popup-card
entity: sensor.processor_use_percent
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 1d
yaxis:
- id: first
apex_config:
decimalsInFloat: 1
title:
text: Taux d'occupation
header:
show: true
title: Usage CPU - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.processor_use_percent
name: "%CPU"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.processor_temperature
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 1d
yaxis:
- id: first
apex_config:
decimalsInFloat: 1
title:
text: Température
header:
show: true
title: Température CPU - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.processor_temperature
name: °C
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.memory_use_percent
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 1d
yaxis:
- id: first
min: 0
max: 100
apex_config:
decimalsInFloat: 0
title:
text: Taux d'occupation
- id: second
apex_config:
decimalsInFloat: 1
title:
text: Mo libres
show: true
opposite: true
header:
show: true
title: Usage RAM - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.memory_free
name: RAM libre
type: line
yaxis_id: second
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- entity: sensor.memory_use_percent
name: "%RAM"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.memory_free
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 1d
yaxis:
- id: first
min: 0
max: 100
apex_config:
decimalsInFloat: 0
title:
text: Taux d'occupation
- id: second
apex_config:
decimalsInFloat: 1
title:
text: Mo libres
show: true
opposite: true
header:
show: true
title: Usage RAM - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.memory_free
name: RAM libre
type: line
yaxis_id: second
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- entity: sensor.memory_use_percent
name: "%RAM"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
card_mod:
style: |
ha-card {
box-shadow: 0 0 0 1px gray;
}
Carte qui gère mon NAS TS-664
type: custom:stack-in-card
mode: vertical
keep:
box_shadow: true
margin: true
border_radius: true
background: true
outer_padding: false
cards:
- type: vertical-stack
cards:
- type: picture-elements
image: /local/images/TS-664.png
card_mod:
style: |
ha-card {
border: none;
max-width: 46% !important;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
elements:
- style:
color: white
top: 12%
left: 9%
width: 14%
type: image
entity: sensor.nas01_etat
tap_action:
action: none
state_image:
good: /local/images/good.png
warning: /local/images/bad.png
- style:
top: 6%
left: 84%
font-size: 170%
type: state-label
card_mod:
style: >
{% set temp = states('sensor.nas01_temperature_du_systeme') |
int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
entity: sensor.nas01_temperature_du_systeme
- type: custom:popup-card
entity: sensor.nas01_temperature_du_systeme
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du NAS
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_systeme
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: entities
entities:
- entity: sensor.nas01_uptime
type: custom:multiple-entity-row
show_state: false
entities:
- entity: sensor.nas01_uptime
name: " "
format: null
name: Le dernier boot date du
icon: null
card_mod:
style: |
.card-content div {
margin-top: -15px !important;
margin-left: -15px !important;
margin-bottom: 25px !important;
}
:host {
font-size: 15px;
}
ha-card {
--mdc-icon-size: 24px;
max-height: 44px !important;
display: flex;
justify-content: center;
margin-top: -7px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.nas01_utilisation_du_processeur
name: CPU Use
icon: mdi:cpu-64-bit
color: rgb(68, 115, 158)
height: 27px
min: "0"
max: "100"
target: "90"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 30px;
}
bar-card-name {
margin: 2px;
}
- type: custom:bar-card
entities:
- entity: sensor.nas01_temperature_du_processeur
name: CPU Temp
icon: mdi:thermometer
height: 27px
color: orange
min: "1"
max: "80"
target: "65"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 28px;
}
bar-card-name {
margin: 2px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.nas01_utilisation_de_la_memoire
decimal: 1
name: RAM Use
icon: phu:ram-memory
height: 27px
color: red
min: "0"
max: "100"
target: "90"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
ha-icon {
--mdc-icon-size: 30px;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
bar-card-name {
margin: 2px;
}
- type: custom:bar-card
entities:
- entity: sensor.nas01_memoire_disponible
name: RAM Free
decimal: 1
icon: phu:ram-memory
color: rgb(31, 111, 235)
height: 27px
min: "1"
max: "8"
target: "6.5"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
ha-icon {
--mdc-icon-size: 30px;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
bar-card-name {
margin: 2px;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:bar-card
entities:
- entity: sensor.nas01_volume_utilise_datavol1
name: Datavol01
decimal: 1
icon: mdi:harddisk
height: 27px
color: grey
min: "0"
max: "100"
target: "75"
positions:
name: inside
indicator: "off"
card_mod:
style: |
#states > bar-card-row > bar-card-card
{
align-items: center !important;
}
ha-card {
max-height: 46px !important;
display: flex;
justify-content: center;
}
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 4px;
}
ha-icon {
--mdc-icon-size: 28px;
}
bar-card-name {
margin: 2px;
}
- type: custom:popup-card
entity: sensor.nas01_utilisation_du_processeur
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
apex_config:
decimalsInFloat: 1
title:
text: Taux d'occupation
header:
show: true
title: Usage CPU - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_utilisation_du_processeur
name: "%RAM"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.nas01_temperature_du_processeur
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
apex_config:
decimalsInFloat: 1
title:
text: Température
header:
show: true
title: Température CPU - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_processeur
name: °C
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.nas01_utilisation_de_la_memoire
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 100
apex_config:
decimalsInFloat: 0
title:
text: Taux d'occupation
- id: second
apex_config:
decimalsInFloat: 1
title:
text: Go libres
show: true
opposite: true
header:
show: true
title: Usage RAM - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_memoire_disponible
name: RAM libre
type: line
yaxis_id: second
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- entity: sensor.nas01_utilisation_de_la_memoire
name: "%RAM"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.nas01_memoire_disponible
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 100
apex_config:
decimalsInFloat: 0
title:
text: Taux d'occupation
- id: second
apex_config:
decimalsInFloat: 1
title:
text: Go libres
show: true
opposite: true
header:
show: true
title: Usage RAM - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_memoire_disponible
name: RAM libre
type: line
yaxis_id: second
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- entity: sensor.nas01_utilisation_de_la_memoire
name: "%RAM"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:popup-card
entity: sensor.nas01_volume_utilise_datavol1
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 100
apex_config:
decimalsInFloat: 0
title:
text: Taux d'occupation
- id: second
apex_config:
decimalsInFloat: 1
title:
text: Go libres
show: true
opposite: true
header:
show: true
title: Usage disques - Moyenne sur 15min
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_espace_libre_datavol1
name: Disque libre
type: line
yaxis_id: second
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- entity: sensor.nas01_volume_utilise_datavol1
name: "%Disque"
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
card_mod:
style: |
ha-card {
top: -41px;
}
cards:
- type: picture-elements
image: /local/images/HDD-WD-RED.png
title: HDD 1
card_mod:
style:
$: |
.card-header {
font-size: 18px !important;
}
h1.card-header {
margin-top: -18px;
}
elements:
- style:
color: white
top: 67%
left: 48%
width: 37%
type: image
entity: sensor.nas01_etat_du_lecteur_0_3
tap_action:
action: none
state_image:
OK: /local/images/good.png
KO: /local/images/bad.png
- style:
top: "-16%"
left: 46%
font-size: 140%
type: state-label
card_mod:
style: >
{% set temp =
states('sensor.nas01_temperature_du_lecteur_0_3') | int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
entity: sensor.nas01_temperature_du_lecteur_0_3
- type: custom:popup-card
entity: sensor.nas01_temperature_du_lecteur_0_3
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du disque 1
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_lecteur_0_3
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:vertical-stack-in-card
card_mod:
style: |
ha-card {
top: -41px;
}
cards:
- type: picture-elements
image: /local/images/HDD-WD-RED.png
title: HDD 2
card_mod:
style:
$: |
.card-header {
font-size: 18px !important;
}
h1.card-header {
margin-top: -18px;
}
elements:
- style:
color: white
top: 67%
left: 48%
width: 37%
type: image
entity: sensor.nas01_etat_du_lecteur_0_4
tap_action:
action: none
state_image:
OK: /local/images/good.png
KO: /local/images/bad.png
- style:
top: "-16%"
left: 46%
font-size: 140%
type: state-label
card_mod:
style: >
{% set temp =
states('sensor.nas01_temperature_du_lecteur_0_4') | int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
entity: sensor.nas01_temperature_du_lecteur_0_4
- type: custom:popup-card
entity: sensor.nas01_temperature_du_lecteur_0_4
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du disque 2
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_lecteur_0_4
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:vertical-stack-in-card
card_mod:
style: |
ha-card {
top: -41px;
}
cards:
- type: picture-elements
image: /local/images/HDD-WD-RED.png
title: HDD 3
card_mod:
style:
$: |
.card-header {
font-size: 18px !important;
}
h1.card-header {
margin-top: -18px;
}
elements:
- style:
color: white
top: 67%
left: 48%
width: 37%
type: image
entity: sensor.nas01_etat_du_lecteur_0_5
tap_action:
action: none
state_image:
OK: /local/images/good.png
KO: /local/images/bad.png
- style:
top: "-16%"
left: 46%
font-size: 140%
type: state-label
card_mod:
style: >
{% set temp =
states('sensor.nas01_temperature_du_lecteur_0_5') | int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
entity: sensor.nas01_temperature_du_lecteur_0_5
- type: custom:popup-card
entity: sensor.nas01_temperature_du_lecteur_0_5
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du disque 3
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_lecteur_0_5
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:vertical-stack-in-card
card_mod:
style: |
ha-card {
top: -41px;
}
cards:
- type: picture-elements
image: /local/images/HDD-WD-RED.png
title: HDD 4
card_mod:
style:
$: |
.card-header {
font-size: 18px !important;
}
h1.card-header {
margin-top: -18px;
}
elements:
- style:
color: white
top: 67%
left: 48%
width: 37%
type: image
entity: sensor.nas01_etat_du_lecteur_0_6
tap_action:
action: none
state_image:
OK: /local/images/good.png
KO: /local/images/bad.png
- style:
top: "-16%"
left: 46%
font-size: 140%
type: state-label
card_mod:
style: >
{% set temp =
states('sensor.nas01_temperature_du_lecteur_0_6') | int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
entity: sensor.nas01_temperature_du_lecteur_0_6
- type: custom:popup-card
entity: sensor.nas01_temperature_du_lecteur_0_6
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du disque 4
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_lecteur_0_6
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
- type: custom:vertical-stack-in-card
card_mod:
style: |
ha-card {
top: -41px;
}
cards:
- type: picture-elements
image: /local/images/HDD-WD-RED.png
title: HDD 5
card_mod:
style:
$: |
.card-header {
font-size: 18px !important;
top: -10px !important;
}
h1.card-header {
margin-top: -18px;
}
elements:
- style:
color: white
top: 67%
left: 48%
width: 37%
type: image
entity: sensor.nas01_etat_du_lecteur_0_7
tap_action:
action: none
state_image:
OK: /local/images/good.png
KO: /local/images/bad.png
- style:
top: "-16%"
left: 46%
font-size: 140%
type: state-label
entity: sensor.nas01_temperature_du_lecteur_0_7
card_mod:
style: >
{% set temp =
states('sensor.nas01_temperature_du_lecteur_0_7') | int %}
{% if temp > 50 %}
div {color: red;}
{% elif temp > 46 %}
div {color: orange;}
{% elif temp > 42 %}
div {color: yellow;}
{% else %}
div {color: green;}
{% endif %}
- type: custom:popup-card
entity: sensor.nas01_temperature_du_lecteur_0_7
style: |-
--popup-border-radius: 10px;
--popup-background-color: transparent;
--popup-border-width: 0px;
--popup-min-width: 500px;
--popup-max-width: 600px;
card:
type: custom:apexcharts-card
graph_span: 2d
yaxis:
- id: first
min: 0
max: 60
apex_config:
decimalsInFloat: 0
title:
text: Température
header:
show: true
title: Température moyenne sur 15 min du disque 5
show_states: false
colorize_states: true
series:
- entity: sensor.nas01_temperature_du_lecteur_0_7
type: line
yaxis_id: first
stroke_width: 4
show:
extremas: true
group_by:
func: avg
duration: 15min
card_mod:
style: |
ha-card {
box-shadow: 0 0 0 1px gray;
}
Comment vous récupère les clients connectés normalement avec cette intégration la GitHub - cyr-ius/hass-bbox2: Addon HA for Bouygues Bbox router
Je vais peux récupéré les info mais quand je regarde dans le mode dev impossible de voir quel entité a l’attribue
Ça ne doit pas être possible.
Bonjour,
je clôture ce sujet et le met en archive, car trop de message. Si besoin , ouvrir un sujet pour de l’aide.