- Install this component by copying the
tankerkoenig-card.js
to your/www/
folder. - Add this to your Lovelace-Configuration using the config options below example.
- Put the icons as
*.png
for the brands in the/www/gasstation_logos/
folder.
resources:
- url: /local/tankerkoenig-card.js?v=1.0.0
type: js
views:
- cards:
- type: 'custom:tankerkoenig-card'
name: Benzinpreise
show:
- e5
- e10
show_closed: true
show_header: false
stations:
- name: Kölner Str.
brand: ARAL
e5: sensor.aral_kolner_str_e5
e10: sensor.aral_kolner_str_e10
state: binary_sensor.aral_kolner_str_status
- name: Untergath
brand: ARAL
e5: sensor.aral_untergath_e5
e10: sensor.aral_untergath_e10
state: binary_sensor.aral_untergath_status
key | values | required | description |
---|---|---|---|
name |
String | yes | Name of the card that should be shown in the frontend |
show |
[e5, e10, diesel] | yes | What should be shown |
show_closed |
Boolean | no | Show closed stations (default: false) |
show_header |
Boolean | no | Show card-header (default: true) |
stations |
List of stations | yes | List of stations |
key | value | required | description |
---|---|---|---|
name |
String | yes | The name of the station (for example the street) |
brand |
String | yes | The brand of the station used for the icon |
e5 |
Sensor | no* | Sensor for the E5 price |
e10 |
Sensor | no* | Sensor for the E10 price |
diesel |
Sensor | no* | Sensor for the diesel price |
state |
Sensor | yes | Sensor of station state |
*only required if it should be shown
To use the icons you have to use lowercase names, which has to be the same as in the brand
settings. The icons must be in *.png
format.
For the brand ARAL there has to be an icon with the following path:
/www/gasstation_logos/aral.png