NEWS
Lovelance - html oder json in Tabelle darstellen
-
Hi zusammen, ich würde gerne im Lovelace Adapter den html content oder json content aus dem Countdown Adapter anzeigen.
Hier ist die html tabelle:
<table> <tbody> <tr> <td class="string">Test Geburtstag</td> <td class="string"> 5M 18T</td> <td class="number">171</td> <td class="number">24</td> <td class="string">12.07.2023 09:00</td> </tr> <tr> <td class="string">test2</td> <td class="string"> 3T 19S 36M</td> <td class="number">3</td> <td class="number">0</td> <td class="string">25.01.2023 09:00</td> </tr> <tr> <td class="string">Test3</td> <td class="string"> 6T 19S 36M</td> <td class="number">6</td> <td class="number">0</td> <td class="string">28.01.2023 09:00</td> </tr> <tr> </tbody> </table>So sieht das JSON aus, wenn ich es richtig verstehe fehlen hier die Überschriften (?);
[ [ "Test Geburtstag", " 5M 18T", 171, 24, "12.07.2023 09:00" ], [ "Test2", " 3T 19S 38M", 3, 0, "25.01.2023 09:00" ], [ "Test3", " 6T 19S 38M", 6, 0, "28.01.2023 09:00" ],Habt ihr eine Idee wie ich das am besten mache?
Vielen Dank! -
Hi zusammen, ich würde gerne im Lovelace Adapter den html content oder json content aus dem Countdown Adapter anzeigen.
Hier ist die html tabelle:
<table> <tbody> <tr> <td class="string">Test Geburtstag</td> <td class="string"> 5M 18T</td> <td class="number">171</td> <td class="number">24</td> <td class="string">12.07.2023 09:00</td> </tr> <tr> <td class="string">test2</td> <td class="string"> 3T 19S 36M</td> <td class="number">3</td> <td class="number">0</td> <td class="string">25.01.2023 09:00</td> </tr> <tr> <td class="string">Test3</td> <td class="string"> 6T 19S 36M</td> <td class="number">6</td> <td class="number">0</td> <td class="string">28.01.2023 09:00</td> </tr> <tr> </tbody> </table>So sieht das JSON aus, wenn ich es richtig verstehe fehlen hier die Überschriften (?);
[ [ "Test Geburtstag", " 5M 18T", 171, 24, "12.07.2023 09:00" ], [ "Test2", " 3T 19S 38M", 3, 0, "25.01.2023 09:00" ], [ "Test3", " 6T 19S 38M", 6, 0, "28.01.2023 09:00" ],Habt ihr eine Idee wie ich das am besten mache?
Vielen Dank! -
Das html kannst du in der Markdown Karte einbinden.
Einfach
{Datenpunkt}eintragen.

Wobei das nicht die schönste Tabelle ist.
Ggf selber einer per Skript aus dem json erstellen.
Ist das denn wirklich eine json? -
@david-g
Danke für deine schnelle Antwort! :)
Leider hängt sich mein Adapter so auf:type: markdown content: {script.htmlContent} -
Ist das der komplette Pfad vom Datenpunkt?
Müsste doch normal vorher noch der Adaptername und die Instanz Nummer etc kommen. Nutze den Adapter nicht.Da gab es mal einen Bug in einer alten lovelace Version. Bist du aktuell unterwegs?
@david-g
ich habe testweise den Datenpunkt in eine andere Karte hinzugefügt und den Namen daraus entnommen.
Nein, bin zuhause.EDIT:
Vielen dank!! Es funktioniert - das ist ja wirklich cool. Jetzt muss ich nur noch die Überschrift hinzufügen und die Tabelle etwas formatieren.Ich schaue mir auch gleich mal die tabellen aus deiner Signatur an. Wusste gar nicht, dass man Datenpunkte so nutzen kann. Ich habe die immer über die Einstellungen im Objekt zu Lovelance hinzugefügt.

-
@david-g
ich habe testweise den Datenpunkt in eine andere Karte hinzugefügt und den Namen daraus entnommen.
Nein, bin zuhause.EDIT:
Vielen dank!! Es funktioniert - das ist ja wirklich cool. Jetzt muss ich nur noch die Überschrift hinzufügen und die Tabelle etwas formatieren.Ich schaue mir auch gleich mal die tabellen aus deiner Signatur an. Wusste gar nicht, dass man Datenpunkte so nutzen kann. Ich habe die immer über die Einstellungen im Objekt zu Lovelance hinzugefügt.

@adsfa sagte in Lovelance - html oder json in Tabelle darstellen:
Nein, bin zuhause.
War auf die Version von lovelace bezogen ^^.
Aber cool, dass es jetzt klappt.
Jo, so kannst du sämtliche Daten aus Datenpunkten darstellen. Das sind sogenannte Bindings. Darin kannst du sogar rechnen und mit wenn/dann bestimmte Dinge ein und ausblenden.Die html bearbeiten ist was schwierig.
Da ist es leichter sich aus der anderen Datei selber eine zu erstellen.