Hey @EdwardTFN,
Tried your setup and works great. Getting an error on the timedate template though, you get the same?
Not comfortable with code so don’t really know how to interpret it…
Template variable error: ‘dict object’ has no attribute ‘DepartureBoard’ when rendering ‘{{ (value_json.DepartureBoard.serverdate + ’ ’ + value_json.DepartureBoard.servertime) | as_timestamp | timestamp_local }}’
Any chance of getting an update of the REST config? Västtrafik seems to have changed API in their end and I can’t seem to get the config correct with the new urls 
They changed the api quite a lot and I haven’t found time to fix it. Let’s see if I can work on this this weekend. I will let you know.
Hi! Any news on the progress? Anything I can do? (not a python coder, but php) 
I’m so sorry for the loooong delay here.
I finally found some time to look at this. You will find my updated sensor here, and this is my card used to display the values:
type: custom:flex-table-card
title: Västtrafik - SKF
strict: true
max_rows: 20
sort_by:
- Departure+
entities:
include: sensor.vasttrafik_departure_table_city_centre
columns:
- name: Sort column
data: Departure
align: center
hidden: true
modify: >-
Math.round((Date.parse(x.estimatedOtherwisePlannedTime)
- Date.now())/60000)
- name: Line
data: Departure
modify: x.serviceJourney.line.shortName
align: center
hidden: true
style: >-
'background-color: ' +
x.serviceJourney.line.backgroundColor + ';' + 'color:
' + x.serviceJourney.line.foregroundColor + ';'
- name: Line
data: Departure
modify: >-
'<div style="padding: 1px 1px 4px 1px; height: 16px;
color: ' + x.serviceJourney.line.foregroundColor + '; background-color: ' +
x.serviceJourney.line.backgroundColor + '"> ' +
x.serviceJourney.line.shortName + ' </div>'
align: center
- name: Direction
data: Departure
modify: x.serviceJourney.directionDetails.shortDirection
- name: Departure
data: Departure
align: center
modify: >-
var minutes =
Math.round(Math.max(0,(Date.parse(x.estimatedOtherwisePlannedTime)
- Date.now())/60000));
if (minutes>=60 || isNaN(minutes))
{{ x.estimatedOtherwisePlannedTime }}
else if (minutes == 0)
"Now"
else
{{ minutes }}
- name: Platform
data: Departure
align: center
modify: >-
x.stopPoint.platform + ' <ha-icon
icon="mdi:' +
x.serviceJourney.line.transportMode.toLowerCase().replace("tram",
"tram-side") + '"></ha-icon>'
css:
tbody tr:nth-child(odd): 'color: #f2f2f2; background-color: #535B64;'
tbody tr:nth-child(even): 'color: #f2f2f2; background-color: #3C4650;'
style: |
ha-card {
--mdc-icon-size: 16px;
background-color: #3C4650;
color: #f2f2f2;
}
Unfortunately the API isn’t providing the correct line color. I’ve already sent an email to Västtrafik support.
The issue with the color was fixed from Västtrafik side, so all good now.
That is some great work @EdwardTFN, thank you so much! As your solution is superior to the one included in HASS in every way, do you think it would be possible to have yours replace the one in HASS?
Those are very different, as I’m not developing the packaging necessary for hacs… But I will take a look at that. 