{"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\/es\/aide-memoire-test-de-cartes-home-assistant","title":{"rendered":"Tarjeta de ayuda de memoria Testing Home Assistant"},"content":{"rendered":"<h2>Mi objetivo<\/h2>\r\n<p>Esta p\u00e1gina sirve como un aide-m\u00e9moire, pero puede ser \u00fatil para otros.<\/p>\r\n<p>Me gustar\u00eda probar los cambios en las tarjetas de Home Assistant, con el fin de proponer mejoras a los desarrolladores.<\/p>\r\n<p>En esta p\u00e1gina, editar\u00e9 un mapa de la serie de cartas de Pronote de delphiki.<!--more--><\/p>\r\n<h2>Organizaci\u00f3n de archivos en Home Assistant<\/h2>\r\n<p>Los mapas son scripts JavaScript que normalmente se guardan en \/homeassistant\/www\/community<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7168\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes.png\" alt=\"\" width=\"352\" height=\"625\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes.png 352w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes-169x300.png 169w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><\/a><\/p>\r\n<p>En estas carpetas, encontramos el archivo JS y su versi\u00f3n compactada en GZ.<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7169\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes2.png\" alt=\"\" width=\"562\" height=\"154\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes2.png 562w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes2-300x82.png 300w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/a><\/p>\r\n<h2>Organizaci\u00f3n de archivos en GitHub<\/h2>\r\n<p>As\u00ed que tomo el ejemplo de <a href=\"https:\/\/github.com\/delphiki\/lovelace-pronote\" target=\"_blank\" rel=\"noopener\">Dep\u00f3sito con tarjeta Pronote<\/a>.<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7170\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes3.png\" alt=\"\" width=\"707\" height=\"172\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes3.png 707w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes3-600x146.png 600w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes3-300x73.png 300w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/a><\/p>\r\n<p>Los archivos fuente de las tarjetas est\u00e1n en lovelace-xx\/src\/cards.<\/p>\r\n<h2>Obtengo un archivo de tarjeta JS y lo coloco en mi HA<\/h2>\r\n<p>En mi ejemplo del d\u00eda, recuperar\u00e9 la tarjeta <a class=\"Link--primary\" title=\"ausencias-card.js\" href=\"https:\/\/github.com\/delphiki\/lovelace-pronote\/blob\/main\/src\/cards\/absences-card.js\" target=\"_blank\" rel=\"noopener\" aria-label=\"absences-card.js, (Archivo)\">ausencias-card.js<\/a> y lo coloco en la carpeta \/homeassistant\/www\/community\/lovelace-pronote\/cards de mi HA.<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7171\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes4.png\" alt=\"\" width=\"372\" height=\"65\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes4.png 372w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes4-300x52.png 300w\" sizes=\"auto, (max-width: 372px) 100vw, 372px\" \/><\/a><\/p>\r\n<h2>Debo declarar esta tarjeta como un recurso en HA<\/h2>\r\n<p>En Configuraci\u00f3n \/ Paneles \/ Recursos (3 puntos en la parte superior derecha), hago clic en<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7172\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes5.png\" alt=\"\" width=\"248\" height=\"61\" \/><\/a><\/p>\r\n<p>Por lo tanto, estoy agregando mi archivo JS: \/hacsfiles\/lovelace-pronote\/cards\/absences-card.js<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7173\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes6.png\" alt=\"\" width=\"611\" height=\"472\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes6.png 611w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes6-600x464.png 600w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes6-300x232.png 300w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/a><\/p>\r\n<p>Se acab\u00f3, en esta etapa la tarjeta funcionar\u00e1 en el Dashboard.<\/p>\r\n<p>Me preguntaba si la tarjeta pronote.js deber\u00eda eliminarse de los recursos para probar la nueva tarjeta, con el fin de evitar la doble notificaci\u00f3n. Aparentemente no, es la noticia la que se tiene en cuenta. No s\u00e9 c\u00f3mo HA gestiona la prioridad de los c\u00f3digos JS, voy a completar este p\u00e1rrafo si puedo entender.<\/p>\r\n<h2>Estoy probando una tarjeta de ausencia en el Dashboard<\/h2>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\">Tipo: custom:pronote-ausencias-entidad de tarjeta: Sensor.pronote _xx _coralie _ ausencias mostrar _header: Aut\u00e9ntico nombre del ni\u00f1o_: Coralie<\/pre>\r\n<p>Funciona:<a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7174\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes7.png\" alt=\"\" width=\"700\" height=\"241\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes7.png 700w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes7-600x207.png 600w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes7-300x103.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\r\n<h2>Estoy haciendo una prueba de modificaci\u00f3n.<\/h2>\r\n<p>Hago una prueba de modificaci\u00f3n para verificar que mi c\u00f3digo absences-card.js es el que genera la tarjeta.<\/p>\r\n<p>Edito el archivo absences-card.js y cambiar\u00e9 la l\u00ednea<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">&lt;ha-icon icon=\"mdi:check\"&gt;&lt;\/ha-icon&gt;<\/pre>\r\n<p>por l\u00ednea<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">&lt;ha-icon icon=\"mdi:account-school-outline\"&gt;&lt;\/ha-icon&gt;<\/pre>\r\n<p>para cambiar la marca de verificaci\u00f3n de ausencia.<\/p>\r\n<p><em><strong>Importante<\/strong><\/em> !!!! Hay que actualizar el archivo JS que se almacena en cach\u00e9 en el navegador, por lo que hay que abrirlo y hacer un peque\u00f1o F5.<\/p>\r\n<p>As\u00ed que en otra ventana del navegador, abro el archivo:<\/p>\r\n<p>http:\/\/homeassistant.local:8123\/hacsfiles\/lovelace-pronote\/cards\/absences-card.js<\/p>\r\n<p>Vuelvo a mi pesta\u00f1a Pronote y actualizo la p\u00e1gina, la marca ha cambiado:<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7177\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/cartes8.png\" alt=\"\" width=\"218\" height=\"237\" \/><\/a><\/p>\r\n<h2>As\u00ed que puedo cambiar el c\u00f3digo<\/h2>\r\n<p>As\u00ed que en este punto, puedo cambiar el c\u00f3digo del archivo JS que genera la tarjeta.<\/p>\r\n<p>Asi que, si puedo ofrecer mejoras a los desarrolladores, en lugar de jugar \u2026<\/p>\r\n<p><a href=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7178\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon.jpg\" alt=\"\" width=\"243\" height=\"243\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon.jpg 1024w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon-300x300.jpg 300w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon-100x100.jpg 100w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon-600x600.jpg 600w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon-150x150.jpg 150w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2024\/05\/yaquafautquon-768x768.jpg 768w\" sizes=\"auto, (max-width: 243px) 100vw, 243px\" \/><\/a><\/p>\r\n<p>Cualquier parecido con personas existentes o que han existido es puramente fortuito e involuntario. \ud83e\udd73<\/p>\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Mi objetivo Esta p\u00e1gina sirve como una lista de verificaci\u00f3n, pero puede ser \u00fatil para otros. Me gustar\u00eda probar los cambios en las tarjetas de Home Assistant, con el fin de proponer mejoras a los desarrolladores. En esta p\u00e1gina, editar\u00e9 un mapa de la serie de cartas de Pronote de delphiki.<\/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\/es\/wp-json\/wp\/v2\/posts\/7166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/comments?post=7166"}],"version-history":[{"count":0,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/posts\/7166\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/media\/7167"}],"wp:attachment":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/media?parent=7166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/categories?post=7166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/tags?post=7166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}