{"id":209,"date":"2021-06-23T19:25:58","date_gmt":"2021-06-23T18:25:58","guid":{"rendered":"https:\/\/www.davidezanatta.com\/blog\/?p=209"},"modified":"2022-04-21T12:23:24","modified_gmt":"2022-04-21T11:23:24","slug":"wallbox-prism-home-assistant-2","status":"publish","type":"post","link":"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/","title":{"rendered":"Integrazione Wallbox Prism in Home Assistant (Parte 2)"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-1024x576.png\" alt=\"wallbox Prism in Home Assistant-2\" class=\"wp-image-216\" width=\"768\" height=\"432\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-1024x576.png 1024w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-300x169.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-768x432.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-100x56.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-872x490.png 872w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant-1125x633.png 1125w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Wallbox-Prism-in-Home-Assistant.png 1366w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<p>Nella <a href=\"https:\/\/www.davidezanatta.com\/blog\/?p=197\" class=\"rank-math-link\">guida precedente<\/a> abbiamo visto come integrare la wallbox Prism in Home Assistant per registrare i dati rilevati e per controllarla da remoto. In questa guida vedremo invece come creare una plancia personalizzata nell&#8217;interfaccia grafica di Home Assistant per controllare la nostra wallbox.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_50 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Indice dei contenuti<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6ab19389cb3e8\" aria-hidden=\"true\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-6ab19389cb3e8\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Prerequisiti\" title=\"Prerequisiti\">Prerequisiti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Importare_le_eventuali_immagini\" title=\"Importare le eventuali immagini\">Importare le eventuali immagini<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Personalizzazione_delle_icone_in_base_allo_stato_della_wallbox_Prism_in_Home_Assistant\" title=\"Personalizzazione delle icone in base allo stato della wallbox Prism in Home Assistant\">Personalizzazione delle icone in base allo stato della wallbox Prism in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Creazione_di_una_plancia_personalizzata\" title=\"Creazione di una plancia personalizzata\">Creazione di una plancia personalizzata<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Aggiunta_di_una_scheda_per_il_controllo_della_wallbox_Prism_in_Home_Assistant\" title=\"Aggiunta di una scheda per il controllo della wallbox Prism in Home Assistant\">Aggiunta di una scheda per il controllo della wallbox Prism in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/#Conclusione\" title=\"Conclusione\">Conclusione<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Prerequisiti\"><\/span>Prerequisiti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Per modificare le icone ed i colori delle icone in base allo stato della wallbox ho utilizzato il componente custom-ui disponibile sull&#8217; &#8220;Home Assistant Community Store&#8221; (anche se si chiama store \u00e8 tutto gratuito, tranquilli).<br>Per ottenerlo sar\u00e0 necessario installare l&#8217;Home Assistant Community Store tramite <a class=\"rank-math-link\" href=\"https:\/\/hacs.xyz\/docs\/installation\/prerequisites\" target=\"_blank\" rel=\"noopener\">questa guida<\/a> e successivamente sar\u00e0 necessario installare il componente custom-ui seguendo la guida nella <a href=\"https:\/\/github.com\/Mariusthvdb\/custom-ui\" target=\"_blank\" rel=\"noopener\">repository Github<\/a> (nel mio caso \u00e8 stato necessario anche installare <a href=\"https:\/\/github.com\/jcwillox\/lovelace-paper-buttons-row\" target=\"_blank\" rel=\"noopener\">questo altro componente<\/a> per far funzionare tutto correttamente).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Importare_le_eventuali_immagini\"><\/span>Importare le eventuali immagini<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Per rendere l&#8217;interfaccia di controllo pi\u00f9 accattivante ho deciso di inserire un immagine della Prism nella scheda di controllo della wallbox. Per fare questo sar\u00e0 innanzitutto necessario importare l&#8217;immagine che desideriamo inserire all&#8217;interno di home assistant. Per fare questo io ho utilizzato l&#8217;add-on di Visual Studio Code (per integrarlo in home assistant <a href=\"https:\/\/github.com\/hassio-addons\/addon-vscode\/blob\/main\/vscode\/DOCS.md\" class=\"rank-math-link\" target=\"_blank\" rel=\"noopener\">leggi qui<\/a>). Sar\u00e0 sufficiente creare una cartella nella cartella <em>&#8220;www&#8221;<\/em> (nel mio caso ho chiamato la cartella <em>&#8220;myimages&#8221;<\/em>) ed inserire al suo interno le immagini che desideriamo utilizzare in Home Assistant. Le immagini caricate saranno quindi disponibili all&#8217;interno di Home Assistant nella cartella <em>&#8220;local\/myimages\/nomefile.estensione&#8221;<\/em>.<\/p>\n\n\n\n<p>Vi lascio disponibile per il download l&#8217;immagine che ho utilizzato per questa guida (ma che potete usare anche come template per creare l&#8217;immagine che pi\u00f9 preferite):<\/p>\n\n\n\n<div class=\"wp-block-file aligncenter\"><a id=\"wp-block-file--media-8113c8e1-47eb-44eb-a7ea-4e9fd4e30e80\" href=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/prism2.png\">prism2.png<\/a><a href=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/prism2.png\" class=\"wp-block-file__button\" aria-describedby=\"wp-block-file--media-8113c8e1-47eb-44eb-a7ea-4e9fd4e30e80\" download>Download<\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Personalizzazione_delle_icone_in_base_allo_stato_della_wallbox_Prism_in_Home_Assistant\"><\/span>Personalizzazione delle icone in base allo stato della wallbox Prism in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Prima di creare l&#8217;interfaccia di controllo dobbiamo fare in modo che le icone mostrate cambino in base allo stato dei sensori della wallbox Prism in Home Assistant. Per fare questo sfrutteremo il componente custom-ui installato all&#8217;inizio della guida. <\/p>\n\n\n\n<p>Dobbiamo innanzitutto inserire all&#8217;interno del file &#8220;<em>configuration.yaml<\/em>&#8221; sotto la sezione <em>&#8220;homeassistant&#8221;<\/em> il nome del file per le personalizzazioni che andr\u00e0 inserito nella stessa cartella del file di configurazione (uso un file esterno per mantenere il tutto in ordine, ma le personalizzazioni si potrebbero anche scrivere direttamente nel file di configurazione). Il risultato \u00e8 il seguente (nel mio caso ho chiamato il file <em>&#8220;customizations.yaml&#8221;<\/em>):<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">homeassistant:\n\n&nbsp;&nbsp;customize:&nbsp;!include&nbsp;customizations.yaml<\/code><\/pre>\n\n\n\n<p>All&#8217;interno del file <em>&#8220;customizations.yaml&#8221;<\/em> andremo poi ad inserire il codice per modificare dinamicamente le icone dei diversi sensori della wallbox Prism in Home Assistant:<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">#Cambia icona e colore icona del sensore che indica lo stato della wallbox\nsensor.prism_state:\n&nbsp;&nbsp;friendly_name:&nbsp;\"Stato\"\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Unplugged')&nbsp;return&nbsp;'rgb(0,0,255)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Waiting')&nbsp;return&nbsp;'rgb(138,43,226)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Charging')&nbsp;return&nbsp;'rgb(0,255,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Pause')&nbsp;return&nbsp;'rgb(255,255,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'rgb(255,0,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Unplugged')&nbsp;return&nbsp;'mdi:power-plug-off';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Waiting')&nbsp;return&nbsp;'mdi:car-settings';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Charging')&nbsp;return&nbsp;'mdi:car-electric';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Pause')&nbsp;return&nbsp;'mdi:pause-octagon';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'mdi:alert-octagon';\n\n#Cambia il colore dell'icona della modalit\u00e0 attivata\ninput_boolean.prism_normal_mode:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'on')&nbsp;return&nbsp;'rgb(0,255,0)';\n\ninput_boolean.prism_solar_mode:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'on')&nbsp;return&nbsp;'rgb(255,255,0)';\n\ninput_boolean.prism_pause_mode:\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'on')&nbsp;return&nbsp;'rgb(255,140,0)';\n\n#Cambia icona e colore icona del sensore che indica se la wallbox si \u00e8 messa automaticamente in modalit\u00e0 pausa per limitare la corrente\nsensor.prism_autolimit:\n&nbsp;&nbsp;friendly_name:&nbsp;\"Autolimit\"\n&nbsp;&nbsp;templates:\n&nbsp;&nbsp;&nbsp;&nbsp;icon_color:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Attivo')&nbsp;return&nbsp;'rgb(255,0,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'rgb(0,255,0)';\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(state&nbsp;===&nbsp;'Attivo')&nbsp;return&nbsp;'mdi:boom-gate';\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;return&nbsp;'mdi:hand-okay';\n\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creazione_di_una_plancia_personalizzata\"><\/span>Creazione di una plancia personalizzata<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Siccome ho intenzione di collegare anche l&#8217;auto ad Home Assistant (ho scritto una <a href=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.davidezanatta.com\/blog\/volkswagen-weconnect-id-home-assistant\/\" rel=\"noreferrer noopener\">guida apposita a riguardo<\/a>) ho deciso di creare una plancia dedicata alla gestione delle auto (se volete potete saltare questa sezione e passare alla successiva ). Per fare questo \u00e8 sufficiente selezionare <em>&#8220;modifica plancia&#8221;<\/em> dalla sezione Panoramica di Home Assistant per entrare nell&#8217;editor.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open.png\" alt=\"\" class=\"wp-image-263\" width=\"601\" height=\"173\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open.png 983w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-300x87.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-768x222.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-100x29.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Lovelace-Editor-open-872x252.png 872w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/figure><\/div>\n\n\n\n<p>Dopodich\u00e9 baster\u00e0 premere il tasto <em>&#8220;aggiungi&#8221;<\/em> (quello con l&#8217;icona + ) ed inserire le informazioni necessarie come in figura:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto.png\" alt=\"\" class=\"wp-image-265\" width=\"544\" height=\"480\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto.png 903w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-300x265.png 300w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-768x678.png 768w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-100x88.png 100w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/05\/Controllo-Auto-872x770.png 872w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/><\/figure><\/div>\n\n\n\n<p>Infine premere <em>&#8220;salva&#8221;<\/em> e spostarsi nella plancia appena creata.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aggiunta_di_una_scheda_per_il_controllo_della_wallbox_Prism_in_Home_Assistant\"><\/span>Aggiunta di una scheda per il controllo della wallbox Prism in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/06\/Plancia-Prism.png\" alt=\"Prism in Home Assistant Plancia\" class=\"wp-image-331\" width=\"491\" height=\"630\" srcset=\"https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/06\/Plancia-Prism.png 745w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/06\/Plancia-Prism-234x300.png 234w, https:\/\/www.davidezanatta.com\/blog\/wp-content\/uploads\/2021\/06\/Plancia-Prism-100x128.png 100w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><\/figure><\/div>\n\n\n\n<p>Finalmente possiamo creare la nostra plancia personalizzata. Per fare questo \u00e8 sufficiente cliccare su <em>&#8220;Aggiungi Scheda&#8221;<\/em> (se il tasto non \u00e8 visibile guarda la sezione precedente per capire come aprire l&#8217;editor della plancia). Per usare la stessa plancia che utilizzo io basta selezionare l&#8217;opzione &#8220;Manuale&#8221; e copiare il codice seguente, per poi premere salva (do per scontato che l&#8217;immagine caricata all&#8217;inizio della guida sia salvata con lo stesso nome e nella stessa cartella del mio server):<\/p>\n\n\n\n<pre class=\"wp-block-code has-normal-font-size\"><code lang=\"yaml\" class=\"language-yaml line-numbers\">type:&nbsp;entities\nentities:\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_state\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_autolimit\n&nbsp;&nbsp;-&nbsp;type:&nbsp;divider\n&nbsp;&nbsp;-&nbsp;type:&nbsp;buttons\n&nbsp;&nbsp;&nbsp;&nbsp;entities:\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;entity:&nbsp;input_boolean.prism_solar_mode\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Modalit\u00e0&nbsp;Solare\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;entity:&nbsp;input_boolean.prism_pause_mode\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Pausa\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;entity:&nbsp;input_boolean.prism_normal_mode\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Modalit\u00e0&nbsp;Normale\n&nbsp;&nbsp;-&nbsp;type:&nbsp;divider\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;input_number.prism_max_current_set\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_current\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'mdi:flash'\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Corrente&nbsp;Erogata\n&nbsp;&nbsp;-&nbsp;type:&nbsp;divider\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_session_duration\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'mdi:timer'\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Durata&nbsp;Ultima&nbsp;Ricarica\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_energy_last_session\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'mdi:battery-positive'\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Energia&nbsp;Ultima&nbsp;Ricarica\n&nbsp;&nbsp;-&nbsp;type:&nbsp;divider\n&nbsp;&nbsp;-&nbsp;entity:&nbsp;sensor.prism_power\n&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;Potenza&nbsp;Erogata\n&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;'mdi:transmission-tower'\nheader:\n&nbsp;&nbsp;type:&nbsp;picture\n&nbsp;&nbsp;image:&nbsp;local\/myimages\/prism2.png\n&nbsp;&nbsp;tap_action:\n&nbsp;&nbsp;&nbsp;&nbsp;action:&nbsp;none\n&nbsp;&nbsp;hold_action:\n&nbsp;&nbsp;&nbsp;&nbsp;action:&nbsp;none\ntitle:&nbsp;Prism\nshow_header_toggle:&nbsp;false\nstate_color:&nbsp;true<\/code><\/pre>\n\n\n\n<p>In alternativa \u00e8 possibile anche creare la scheda usando l&#8217;editor visivo (potete anche modificare visivamente la scheda da me creata copiando il codice, salvandolo e premendo il tasto <em>&#8220;Mostra Editor Visivo&#8221;<\/em>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusione\"><\/span>Conclusione<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Questa era la seconda parte della guida per l&#8217;integrazione della wallbox Prism in Home Assistant. Possiamo ora controllare la Prism direttamente in Home Assistant e questo ci permetter\u00e0 di creare automazioni interessanti, come ad esempio controllare altri dispositivi utilizzando il tasto touch presente sulla wallbox Prism, oppure creare modalit\u00e0 di ricarica personalizzate (ad esempio per <a href=\"https:\/\/www.davidezanatta.com\/blog\/costi-ricarica-home-assistant\/\" data-type=\"URL\" data-id=\"https:\/\/www.davidezanatta.com\/blog\/costi-ricarica-home-assistant\/\">ricaricare prelevando dalla rete sollo nelle fasce orarie pi\u00f9 economiche<\/a>).<\/p>\n\n\n\n<p>Se questa guida ti \u00e8 piaciuta segui il mio blog sui canali social (clicca sulle icone in fondo alla pagina) per essere informato su tutti i nuovi articoli che scriver\u00f2.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nella guida precedente abbiamo visto come integrare la wallbox Prism in Home Assistant per registrare i dati rilevati e per controllarla da remoto. In questa guida vedremo invece come creare una plancia personalizzata nell&#8217;interfaccia grafica di Home Assistant per controllare la nostra wallbox. Prerequisiti Per modificare le icone ed i colori delle icone in base allo stato della wallbox ho utilizzato il componente custom-ui disponibile sull&#8217; &#8220;Home Assistant Community Store&#8221; (anche se si chiama store \u00e8 tutto gratuito, tranquilli).Per ottenerlo &#8230; <\/p>\n<div><a href=\"https:\/\/www.davidezanatta.com\/blog\/wallbox-prism-home-assistant-2\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/209"}],"collection":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":15,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/posts\/209\/revisions\/421"}],"wp:attachment":[{"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.davidezanatta.com\/blog\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}