Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Tankerkoenig Custom Card - ha-label-badge

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    10
    1
    106

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

Tankerkoenig Custom Card - ha-label-badge

Geplant Angeheftet Gesperrt Verschoben Visualisierung
5 Beiträge 3 Kommentatoren 345 Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Offline
    M Offline
    Maverick 0
    schrieb am zuletzt editiert von Maverick 0
    #1

    Hallo zusammen,

    ich bin aktuell dabei die Tankerkoenig Custom Card aus diesem Thread https://forum.iobroker.net/topic/34775/test-adapter-lovelace-v1-2-x/1318?_=1703157512460&lang=de zum Laufen zu bekommen.

    Mein Setup:

    • Node.js: v18.17.1(18.19.0)
    • NPM: 9.6.7(10.2.3)
    • js-controller: 5.0.17
    • lovelace: 4.0.8

    Ich nutze die tankerkoenig-card.js von thost96 https://github.com/thost96/tankerkoenig-card

    So sollte es aussehen wenn alles korrekt funktioniert.

    Output:
    tankerkoenig_lovelace.png

    Mein output (getestet mit einer Tankstelle):
    output1.png

    Ändere ich nun im Code die Zeile mit dem label, so dass das Label den state anzeigen soll kann man erkennen, dass der Datenpunkt korrekt ausgelesen wird.

    vorher:
    
                _getCol(state, label) {
                      if(state) {
                              return `
                                    <td><ha-label-badge
      				value="${state.state}&euro;"
                                    label="${label}"
                                    ></ha-label-badge></td>
                              `;
                      } else {
                              return '<td></td>';
                      }
    
    nachher:
    
                _getCol(state, label) {
                      if(state) {
                              return `
                                    <td><ha-label-badge
      				value="${state.state}&euro;"
                                    label="${state.state}&euro;"
                                    ></ha-label-badge></td>
                              `;
                      } else {
                              return '<td></td>';
                      }
    

    Output:
    output2.png

    Gibt es hierfür eine Lösung?

    David G.D GarfonsoG 2 Antworten Letzte Antwort
    0
    • M Maverick 0

      Hallo zusammen,

      ich bin aktuell dabei die Tankerkoenig Custom Card aus diesem Thread https://forum.iobroker.net/topic/34775/test-adapter-lovelace-v1-2-x/1318?_=1703157512460&lang=de zum Laufen zu bekommen.

      Mein Setup:

      • Node.js: v18.17.1(18.19.0)
      • NPM: 9.6.7(10.2.3)
      • js-controller: 5.0.17
      • lovelace: 4.0.8

      Ich nutze die tankerkoenig-card.js von thost96 https://github.com/thost96/tankerkoenig-card

      So sollte es aussehen wenn alles korrekt funktioniert.

      Output:
      tankerkoenig_lovelace.png

      Mein output (getestet mit einer Tankstelle):
      output1.png

      Ändere ich nun im Code die Zeile mit dem label, so dass das Label den state anzeigen soll kann man erkennen, dass der Datenpunkt korrekt ausgelesen wird.

      vorher:
      
                  _getCol(state, label) {
                        if(state) {
                                return `
                                      <td><ha-label-badge
        				value="${state.state}&euro;"
                                      label="${label}"
                                      ></ha-label-badge></td>
                                `;
                        } else {
                                return '<td></td>';
                        }
      
      nachher:
      
                  _getCol(state, label) {
                        if(state) {
                                return `
                                      <td><ha-label-badge
        				value="${state.state}&euro;"
                                      label="${state.state}&euro;"
                                      ></ha-label-badge></td>
                                `;
                        } else {
                                return '<td></td>';
                        }
      

      Output:
      output2.png

      Gibt es hierfür eine Lösung?

      David G.D Offline
      David G.D Offline
      David G.
      schrieb am zuletzt editiert von
      #2

      @maverick-0

      Ich vermute mal, dass im Theme irgend eine Farbe falsch definiert ist...
      Wobei du ja scheinbar das Standardtheme hast.

      Kannst ja mal irgend ein anderes testen und schauen ob es da auch ist.

      Zeigt eure Lovelace-Visualisierung klick
      (Auch ideal um sich Anregungen zu holen)

      Meine Tabellen für eure Visualisierung klick

      1 Antwort Letzte Antwort
      0
      • M Maverick 0

        Hallo zusammen,

        ich bin aktuell dabei die Tankerkoenig Custom Card aus diesem Thread https://forum.iobroker.net/topic/34775/test-adapter-lovelace-v1-2-x/1318?_=1703157512460&lang=de zum Laufen zu bekommen.

        Mein Setup:

        • Node.js: v18.17.1(18.19.0)
        • NPM: 9.6.7(10.2.3)
        • js-controller: 5.0.17
        • lovelace: 4.0.8

        Ich nutze die tankerkoenig-card.js von thost96 https://github.com/thost96/tankerkoenig-card

        So sollte es aussehen wenn alles korrekt funktioniert.

        Output:
        tankerkoenig_lovelace.png

        Mein output (getestet mit einer Tankstelle):
        output1.png

        Ändere ich nun im Code die Zeile mit dem label, so dass das Label den state anzeigen soll kann man erkennen, dass der Datenpunkt korrekt ausgelesen wird.

        vorher:
        
                    _getCol(state, label) {
                          if(state) {
                                  return `
                                        <td><ha-label-badge
          				value="${state.state}&euro;"
                                        label="${label}"
                                        ></ha-label-badge></td>
                                  `;
                          } else {
                                  return '<td></td>';
                          }
        
        nachher:
        
                    _getCol(state, label) {
                          if(state) {
                                  return `
                                        <td><ha-label-badge
          				value="${state.state}&euro;"
                                        label="${state.state}&euro;"
                                        ></ha-label-badge></td>
                                  `;
                          } else {
                                  return '<td></td>';
                          }
        

        Output:
        output2.png

        Gibt es hierfür eine Lösung?

        GarfonsoG Offline
        GarfonsoG Offline
        Garfonso
        Developer
        schrieb am zuletzt editiert von
        #3

        @maverick-0 said in Tankerkoenig Custom Card - ha-label-badge:

        Gibt es hierfür eine Lösung?

        Nach überfliegen / durchsuchen des alten Threads: "Nein".

        Alle posts in dem thread sind zum gleichen Ergebnis gekommen, wie du. Die Karte geht nicht... da sie seit 3 Jahren nicht mehr aktualisiert wurde, wird da das Problem liegen.

        Bisher sind so markdown Lösungen das beste, oder selber HTML per Script bauen, wie hier https://forum.iobroker.net/topic/34775/test-adapter-lovelace-v1-2-x/1357?_=1703782209875

        Es gibt auch noch eine andere Version der Tankerkoenig Karte, die war in dem Thread aus als problematisch gesehen worden, da ist aber das letzte update immerhin "nur" ein Jahr her, vielleicht geht die mittlerweile besser: https://github.com/panbachi/tankerkoenig-card

        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

        M 1 Antwort Letzte Antwort
        0
        • GarfonsoG Garfonso

          @maverick-0 said in Tankerkoenig Custom Card - ha-label-badge:

          Gibt es hierfür eine Lösung?

          Nach überfliegen / durchsuchen des alten Threads: "Nein".

          Alle posts in dem thread sind zum gleichen Ergebnis gekommen, wie du. Die Karte geht nicht... da sie seit 3 Jahren nicht mehr aktualisiert wurde, wird da das Problem liegen.

          Bisher sind so markdown Lösungen das beste, oder selber HTML per Script bauen, wie hier https://forum.iobroker.net/topic/34775/test-adapter-lovelace-v1-2-x/1357?_=1703782209875

          Es gibt auch noch eine andere Version der Tankerkoenig Karte, die war in dem Thread aus als problematisch gesehen worden, da ist aber das letzte update immerhin "nur" ein Jahr her, vielleicht geht die mittlerweile besser: https://github.com/panbachi/tankerkoenig-card

          M Offline
          M Offline
          Maverick 0
          schrieb am zuletzt editiert von
          #4

          @garfonso

          Hallo garfonso,

          danke für die Infos. Dann können wir das Thema hier wohl schließen ;-).

          GarfonsoG 1 Antwort Letzte Antwort
          0
          • M Maverick 0

            @garfonso

            Hallo garfonso,

            danke für die Infos. Dann können wir das Thema hier wohl schließen ;-).

            GarfonsoG Offline
            GarfonsoG Offline
            Garfonso
            Developer
            schrieb am zuletzt editiert von
            #5

            @maverick-0
            du darfst gerne weiter suchen. Vermutlich ist es einfach die tankercard zu fixen. Wenn man weiß, was man tut ;-)

            Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

            Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

            1 Antwort Letzte Antwort
            0
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            288

            Online

            32.7k

            Benutzer

            82.4k

            Themen

            1.3m

            Beiträge
            Community
            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
            ioBroker Community 2014-2025
            logo
            • Anmelden

            • Du hast noch kein Konto? Registrieren

            • Anmelden oder registrieren, um zu suchen
            • Erster Beitrag
              Letzter Beitrag
            0
            • Home
            • Aktuell
            • Tags
            • Ungelesen 0
            • Kategorien
            • Unreplied
            • Beliebt
            • GitHub
            • Docu
            • Hilfe