Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    5
    1
    66

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    839

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

Tankerkoenig Custom Card - ha-label-badge

Geplant Angeheftet Gesperrt Verschoben Visualisierung
5 Beiträge 3 Kommentatoren 347 Aufrufe 3 Beobachtet
  • Ä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 Online
      David G.D Online
      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

            Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

            Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

            Mit deinem Input könnte dieser Beitrag noch besser werden 💗

            Registrieren Anmelden
            Antworten
            • In einem neuen Thema antworten
            Anmelden zum Antworten
            • Älteste zuerst
            • Neuste zuerst
            • Meiste Stimmen


            Support us

            ioBroker
            Community Adapters
            Donate

            389

            Online

            32.8k

            Benutzer

            82.7k

            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