Friend, was not it easier to copy the same icons to the directories, and rename them to “lightning”?
I did so and it worked perfectly! :oculos de sol:
Thank you for sharing your work with the community.
I need help to solve my problem, I have two weather cards being displayed in my home. I have modified almost everything and nothing to solve.
If anyone can help me, I thank you!
configuration.yaml:
homeassistant:
# Name of the location where Home Assistant is running
name: Lar doce lar!
# Location required to calculate the time the sun rises and sets
latitude: -XX.417859
longitude: -XX.337051
# Impacts weather/sunrise data (altitude above sea level in meters)
elevation: 330
# metric for Metric, imperial for Imperial
unit_system: metric
# Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
time_zone: America/Sao_Paulo
# Customization file
customize: !include customize.yaml
# Show links to resources in log and frontend
# introduction:
# Enables the frontend
frontend:
extra_html_url:
- /local/custom_ui/custom-weather-card.html
extra_html_url_es5:
- /local/custom_ui/custom-weather-card.html
# Enables configuration UI
config:
http:
# Secrets are defined in the file secrets.yaml
# base_url: https://XXXXXX.ddns.net:8123
# ssl_certificate: /ssl/fullchain.pem
# ssl_key: /ssl/privkey.pem
api_password: XXXXXXX@
ip_ban_enabled: true
login_attempts_threshold: 5
# Uncomment this if you are using SSL/TLS, running in Docker container, etc.
# base_url: example.duckdns.org:8123
# Checks for available updates
# Note: This component will send some information about your system to
# the developers to assist with development of Home Assistant.
# For more information, please see:
# https://home-assistant.io/blog/2016/10/25/explaining-the-updater/
updater:
# Optional, allows Home Assistant developers to focus on popular components.
include_used_components: true
# Discover some devices automatically
discovery:
# Allows you to issue voice commands from the frontend in enabled browsers
conversation:
# Enables support for tracking state changes over time
history:
# View all events in a logbook
logbook:
# Example configuration.yaml entry
camera:
- platform: generic
#mjpeg_url: http://192.168.25.205/mjpeg
still_image_url: http://192.168.25.205/image/jpeg.cgi
username: admin
password: mkmt.vix.
# Enables a map showing the location of tracked devices
map:
# Track the sun
# sun:
# Weather prediction
weather:
- platform: yweather
woeid: "26800926"
input_boolean:
weather:
groups.yaml:
weather:
name: Weather
entities:
- input_boolean.weather
customize.yaml:
input_boolean.weather:
custom_ui_state_card: custom-weather-card
config:
weather: weather.yweather
weather.yweather: {}
Thank you all!
Hi.
How do I set the path of the www folder?
This is what I see. But I do not know if it does not find the html file.
How can I know what the problem is?
Thank you very much.
the website /local/www/custom_ui/ssss.html I also put it there?
1 Like
/local/ is /config/www/ - you’d create custom_ui/ in /config/www/ and then put ssss.html in there
Sorry. i not have this folder
I have installed home assistant on ubuntu 18.
If I do not have this folder, where do I have to create it?
Thanks
Thanks!!!
Now I can’t view the actual icon.
I change:
span class=“icon bigger” style=“background: none, url(/local/weather_icons/animated/[[nowCond]].svg) no-repeat; background-size: contain;”>
with
span class=“icon bigger” style=“background: none, url(/local/weather_icons/animated/[[weatherObj.forecast[0].condIcon]].svg) no-repeat; background-size: contain;”>
I have been trying to get this to work the whole day, tried everything i can think of.
But i do not get the mdi icons in frot of the humidity/windspeed etc.
I configured it just like mentioned in this post, also used this html
I can not figure out what is wrong
In config.yaml
frontend:
themes: !include themes.yaml
javascript_version: latest
extra_html_url:
- /local/custom_ui/custom-weather-card.html
extra_html_url_es5:
- /local/custom_ui/custom-weather-card.html
# Enables configuration UI
config:
weather:
- platform: yweather
woeid: 128***90
input_boolean:
weather:
In customize.yaml
input_boolean.weather:
custom_ui_state_card: custom-weather-card
config:
weather: weather.yweather
sun: sun.sun
In groups.yaml
weather:
name: weer
entities:
- input_boolean.weather
if i click on the card this shows.
Is it normal that it shows the config?
I would love to get this working like it should.
And then take the next step and make it show up in lovelace.
Hi. With dark sky i recive only 3 days.
Does anyone know if I have to pass an extra parameter to receive 7 days?
Thanks
Not working after latest update 0.77.2 anyone else ?
Same here.
The solution is here. You need to find this in custom-weather-card.html:
getUnit(unit) {
return this.hass.config.core.unit_system[unit] || '';
},
and replace it to this:
getUnit(unit) {
return this.hass.config.unit_system[unit] || '';
},
1 Like
Changed the custom-weather-card.html but still not working any ideas ?
Have you cleared the cache in the browser?
let me try that , thanks !!
HI,
_Unable to find icon for domain weather (fog)
Hope I havent missed this in the thread above, but whenever i click the more info on the custom card, I get this error in the browser inspector:
it is in fact not showing…
is this expected behavior? Should be translated to cloudy in the card, (there’s no fog.svg).
var _WEATHER_TO_ICON_DAY = {
'clear-night': 'day',
'cloudy': 'cloudy',
'fog': 'cloudy',
'hail': 'rainy-7',
'lightning': 'thunder',
'lightning-rainy': 'thunder',
'partlycloudy': 'cloudy-day-3',
'pouring': 'rainy-6',
'rainy': 'rainy-5',
'snowy': 'snowy-6',
'snowy-rainy': 'rainy-7',
'sunny': 'day',
'windy': 'cloudy',
'windy-variant': 'cloudy-day-3',
'exceptional': '!!',
};
var _WEATHER_TO_ICON_NIGHT = {
'clear-night': 'night',
'cloudy': 'cloudy',
'fog': 'cloudy',
'hail': 'rainy-7',
'lightning': 'thunder',
'lightning-rainy': 'thunder',
'partlycloudy': 'cloudy-night-3',
'pouring': 'rainy-6',
'rainy': 'rainy-5',
'snowy': 'snowy-6',
'snowy-rainy': 'rainy-7',
'sunny': 'night',
'windy': 'cloudy',
'windy-variant': 'cloudy-night-3',
'exceptional': '!!',
};
and I do have that. both for static and animated, and for forecast (small icons):
