Cartão de previsão do tempo com Custom UI


(Thalles) #1

Boas, hoje venho compartilhar uma personalização para o cartão de previsão do tempo.

E caso utilize o idioma em português, ele se adaptará também.

Para que funciona, você precisará ter instalado o componente Custom UI. Caso ainda não tenha, clique aqui para um tutorial de como instalar.

configuration.yaml

homeassistant:
  customize:
    input_text.weather:
      custom_ui_state_card: custom-weather-card
      config:
        weather: weather.yweather
        sun: sun.sun

frontend:
  extra_html_url:
    - /local/custom_ui/custom-weather-card.html
  extra_html_url_es5:
    - /local/custom_ui/custom-weather-card.html

weather:
  - platform: yweather

input_text:
  weather:
    name: weather 

group:
  weather:
    name: Weather
    entities:
      - input_text.weather

Salve o arquivo custom-weather-card.html em www/custom_ui/
Baixe os ícones aqui e extraia em: \HASSIO\config\www\weather_icons\animated

Caso alguém tenha algum problema em relação à localização, basta adicionar o “woeid”.

weather:
  - platform: yweather
    woeid: XXXXXXXX

Basta clicar aqui para encontrar seu woeid.


(Carlos Alberto Martins) #2

Nao funcionou, ja baixei os arquivos estao nas pastas e as permissoes estao OK,
Segue o print de como fica no HA.


(Thalles) #3

Já fez hard reload? (F12 depois segurar sobre o ícone de reload)
image
(que chato isso de ter que colocar 20 caracteres)


(Carlos Alberto Martins) #4

Continua em branco.

55


(Thalles) #5

Você tem instalado o Custom UI?


(Ricardo Silva) #6

Aqui funcionou a primeira.

Adicionaste bem a configuração no frontend?


(Carlos Alberto Martins) #7

sim tenho, varios icones modificados.

config:
     weather: weather.yweather
     sun: sun.sun
	 
frontend:
 themes: !include_dir_merge_named themes/
 extra_html_url:
   - /local/custom_ui/state-card-custom-ui.html
   - /local/custom_ui/custom-weather-card.html
 extra_html_url_es5:
   - /local/custom_ui/state-card-custom-ui-es5.html
   - /local/custom_ui/custom-weather-card.html
   

input_text:
  weather:
    name: weather

(Thalles) #8

Inseriu todas essas informações?


(Hugo Encarnacao) #9
weather:
  - platform: yweather

?


(Carlos Alberto Martins) #10

Acabei de colocar essa linha q estava faltando, mesmo assim continua mesma coisa.
Tudo em branco.


(Thalles) #11
homeassistant:
  customize:
    input_text.weather:
      custom_ui_state_card: custom-weather-card
      config:
        weather: weather.yweather
        sun: sun.sun

frontend:
  extra_html_url:
    - /local/custom_ui/custom-weather-card.html
  extra_html_url_es5:
    - /local/custom_ui/custom-weather-card.html

weather:
  - platform: yweather

input_text:
  weather:
    name: weather 

group:
  weather:
    name: Weather
    entities:
      - input_text.weather

Tens todas essas informações adicionadas? Não se esqueceu de nenhum?


(Carlos Alberto Martins) #12

Funcionou perfeitamente !
Como meus arquivos sao separados, eu tinha colocado o a parte abaixo no config: e no nao customize:
config:
weather: weather.yweather
sun: sun.sun

Parabens pelo post.


(Ricardo Silva) #13

Weather Platform - IPMA
(Paulo Morgado) #14

falta ai meter a localização, comigo foi para a outro lado nem sei bem a onde mas nao estava certo

http://woeid.rosselliot.co.nz/lookup/oeiras

frontend:
  extra_html_url:
    - /local/custom_ui/custom-weather-card.html
  extra_html_url_es5:
    - /local/custom_ui/custom-weather-card.html

weather:
  - platform: yweather
    woeid: XXXXXXXX

(Jorge Assunção) #15

@Paulo_Morgado, quando publicares código, selecciona o texto e clica no ícone </>


(Thalles) #16

Por aqui não tive problemas, creio que a informação de localização já venha de acordo com a latitude e longitude. Mas, de qualquer modo irei atualizar a publicação, assim caso alguém tenha problemas já sabe o que pode ser. Obrigado :smiley:


(karma) #18

Boas. Estava com a versão 0.73.1 no hassbian. Tudo configurado direito tanto que funcionava. Hoje actualizei para a versão 0.77.3 e não mostra nada para além do nome “Meteorologia” Pelo log dá-me este erro:

http://192.168.** . : /local/custom_ui/custom-weather-card.html:246:33 Uncaught TypeError: Cannot read property ‘unit_system’ of undefined

23:56 components/system_log/ init .py (ERROR)

De que será?

Obrigado


(Thalles) #19

Basta substituir o arquivo Custom Weather Card

https://raw.githubusercontent.com/SouzaaThales/Home-Assistant/master/www/custom_ui/custom-weather-card.html

Depois, vá até a página atualize com CTRL + F5


(karma) #20

@souzaathales Muito obrigado. Já funciona :wink: