UNPKG

iobroker.lovelace

Version:

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

58 lines (39 loc) 2.52 kB
# Eigene Karten Lovelace lässt sich gut durch selbst erstellte Karten (`Custom Cards`) erweitern. Diese kommen in Form einer Javascript Datei (*.js), die über die Konfiguration in lovelace hochgeladen werden muss (Reiter `Eigene Karten`). <!-- TODO: Screenshot! Auch Github Release! --> ## Getestete Karten Die folgenden Karten sind vom Entwickler oder der Comunity getestet worden und funktionieren. Grundsätzlich sollten die allermeisten Karten funktionieren. Wenn es Probleme gibt, kann es auch an einer Inkompatibilität zwischen der verwendeten Lovelace Version und der Karte liegen. Ich versuche den Apter im Moment relativ aktuell zu halten, von daher sollte man versuchen die möglichst neuesten Kartenversionen zu nehmen. * [Installation](custom_cards.md#installation) * [Clockork Card](custom_cards.md#clockwork-card) * [Mini Media Player](custom_cards.md#mini-media-player) ### Installation Um eine Karte installieren zu können, muss die dazu gehörende Javascript (*.js) Datei heruntergeladen werden. Diese gibt es meist in einem Github Repository. Oft findet man in diesen Repositories definierte Releases, diese sollten bevorzugt genommen werden, siehe im Bild. ![Release Link](media/card-releases.JPG) Diese Javascript Datei muss per Drag & Drop in die Dateiliste in den Instanzeinstellungen im Reiter "Eigene Karten" gezogen werden, siehe Screenshot. ![Install Card](media/card-install.JPG) ### Clockwork Card Repository: https://github.com/barleybobs/ha-clockwork-card (es handelt sich um einen aktuell funktionierenden Fork, die ursprüngliche Version wird nicht mehr gepflegt). Besonderheiten zur Konfiguration, [siehe hier](ui_tipps.md#Uhrzeit). <!-- Einen `sensor` für die Zeit kann man sich mit einem Skript selber bauen, z.B. so: `````javascript schedule('* * * * *', () => { setState('0_userdata.0.zeit', Date.now()); }); `````--> Die Konfiguration muss ohne entity_id und dafür mit Zeitzonen sein. Die Zeit kommt dann vom Browser selber, so in etwas: `````yaml ````` ### Mini Media Player Repository: https://github.com/kalkih/mini-media-player Ein sehr konfigurierbarer Mediaplayer, der auch [Text to Speech und Shortknöpfe unterstützt](ui_tipps.md#mini-media-card-mit-text2speech-tts-und-musik-shortcuts). ### Mini Graph Card Repository: https://github.com/kalkih/mini-graph-card Eine sehr konfigurierbare Karte für Sensordaten, die mehrere `entities` mit Graphen oder Balkendiagrammen anzeigen kann.