Tankerkoenig Lovelace Card

Endlich habe ich mal Zeit gefunden eine Card für Lovelace zu erstellen.

Da Lovelace seit dem letzten Release von Home-Assistant die Standard-Oberfläche wurde, musste ich die Entwicklung der Lovelace-Card etwas vorziehen. Da die Tankerkoenig-Component bereits seit einiger Zeit fertig ist, folgt hier jetzt die passende Card dazu.

Die Card ist in der ersten Version fertig und ist optisch an die alte Custom-Card angelehnt.

Herunterladen kann man die Card auf Github. Zur Installation muss man die Datei tankerkoenig-card.js in das www-Verzeichnis im Home-Assistant Konfigurationsordner kopieren.

Anschließend wird die Datei in der Lovelace-Konfiguration mit den folgenen Zeilen (ganz oben in der Datei) eingebungen:

resources:
  - url: /local/tankerkoenig-card.js
    type: js

Anschließend kann in der Lovelace-Konfiguration eine Card erstellt werden.

views:
  - cards:
      - type: 'custom:tankerkoenig-card'
        name: Benzinpreise
        show:
          - e5
          - e10
        stations:
          - name: Kölner Str.
            brand: ARAL
            e5: sensor.aral_kolner_str_e5
            e10: sensor.aral_kolner_str_e10
          - name: Untergath
            brand: ARAL
            e5: sensor.aral_untergath_e5
            e10: sensor.aral_untergath_e10

Weitere Informationen und Erklärungen gibt es im Github-Repository. Sollte es Fragen oder Anregungen geben oder etwas nicht funktionieren, dann lass mir ein Kommentar da oder erstell ein Issue im Repository.

5 Antworten auf „Tankerkoenig Lovelace Card“

  1. nice code tanks.
    For the lovelace card it works nice, but without € have you an idea ?
    The template is also not working 🙁

    thanks for your help and your code 😉

    1. When you add the item „state“ to the „monitored_conditions“ list in the configuration (as discribed in the documentation 🙂 ) you will get a binary_sensor with the state if the station is open or not. I could try to add the state to the lovelace-card too, but its a style issue and for now I don’t know how to design it properly 🙂

  2. Hallo,

    ich liebe diese Custom Card.

    nachdem ich endlich herausgefunden habe wie ich die tankerkoenig-card.js jetzt als resource hinzufügen kann bekomme ich leider noch keine Bilder. Ich habe sie wie angegeben eingebunden. Es funktioniert leider nicht auch wenn ich es als zusätzliche Javascript resource mit angebe.

    Hat sich hier etwas geändert?

    Bitte um eine kleine Hilfestellung.

    Danke

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.