home_automation/ha-dashboards
2
0
Fork 0
Code Issues 2 Pull Requests Projects Activity

Gauge card pro for gas price info

Browse Source
This commit is contained in:
Tony Stork
2026-01-31 21:59:07 -05:00
parent 6df5503432
commit 1a09755fe9
2 changed files with 161 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
main_dashboard.yaml
View File

@@ -4346,14 +4346,85 @@ views:
cards:
- type: heading
heading: Defiance Gas Statistics
- type: entities
entities:
- entity: sensor.local_minimum_gas_price
name: Minimum
- entity: sensor.local_average_gas_price
name: Average
- entity: sensor.local_maximum_gas_price
name: Maximum
- type: horizontal-stack
cards:
- type: custom:gauge-card-pro
entity: sensor.local_minimum_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Minimum
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_unit: '{{ '''' }}'
- type: custom:gauge-card-pro
entity: sensor.local_average_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Average
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_unit: '{{ '''' }}'
- type: custom:gauge-card-pro
entity: sensor.local_maximum_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Maximum
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_font_size_reduction: 0
primary_unit_before_value: true
primary_unit: '{{ '''' }}'
- type: custom:auto-entities
card:
type: entities

90
mobile_dashboard.yaml
View File

@@ -3659,14 +3659,88 @@ views:
button_type: name
name: Gas Prices
icon: mdi:gas-station
- type: entities
entities:
- entity: sensor.local_minimum_gas_price
name: Minimum
- entity: sensor.local_average_gas_price
name: Average
- entity: sensor.local_maximum_gas_price
name: Maximum
sub_button:
main: []
bottom: []
- type: horizontal-stack
cards:
- type: custom:gauge-card-pro
entity: sensor.local_minimum_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Minimum
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_unit: '{{ '''' }}'
- type: custom:gauge-card-pro
entity: sensor.local_average_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Average
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_unit: '{{ '''' }}'
- type: custom:gauge-card-pro
entity: sensor.local_maximum_gas_price
segments:
- pos: 2
color: var(--success-color)
- pos: 3
color: var(--warning-color)
- pos: 4
color: var(--error-color)
needle: true
gradient: true
titles:
primary: Maximum
gradient_resolution: auto
min: 2
max: 4
round: small
value_texts:
primary: |-
{% if states(entity) in ['unavailable','unknown'] %}
?
{% else %}
{{ states(entity) }}
{% endif %}
primary_font_size_reduction: 0
primary_unit_before_value: true
primary_unit: '{{ '''' }}'
- type: custom:auto-entities
card:
type: entities