Mein Ziel

Diese Seite dient mir als Merkblatt, kann aber für andere nützlich sein.

Ich möchte Änderungen an Home Assistant-Karten testen, um Entwicklern Verbesserungen anzubieten.

Auf dieser Seite werde ich eine Karte aus der Kartenserie von Pronote delphiki bearbeiten.

Organisieren von Dateien im Home Assistant

Karten sind JavaScript-Skripte, die grundsätzlich in /homeAssistant/www/community gespeichert werden.

In diesen Ordnern finden wir die JS-Datei und ihre in GZ komprimierte Version.

Organisieren von Dateien auf GitHub

Ich nehme daher das Beispiel des Hinterlegung von Pronote-Karten.

Die Quelldateien der Karten befinden sich in lovelace-xx/src/cards.

Ich stelle eine JS-Kartendatei wieder her und lege sie auf mein HA

In meinem Beispiel des Tages werde ich die Karte zurückbekommen abwesend-card.js und ich lege es in den Ordner /homeAssistant/www/community/lovelace-pronote/cards meines HA.

Ich muss diese Karte als Ressource in HA deklarieren

Unter Einstellungen / Dashboards / Ressourcen (3 Punkte oben rechts) klicke ich auf

Ich füge daher meine JS-Datei hinzu: /hacsfiles/lovelace-pronote/cards/sans-card.js

Es ist vorbei, zu diesem Zeitpunkt wird die Karte auf dem Dashboard funktionieren.

Ich habe mich gefragt, ob die pronote.js-Karte aus den Ressourcen entfernt werden sollte, um die neue Karte zu testen, um Doppelmeldungen zu vermeiden. Offensichtlich nein, es ist die Nachricht, die berücksichtigt wird. Ich weiß nicht, wie HA mit der Priorität von JS-Codes umgeht, ich werde diesen Absatz ergänzen, wenn ich es verstehe.

Ich teste eine Abwesenheitskarte auf dem Dashboard

Typ: custom:pronote-abwesend-card entity: sensor.pronote_xx_coralie_Abwesenheiten display_header: true child_name: Coralie

Es funktioniert:

Ich mache einen Modifikationstest

Ich mache einen Änderungstest, um sicherzustellen, dass mein Abwesenheits-card.js-Code derjenige ist, der die Karte generiert.

Ich bearbeite die Datei Abwesenheits-card.js und ändere die Zeile

<ha-icon icon="mdi:check"></ha-icon>

durch die Linie

<ha-icon icon="mdi:account-school-outline"></ha-icon>

um das Abwesenheits Häkchen zu ändern.

Wichtig !!!! Man muss die JS-Datei aktualisieren, die im Browser zwischengespeichert ist, also muss man sie öffnen und ein kleines F5 machen.

In einem anderen Browserfenster öffne ich die Datei:

http://homeassistant.local:8123/hacsfiles/lovelace-pronote/cards/absences-card.js

Ich kehre zu meiner Registerkarte Pronote zurück und aktualisiere die Seite, das Häkchen hat sich geändert:

So kann ich den Code ändern

An diesem Punkt kann ich den Code der JS-Datei ändern, die die Karte generiert.

Also, wenn ich den Entwicklern Verbesserungen vorschlagen kann, anstatt … zu spielen

Jede Ähnlichkeit mit bestehenden oder bestehenden Personen ist rein zufällig und unbeabsichtigt. 🥳