{"id":7166,"date":"2024-05-18T10:25:48","date_gmt":"2024-05-18T08:25:48","guid":{"rendered":"https:\/\/www.sigalou-domotique.fr\/?p=7166"},"modified":"2026-01-04T21:25:23","modified_gmt":"2026-01-04T19:25:23","slug":"aide-memoire-test-de-cartes-home-assistant","status":"publish","type":"post","link":"https:\/\/www.sigalou-domotique.fr\/de\/aide-memoire-test-de-cartes-home-assistant","title":{"rendered":"Speicherhilfe Testen von Home Assistant-Karten"},"content":{"rendered":"

Mein Ziel<\/h2>\r\n

Diese Seite dient mir als Merkblatt, kann aber f\u00fcr andere n\u00fctzlich sein.<\/p>\r\n

Ich m\u00f6chte \u00c4nderungen an Home Assistant-Karten testen, um Entwicklern Verbesserungen anzubieten.<\/p>\r\n

Auf dieser Seite werde ich eine Karte aus der Kartenserie von Pronote delphiki bearbeiten.<\/p>\r\n

Organisieren von Dateien im Home Assistant<\/h2>\r\n

Karten sind JavaScript-Skripte, die grunds\u00e4tzlich in \/homeAssistant\/www\/community gespeichert werden.<\/p>\r\n

\"\"<\/a><\/p>\r\n

In diesen Ordnern finden wir die JS-Datei und ihre in GZ komprimierte Version.<\/p>\r\n

\"\"<\/a><\/p>\r\n

Organisieren von Dateien auf GitHub<\/h2>\r\n

Ich nehme daher das Beispiel des Hinterlegung von Pronote-Karten<\/a>.<\/p>\r\n

\"\"<\/a><\/p>\r\n

Die Quelldateien der Karten befinden sich in lovelace-xx\/src\/cards.<\/p>\r\n

Ich stelle eine JS-Kartendatei wieder her und lege sie auf mein HA<\/h2>\r\n

In meinem Beispiel des Tages werde ich die Karte zur\u00fcckbekommen abwesend-card.js<\/a> und ich lege es in den Ordner \/homeAssistant\/www\/community\/lovelace-pronote\/cards meines HA.<\/p>\r\n

\"\"<\/a><\/p>\r\n

Ich muss diese Karte als Ressource in HA deklarieren<\/h2>\r\n

Unter Einstellungen \/ Dashboards \/ Ressourcen (3 Punkte oben rechts) klicke ich auf<\/p>\r\n

\"\"<\/a><\/p>\r\n

Ich f\u00fcge daher meine JS-Datei hinzu: \/hacsfiles\/lovelace-pronote\/cards\/sans-card.js<\/p>\r\n

\"\"<\/a><\/p>\r\n

Es ist vorbei, zu diesem Zeitpunkt wird die Karte auf dem Dashboard funktionieren.<\/p>\r\n

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\u00fccksichtigt wird. Ich wei\u00df nicht, wie HA mit der Priorit\u00e4t von JS-Codes umgeht, ich werde diesen Absatz erg\u00e4nzen, wenn ich es verstehe.<\/p>\r\n

Ich teste eine Abwesenheitskarte auf dem Dashboard<\/h2>\r\n
Typ: custom:pronote-abwesend-card entity: sensor.pronote_xx_coralie_Abwesenheiten display_header: true child_name: Coralie<\/pre>\r\n
Es funktioniert:\"\"<\/a><\/p>\r\n
Ich mache einen Modifikationstest<\/h2>\r\n
Ich mache einen \u00c4nderungstest, um sicherzustellen, dass mein Abwesenheits-card.js-Code derjenige ist, der die Karte generiert.<\/p>\r\n
Ich bearbeite die Datei Abwesenheits-card.js und \u00e4ndere die Zeile<\/p>\r\n
<ha-icon icon=\"mdi:check\"><\/ha-icon><\/pre>\r\n
durch die Linie<\/p>\r\n
<ha-icon icon=\"mdi:account-school-outline\"><\/ha-icon><\/pre>\r\n
um das Abwesenheits H\u00e4kchen zu \u00e4ndern.<\/p>\r\n
Wichtig<\/strong><\/em> !!!! Man muss die JS-Datei aktualisieren, die im Browser zwischengespeichert ist, also muss man sie \u00f6ffnen und ein kleines F5 machen.<\/p>\r\n
In einem anderen Browserfenster \u00f6ffne ich die Datei:<\/p>\r\n
http:\/\/homeassistant.local:8123\/hacsfiles\/lovelace-pronote\/cards\/absences-card.js<\/p>\r\n
Ich kehre zu meiner Registerkarte Pronote zur\u00fcck und aktualisiere die Seite, das H\u00e4kchen hat sich ge\u00e4ndert:<\/p>\r\n
\"\"<\/a><\/p>\r\n
So kann ich den Code \u00e4ndern<\/h2>\r\n
An diesem Punkt kann ich den Code der JS-Datei \u00e4ndern, die die Karte generiert.<\/p>\r\n
Also, wenn ich den Entwicklern Verbesserungen vorschlagen kann, anstatt \u2026 zu spielen<\/p>\r\n
\"\"<\/a><\/p>\r\n
Jede \u00c4hnlichkeit mit bestehenden oder bestehenden Personen ist rein zuf\u00e4llig und unbeabsichtigt. \ud83e\udd73<\/p>\r\n
 <\/p>","protected":false},"excerpt":{"rendered":"
Mein Ziel Diese Seite dient mir als Merkblatt, kann aber f\u00fcr andere n\u00fctzlich sein. Ich m\u00f6chte \u00c4nderungen an Home Assistant-Karten testen, um Entwicklern Verbesserungen anzubieten. Auf dieser Seite werde ich eine Karte aus der Kartenserie von Pronote delphiki bearbeiten.<\/p>","protected":false},"author":1,"featured_media":7167,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14,166],"tags":[],"class_list":["post-7166","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-domotique","category-retex"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/posts\/7166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/comments?post=7166"}],"version-history":[{"count":0,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/posts\/7166\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/media\/7167"}],"wp:attachment":[{"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/media?parent=7166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/categories?post=7166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/de\/wp-json\/wp\/v2\/tags?post=7166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}