opendas
April 16, 2019, 6:22pm
1
Hi Everyone,
I’m playing around with customizing the display of the Dark Sky sensors. I’m trying to aggregate multiple sensors into an hourly table. Instead of doing it by hand it seems as though using Flex Table might be a good approach since it loops over sensors, however I’m running into a bit of an issue. Below is a snipped from my ui-lovelace.yaml file
- title: Weather
cards:
- type: custom:flex-table-card
entities:
include: sensor.dark_sky_wind*
columns:
- name: Wind Speed (mph)
prop: >
{% if name.startswith("Dark Sky Wind Speed") %}
state
{% endif %}
- name: Wind Bearing
prop: state
I’ve been playing around with a couple of ways to get it so I can have a single row show the states of several sensors for each hour. Here I am just trying to get Wind Speed and Wind Bearing to show in a single row. Has anyone attempted to accomplish something like this? I keep hitting road blocks with trying to having multiple sensors show their data in a single row. Any pointers to get me in the right direction are greatly appreciated.
opendas
April 17, 2019, 4:12am
2
So I’ve changed the path I’m going down to achieve this and could use some input as to what I may be doing wrong. This mostly works as expected, however when I manually trigger the automation the output in lovelace is literally the text i use to try to set the attribute values to. I’m thinking i’m pretty close, but just missing something relatively minor to wrap it up.
Configuration.yaml for variable definition
variable:
dark_sky_hourly:
value: 'Unknown'
attributes:
wind_bearing:
wind_speed:
Automation.yaml to keep track of the state changes to sensor.dark_sky_wind_speed_?h.state
- id: update-variable-dark-sky
alias: update_variable_dark_sky
trigger:
platform: state
entity_id: sensor.dark_sky_wind_speed_0h
action:
- service: variable.set_variable
data:
variable: dark_sky_hourly
value: 0
attributes:
wind_speed:
- "{{ sensor.dark_sky_wind_speed_0h.state }}"
- sensor.dark_sky_wind_speed_1h.state
ui-lovelace.yaml put data in flex card
- title: Weather
cards:
- type: custom:flex-table-card
entities:
include: variable.dark_sky_hourly
columns:
- name: Wind Speed (mph)
attr_as_list: wind_speed
- name: Value
prop: state
The result ends up looking like this
opendas
April 17, 2019, 2:57pm
3
I was able to resolve this rather simply by changing the automation.yaml action from data: to data_template: I’ve also added the following
an additional automation to trigger populating the variable on start
now updates in 30 minute increments
change layout to panel so all the table goodness can show without squishing
was able to aggregate the weather icon and weather summary onto a single line
New and Working code sections looks like this:
Configuration.yaml
variable:
dark_sky_hourly:
value: 0
attributes:
wind_bearing:
wind_speed:
Automation.yaml
- id: startup-variable-dark-sky
alias: startup_variable_dark_sky
trigger:
platform: homeassistant
event: start
action:
- service: automation.trigger
entity_id: automation.update_variable_dark_sky
- id: update-variable-dark-sky
alias: update_variable_dark_sky
trigger:
platform: template
value_template: >
{{ (as_timestamp(now()) - states.variable.dark_sky_hourly.state) > 30 }}
action:
- service: variable.set_variable
data_template:
variable: dark_sky_hourly
value: "{{ as_timestamp(now()) }}"
attributes:
apparent_temperature:
- "{{ states.sensor.dark_sky_apparent_temperature_0h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_1h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_2h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_3h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_4h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_5h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_6h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_7h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_8h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_9h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_10h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_11h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_12h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_13h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_14h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_15h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_16h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_17h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_18h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_19h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_20h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_21h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_22h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_23h.state }}"
- "{{ states.sensor.dark_sky_apparent_temperature_24h.state }}"
cloud_coverage:
- "{{ states.sensor.dark_sky_cloud_coverage_0h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_1h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_2h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_3h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_4h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_5h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_6h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_7h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_8h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_9h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_10h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_11h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_12h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_13h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_14h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_15h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_16h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_17h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_18h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_19h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_20h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_21h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_22h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_23h.state }}"
- "{{ states.sensor.dark_sky_cloud_coverage_24h.state }}"
precip_probability:
- "{{ states.sensor.dark_sky_precip_probability_0h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_1h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_2h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_3h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_4h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_5h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_6h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_7h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_8h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_9h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_10h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_11h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_12h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_13h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_14h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_15h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_16h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_17h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_18h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_19h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_20h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_21h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_22h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_23h.state }}"
- "{{ states.sensor.dark_sky_precip_probability_24h.state }}"
summary:
- "<img src=\"{{ states.sensor.dark_sky_summary_0h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_0h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_1h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_1h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_2h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_2h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_3h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_3h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_4h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_4h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_5h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_5h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_6h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_6h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_7h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_7h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_8h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_8h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_9h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_9h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_10h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_10h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_11h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_11h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_12h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_12h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_13h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_13h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_14h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_14h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_15h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_15h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_16h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_16h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_17h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_17h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_18h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_18h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_19h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_19h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_20h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_20h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_21h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_21h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_22h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_22h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_23h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_23h.state }}"
- "<img src=\"{{ states.sensor.dark_sky_summary_24h.attributes.entity_picture }}\" /> {{ states.sensor.dark_sky_summary_24h.state }}"
temperature:
- "{{ states.sensor.dark_sky_temperature_0h.state }}"
- "{{ states.sensor.dark_sky_temperature_1h.state }}"
- "{{ states.sensor.dark_sky_temperature_2h.state }}"
- "{{ states.sensor.dark_sky_temperature_3h.state }}"
- "{{ states.sensor.dark_sky_temperature_4h.state }}"
- "{{ states.sensor.dark_sky_temperature_5h.state }}"
- "{{ states.sensor.dark_sky_temperature_6h.state }}"
- "{{ states.sensor.dark_sky_temperature_7h.state }}"
- "{{ states.sensor.dark_sky_temperature_8h.state }}"
- "{{ states.sensor.dark_sky_temperature_9h.state }}"
- "{{ states.sensor.dark_sky_temperature_10h.state }}"
- "{{ states.sensor.dark_sky_temperature_11h.state }}"
- "{{ states.sensor.dark_sky_temperature_12h.state }}"
- "{{ states.sensor.dark_sky_temperature_13h.state }}"
- "{{ states.sensor.dark_sky_temperature_14h.state }}"
- "{{ states.sensor.dark_sky_temperature_15h.state }}"
- "{{ states.sensor.dark_sky_temperature_16h.state }}"
- "{{ states.sensor.dark_sky_temperature_17h.state }}"
- "{{ states.sensor.dark_sky_temperature_18h.state }}"
- "{{ states.sensor.dark_sky_temperature_19h.state }}"
- "{{ states.sensor.dark_sky_temperature_20h.state }}"
- "{{ states.sensor.dark_sky_temperature_21h.state }}"
- "{{ states.sensor.dark_sky_temperature_22h.state }}"
- "{{ states.sensor.dark_sky_temperature_23h.state }}"
- "{{ states.sensor.dark_sky_temperature_24h.state }}"
wind_bearing:
- "{{ states.sensor.dark_sky_wind_bearing_0h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_1h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_2h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_3h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_4h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_5h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_6h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_7h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_8h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_9h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_10h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_11h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_12h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_13h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_14h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_15h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_16h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_17h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_18h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_19h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_20h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_21h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_22h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_23h.state }}"
- "{{ states.sensor.dark_sky_wind_bearing_24h.state }}"
wind_speed:
- "{{ states.sensor.dark_sky_wind_speed_0h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_1h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_2h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_3h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_4h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_5h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_6h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_7h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_8h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_9h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_10h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_11h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_12h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_13h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_14h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_15h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_16h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_17h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_18h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_19h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_20h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_21h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_22h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_23h.state }}"
- "{{ states.sensor.dark_sky_wind_speed_24h.state }}"
ui-lovelace.yaml
- title: Weather
cards:
- type: vertical-stack
cards:
- type: weather-forecast
entity: weather.dark_sky
- type: custom:flex-table-card
entities:
include: variable.dark_sky_hourly
columns:
- name: Summary
attr_as_list: summary
- name: Temp
attr_as_list: temperature
- name: Feels Like
attr_as_list: apparent_temperature
- name: Cloud Coverage
attr_as_list: cloud_coverage
- name: Precip
attr_as_list: precip_probability
- name: Wind Speed (mph)
attr_as_list: wind_speed
- name: Wind Bearing
attr_as_list: wind_bearing
panel: true
path: Weather
Here is what the end result looks like so far.
Here is what I have on my wish list for this part of the project:
Change up file structure to use directories to better organize code
Upload code to GitHub for change control and sharing
Revisit the giant lists of attributes and wrap them in loops, if possible, to make it a bit more dynamic with potentially ending up in a custom card
1 Like
Any chance you continued your work with this? I’m looking for a solution to the borky iOS issue.
opendas
June 4, 2019, 11:30am
5
I’ve done some tweaks and updates to it since. Not sure why I missed your reply. You need some help?
Hope this isn’t too off topic? Didn’t think it warranted its own topic!
opendas
June 12, 2019, 5:51pm
7
If you get that data into sensors then you should be able to take the majority of what I did and make the necessary changes. I had the same issue with keeping the hourly data from Dark Sky up to date so I use the Variable Custom Component: https://github.com/rogro82/hass-variables
I built out a rather large array since I have several sensors in the table that need to be updated and then in automations.yml I define the variable as well as update it. That portion is at the bottom of this post. What you’ll see is that I do a few things:
On HA start I trigger the variable to be updated
I monitor one of the sensors (current apparent temp) and if it updates I trigger updating the variable
Since #2 doesn’t always update I also update the variable every 30 minutes except between 11:30am and 5:30am just since I’m almost never looking at that data during that window.
trigger:2)|timestamp_custom(’%H’) }}:00" 3)|timestamp_custom(’%H’) }}:00”4)|timestamp_custom(’%H’) }}:00" 5)|timestamp_custom(’%H’) }}:00”6)|timestamp_custom(’%H’) }}:00" 7)|timestamp_custom(’%H’) }}:00”8)|timestamp_custom(’%H’) }}:00" 9)|timestamp_custom(’%H’) }}:00”10)|timestamp_custom(’%H’) }}:00" 11)|timestamp_custom(’%H’) }}:00”12)|timestamp_custom(’%H’) }}:00" 13)|timestamp_custom(’%H’) }}:00”14)|timestamp_custom(’%H’) }}:00" 15)|timestamp_custom(’%H’) }}:00”16)|timestamp_custom(’%H’) }}:00" 17)|timestamp_custom(’%H’) }}:00”18)|timestamp_custom(’%H’) }}:00" 19)|timestamp_custom(’%H’) }}:00”20)|timestamp_custom(’%H’) }}:00" 21)|timestamp_custom(’%H’) }}:00”22)|timestamp_custom(’%H’) }}:00" 23)|timestamp_custom(’%H’) }}:00”
Hi I’m looking to do something similar to this, but I see this is a rather old post.
Can you tell me if this code if for the old ‘states’ UI or the new ‘lovelace’ UI?
Thanks
Anyone using this card with nordpool integration?
hkrob
July 7, 2021, 3:59am
10
Looks like this card has been abandoned… Anyone find an alternative?
Why do you say that? Working fine for me.
Last updated Feb - 5 months ago…
hkrob
July 7, 2021, 7:58am
12
Good to know. Reason I said that was because on the Github page it says “maintained: No! (As of 2020)”
Would you mind sharing your YAML for the screenshot you shared?
Try this:
- type: entities
title: Docker Containers
show_header_toggle: false
entities:
- type: custom:fold-entity-row
head:
type: section
label: Containers
padding: 0
entities:
- input_boolean.retrigger
- script.restartvscode
- switch.ha_dockermon_sabnzbd
- switch.ha_dockermon_sonarr
- switch.ha_dockermon_radarr
- switch.ha_dockermon_lazylibrarian
- switch.ha_dockermon_portainer
- type: custom:flex-table-card
sort_by: name+
clickable: true
title: Docker Memory Now (MB)
entities:
include: sensor.*_memory
columns:
- name: Name
data: name
- name: Used Now
data: state
- type: custom:flex-table-card
sort_by: name+
clickable: true
title: Docker Memory Average (MB)
entities:
include: sensor.*_memory_average
columns:
- name: Name
data: name
- name: Minimum
data: min_value
- name: Average
data: state
- name: Maximum
data: max_value
Hopefully iOS hasn’t mangled it…
2 Likes
