It would be great to see more granularity on the UV exposure times.

We get them in minutes from OpenUV and quite frankly, for light skin any UV index above 2 means "safe" exposure times are always below 1h and thus not very informative.

Choosing between units (min / h) would be great.
Displaying minutes until an arbitrary threshold (120mins?) and then displaying hours is also good enough.

Are you interested in adding the PT Portuguese language?
If yes send me the language file to do the translations.

Hi, sorry its me again, is there any way to make icon centered when no other info is displayed?
Also, could this card be used as a button, so when presed navigate to another tab?
Thank you!
(If i can be of help in any way tell me please)

Would it be possible to add the use of attributes (or templates) as a data source?
ie.
At the moment, I have a weather.accuweather entity, which has attributes for (amongst others) wind_bearing, wind speed, pressure etc.
These are not exposed as additional sensors as well, so it would be nice to be able to configure the card to use these
ie:
pressure: weather.accuweather.pressure
or
pressure: "{{ state_attr('weather.accuweather', 'pressure') }}

The only work-around at the moment (as far as I know) would be to use a template sensor to expose this as a sensor on its own.

Is there a way to make an Dutch translation to this beautifull card ?
I can contribute with that if you have a language file or something like that

Can we view the UV safe exposure time in minutes when it is less than 1 hour? Right now, I see '0 h' which is less helpful than '15 m'.

Hi, I just installed the card (version c913ad8) via HACS (1.2.2) on my HomeAssistent (0.112.4) without error, but when I try to use it, I get the error "Custom element doesn't exist: ha-card-weather-conditions". The files are present on the system.

What might be wrong here? What and where can I have a look to get more details about the problem?

I have added the component and place the resource on lovelave frontend, but when making the card nothing apperas.
Can you help?

Version installed: 87890c0 (PS: consider tagging stable releases?)
Home Assistant 0.113.0
HACS: 1.2.2
Browser: Version 84.0.4147.89 (Official Build) (64-bit) (Up to date)

/hacsfiles/ha-card-weather-conditions/ha-card-weather-conditions.js added via Configuration > Lovelace > Resources
Checked via via DevTools Network card and the file is loading

Sample code:

pollen:
  grass:
    entity: sensor.cc_castle_pollen_grass
    high: 3
    low: 1
    max: 5
    min: 0
  tree:
    entity: sensor.cc_castle_pollen_tree
    high: 3
    low: 1
    max: 5
    min: 0
  weed:
    entity: sensor.cc_castle_pollen_weed
    high: 3
    low: 1
    max: 5
    min: 0
type: 'custom:ha-card-weather-conditions'

When viewing the lovelace frontend from within my work's network, the Climacell Weather card fails to load and gives this error:

Unexpected token < in JSON at position 0

I can view the card fine from the local network as well as outside of the local network. It's only when within the work network that this specific card breaks. I suspect that due to my work's IT policies, some kind of call/request made by the card is being blocked that isn't otherwise blocked out in the wild. Although I don't understand A) Why the card would make a call when all the data is already available in the sensors (the sensors all work fine) B) Why the card fails in this big red way rather than just not appearing or not showing the small error'd section (e.g. not showing a temp value).

Note: Screenshot was from a couple versions ago so the entity names might be slightly out of date but the problem persists through the current version.

On work network:

On local network or outside network:

In the german locale, the ü is not rendered properly. It shows the html code for ü instead:

Hi, is it possible to add tap actions to see, for example, forecast details etc.?

I'm not sure if I have my sensor / set up all messed up but this is how my sensors look -

sensor.cc_example_precipitation_type
sensor.cc_example_precipitation_type_00m
sensor.cc_example_precipitation_type_0h

1 - example not test as per readme
2 - no "clear" which is "realtime" "daily" etc etc

Any help ?

Thanks

Ciao, vedo che sei di Roma per cui vado di Italiano;
Sto usando la tua card, l'unico problema sono le icone.
Non riesco a farle visualizzare.
Grazie infinite!

Hello, i have a little problem with the card not displaying the Moon Phase Text:

          - type: custom:ha-card-weather-conditions
            name: "Météo"
            language: fr
            animation: true
            camera: camera.weather
            weather:
              icons_model: climacell
              current:
                sun: sun.sun
                moon_phase: sensor.cc_test_moon_phase                
                current_conditions: sensor.cc_test_weather_condition
                humidity: sensor.cc_test_humidity_percentage
                pressure: sensor.cc_test_barometric_pressure
                temperature: sensor.cc_test_temperature
                visibility: sensor.cc_test_visibility
                wind_bearing: sensor.cc_test_wind_direction
                wind_speed: sensor.cc_test_wind_speed
                precipitation: sensor.cc_test_precipitation
                forecast: true

I hope you can solve this.

Thanks again for your great work.

Hi, I would like to ask which air quality and pollen API do this card uses? I know uv uses openUV.

Hello and thanks for your work!

I would like to use other sensor data for pollen information.
The provider I use offers several entities for pollen data, but all sensors have the same icon.
So inside the pollen view I can not differentiate between the entries.
Could it be possible to define a individual icon for each pollen entry like this?

pollen:
  grass:
    entity: sensor.dwd_pollen_101_today_graeser
    icon: 'mdi:barley' #individual icon
    high: 4
    low: 2
    max: 6
    min: 0

Thanks
Ronny

Ciao (italiano anche io)
the forecast is showing as 80 % / Na mm/h

Daily Forecast in integration generate 0 based index:
sensor.cc_temperature_min_0d ... sensor.cc_temperature_min_4d

While Lovelace Card is looking for index starting from 1

Therefore last day of forecast will be lost

Hi Renato!

unfortunately also having added the following resources in Lovelace:

• url: /hacsfiles/ha-card-weather-conditions/ha-card-weather-conditions.js
  type: module
  configuration
• url: /hacsfiles/lovelace-card-mod/card-mod.js
  type: module
  I still have the problem that I show you in the print screen

How i can lower the size of the numbers about temperature?

Actually i have this style, but only since latest release i get those big numbers.

            style: |
              ha-card {
                font-size: 14px;
                font-family: 'Georgia';
                font-weight: normal;
              }

Hi,

I've noticed that the temperature does not show decimal numbers and it just rounds. Is this possible?

Also, I'm using climacell and the feels_like is not being properly displayed. I think I found the problem and it's grabbing the temperature value instead.

Dont want to be critical, but i would like to offer some notes from installing this awesome tool

• it was a little tricky to find both the https://github.com/r-renato/ha-climacell-weather and https://github.com/r-renato/ha-card-weather-conditions . maybe you could link them?

• in the Integration Examples (backend), the name is name: example, but in the frontend portion, it is referenced as "cc_test". I renamed my backend config from example to test, and was able to copy/paste with ease

• the frontend code talks about a camera. what is that? that sounds interesting too!

• the frontend code talks about /hacsfiles/lovelace-card-mod/card-mod.js "to enable an advanced card look configuration". Can you add a link so that I don't get the wrong one?

I tried to cut this list down by creating a PR, but was denied access
Thanks!

Hi, i want to only show the icon, so i use this:

animation: true
language: es
name: Clima
type: 'custom:ha-card-weather-conditions'
weather:
  current:
    current_conditions: sensor.cc_weather_condition

But then it shows like this:

Can this be fixed?
Thank you!
Pd: amazing card bro!

Hi Renato,
I love this card, thanks so much for it. This morning I noticed that the card stayed blank but was delighted to see that an update fixing this bug (#9 ) was already waiting.
I updated the card, cleared cache and now the card is showing correctly however the moon phase is no longer visible on the card.
Any ideas or any troubleshooting I could do?
Thanks,
Uli

What are meteogram and camera and how to get it working?

I can't find any camera device or entity in my HA and would like to follow the README example:

  camera: camera.cc_test_c1
  weather:
    forecast:
      meteogram: camera.cc_test_c2

Hello, thank you very much for this awsome card, congrats you've made a fantastic work.
I would like to share the french translation:

export let cwcLocale = {en: 0, it: 1, nl: 2, fr: 3};

export let cwcLocWindDirections = {
  'N': ['N', 'N', 'N', 'N'],
  'NNE': ['NNE', 'NNE', 'NNO', 'NNO'],
  'NE': ['NE', 'NE', 'NO', 'NO'],
  'ENE': ['ENE', 'ENE', 'ONO', 'ENE'],
  'E': ['E', 'E', 'O', 'E'],
  'ESE': ['ESE', 'ESE', 'OZO', 'ESE'],
  'SE': ['SE', 'SE', 'ZO', 'SE'],
  'SSE': ['SSE', 'SSE', 'ZZO', 'SSE',],
  'S': ['S', 'S', 'Z', 'S'],
  'SSW': ['SSW', 'SSO', 'ZZW', 'SSO'],
  'SW': ['SW', 'SO', 'ZW', 'SO'],
  'WSW': ['WSW', 'OSO', 'WZW', 'OSO'],
  'W': ['W', 'O', 'W', 'O',],
  'WNW': ['WNW', 'ONO', 'WNW', 'ONO'],
  'NW': ['NW', 'NO', 'NW', 'NO',],
  'NNW': ['NNW', 'NNO', 'NNW', 'NNO'],
};

export let cwcTerms = {
  'Feels Like' : ['Feels Like', 'Percepita', 'Voelt Als', 'Ressentie']
} ;

I have a problem with Pollen Layer, as you can see in the image, the lines are very thin

I get a empty canvas element without any datapoints. Latest ha and latest hacs version of this card. Is the message use HACS path to retrieve icons aimed at me? When i click it it leads to ha-card-weather-conditions.js.

Hey, can you add an iconset for the default HA conditions? I really love your card, but right now I can't use it with my weather provider.

I tried to compile the project by myself, but I am missing something so it's not working. Can you please include it? Here is the mapping for the values:

export const cwcDefaultHassDayIcons: { [key: string]: string } = {
  cloudy: "cloudy-day-3",
  exceptional: "severe-thunderstorm",
  fog: "fog",
  hail: "snow-and-sleet-mix",
  lightning: "severe-thunderstorm",
  "lightning-rainy": "scattered-thunderstorms",
  partlycloudy: "cloudy-day-3",
  pouring: "rainy-6",
  rainy: "rainy-5",
  snowy: "snowy-6",
  "snowy-rainy": "snow-and-sleet-mix",
  sunny: "clear-day",
  windy: "wind",
  "windy-variant": "wind",
}

export const cwcDefaultHassNightIcons: { [key: string]: string } = {
  ...cwcDefaultHassDayIcons,
  "clear-night": "clear-night",
}

And one suggestion: in ha-card-weather-conditions.ts you are overwriting the icon setting always with climacell. The correct implementation has to be:

if ((!!config.weather) && (!!config.weather.icons_model))
  switch (config.weather.icons_model.toLowerCase()) {
    case 'darksky':
      this._iconsConfig.iconsDay = cwcDarkskyDayIcons;
      this._iconsConfig.iconsNight = cwcDarkskyNightIcons;
      this._iconsConfig.icons_model = "darksky";
      break;
    case 'openweathermap':
      this._iconsConfig.iconsDay = cwcOpenWeatherMapDayIcons;
      this._iconsConfig.iconsNight = cwcOpenWeatherMapNightIcons;
      this._iconsConfig.icons_model = "openweathermap";
      break;
    case 'defaulthass':
      this._iconsConfig.iconsDay = cwcDefaultHassDayIcons;
      this._iconsConfig.iconsNight = cwcDefaultHassNightIcons;
      this._iconsConfig.icons_model = "defaulthass";
      break;
    default:
      this._iconsConfig.iconsDay = cwcClimacellDayIcons;
      this._iconsConfig.iconsNight = cwcClimacellNightIcons;
      this._iconsConfig.icons_model = "climacell";
  }

The instructions show only using weather forecasts that have individual sensors for each day.
Is it possible to use the default weather entity?

First thank you for providing this resource.

While trying to get this installed on my Home Assistant I noticed a typo in the README.md file. In the Card Configuration section you have "use the ha-card-weather-conditionse card " when it should be "use the ha-card-weather-conditions card".
I would not have noticed it if I hadn't copied and pasted that into the HACS search field and HACS couldn't find it.

Again thanks for this.

Doug

Hi, I'm able to view the summary card just fine, but the forecast card is giving me problems.

Here's my browser console log.

WEATHER-CONDITION-CARD 1.9.1
card-mod.js:1 CARD-MOD 1.1.0 IS INSTALLED
:8123/local/ha-card-weather-conditions/icons/static/cloudy.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found)
ha-card-weather-conditions.js:411 WEATHER-CONDITION-CARD 1.9.1 use HACS path to retrieve icons.
ha-card-weather-conditions.js:411 Object
ha-card-weather-conditions.js:411 Object
ha-card-weather-conditions.js:429 Uncaught (in promise) TypeError: Cannot read property 'sun' of undefined
at ha-card-weather-conditions.js:429
at HTMLElement._render (ha-card-weather-conditions.js:443)
at HTMLElement.render (ha-card-weather-conditions.js:420)
at HTMLElement.update (ha-card-weather-conditions.js:1)
at HTMLElement.performUpdate (ha-card-weather-conditions.js:1)
at HTMLElement._enqueueUpdate (ha-card-weather-conditions.js:1)
ha-card-weather-conditions.js:411 Object
ha-card-weather-conditions.js:411 Object
DevTools failed to load SourceMap: Could not load content for chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/sourcemaps/onloadwff.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
ha-card-weather-conditions.js:411 {card_config: {…}}
weather:1 Autofocus processing was blocked because a document already has a focused element.
ha-card-weather-conditions.js:429 Uncaught (in promise) TypeError: Cannot read property 'sun' of undefined
at ha-card-weather-conditions.js:429
at HTMLElement._render (ha-card-weather-conditions.js:443)
at HTMLElement.render (ha-card-weather-conditions.js:420)
at HTMLElement.update (ha-card-weather-conditions.js:1)
at HTMLElement.performUpdate (ha-card-weather-conditions.js:1)
at HTMLElement._enqueueUpdate (ha-card-weather-conditions.js:1)
(anonymous) @ ha-card-weather-conditions.js:429
_render @ ha-card-weather-conditions.js:443
render @ ha-card-weather-conditions.js:420
update @ ha-card-weather-conditions.js:1
performUpdate @ ha-card-weather-conditions.js:1
_enqueueUpdate @ ha-card-weather-conditions.js:1
async function (async)
_enqueueUpdate @ ha-card-weather-conditions.js:1
_requestUpdate @ ha-card-weather-conditions.js:1
set @ ha-card-weather-conditions.js:1
value @ chunk.ac04d2743ef44195d8a3.js:858
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
(anonymous) @ app.04756a98.js:40574
value @ app.04756a98.js:40574
hassChanged @ app.04756a98.js:40574
value @ app.04756a98.js:47718
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ app.04756a98.js:40574
(anonymous) @ app.04756a98.js:40574
n @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
_handleMessage @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
ha-card-weather-conditions.js:429 Uncaught (in promise) TypeError: Cannot read property 'sun' of undefined
at ha-card-weather-conditions.js:429
at HTMLElement._render (ha-card-weather-conditions.js:443)
at HTMLElement.render (ha-card-weather-conditions.js:420)
at HTMLElement.update (ha-card-weather-conditions.js:1)
at HTMLElement.performUpdate (ha-card-weather-conditions.js:1)
at HTMLElement._enqueueUpdate (ha-card-weather-conditions.js:1)
(anonymous) @ ha-card-weather-conditions.js:429
_render @ ha-card-weather-conditions.js:443
render @ ha-card-weather-conditions.js:420
update @ ha-card-weather-conditions.js:1
performUpdate @ ha-card-weather-conditions.js:1
_enqueueUpdate @ ha-card-weather-conditions.js:1
async function (async)
_enqueueUpdate @ ha-card-weather-conditions.js:1
_requestUpdate @ ha-card-weather-conditions.js:1
set @ ha-card-weather-conditions.js:1
(anonymous) @ chunk.55cfcfe8bf5cea239c42.js:23460
value @ chunk.55cfcfe8bf5cea239c42.js:23460
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ chunk.55cfcfe8bf5cea239c42.js:24080
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ app.04756a98.js:46838
value @ app.04756a98.js:43757
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ app.04756a98.js:40574
(anonymous) @ app.04756a98.js:40574
n @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
_handleMessage @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
ha-card-weather-conditions.js:411 {card_config: {…}}
ha-card-weather-conditions.js:411 {card_config: {…}}
ha-card-weather-conditions.js:429 Uncaught (in promise) TypeError: Cannot read property 'sun' of undefined
at ha-card-weather-conditions.js:429
at HTMLElement._render (ha-card-weather-conditions.js:443)
at HTMLElement.render (ha-card-weather-conditions.js:420)
at HTMLElement.update (ha-card-weather-conditions.js:1)
at HTMLElement.performUpdate (ha-card-weather-conditions.js:1)
at HTMLElement._enqueueUpdate (ha-card-weather-conditions.js:1)
(anonymous) @ ha-card-weather-conditions.js:429
_render @ ha-card-weather-conditions.js:443
render @ ha-card-weather-conditions.js:420
update @ ha-card-weather-conditions.js:1
performUpdate @ ha-card-weather-conditions.js:1
_enqueueUpdate @ ha-card-weather-conditions.js:1
async function (async)
_enqueueUpdate @ ha-card-weather-conditions.js:1
_requestUpdate @ ha-card-weather-conditions.js:1
set @ ha-card-weather-conditions.js:1
(anonymous) @ chunk.55cfcfe8bf5cea239c42.js:23460
value @ chunk.55cfcfe8bf5cea239c42.js:23460
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ chunk.55cfcfe8bf5cea239c42.js:24080
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ app.04756a98.js:46838
value @ app.04756a98.js:43757
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
commit @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
update @ app.04756a98.js:1
__commitTemplateResult @ app.04756a98.js:1
commit @ app.04756a98.js:1
a @ app.04756a98.js:1
A.render @ app.04756a98.js:1
update @ app.04756a98.js:1
performUpdate @ app.04756a98.js:1
_enqueueUpdate @ app.04756a98.js:1
async function (async)
_enqueueUpdate @ app.04756a98.js:1
_requestUpdate @ app.04756a98.js:1
set @ app.04756a98.js:1
value @ app.04756a98.js:40574
(anonymous) @ app.04756a98.js:40574
n @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1
_handleMessage @ core.949bdaed.js:1
(anonymous) @ core.949bdaed.js:1

I currently pull in 5 days into the future for my integration (_1d, _2d, ... _5d). When I try to add more than 4 days worth of sensors into the forecast section the card does not load. I prefer seeing a 5 day forecast, if it at all possible

Since updating HA-Core to 0.110.0 I noticed that my card was missing.

I removed moon_phase: sensor.cc_moon_phase and the card works again, but as soon as I add this back in to the configuration the card goes blank and breaks.

I can't see any log entries and I have cleared the cache to no avail. The screenshot shows the top card without moon_phase: sensor.cc_moon_phase and the bottom one with it

I'm having all sorts of problems getting the card example files to work. When I copy and paste the examples int the Manual custom card I get all kinds of indentation problems. Could you please include the card examples in raw format in the repository?

Thanks

It seems like it's being controlled by themes, but I would like to know how I can make those line thicker to improve visibility? Please see the image attached.

Kind Regards

Is it possible to have an example about how to set the sea and the alert conditions?
I cannot see any docs about those two conditions, only how to set them in a lovelace card.
I added this to the configuration of the climacell sensor:

- platform: climacell
  api_key: !secret climacell_api
  name: Climacell
  latitude: !secret latitude_casa
  longitude: !secret longitude_casa
  monitored_conditions:
    sea:
      - swell_direction
      - swell_height
      - swell_period
      - wind_direction
      - wind_speed
      - air_temperature
      - water_temperature

But i got error in setting the sensor....

Really not an issue but more of a feature option. You have the ability with hourly sensors for forecast but no way to make this happen. I tried and even though I used hourly sensors it makes the card title days. Is there any way to make them hourly or make this part of one of your next updates? The card is awesome and works great. With Darksky going away I would really like this feature so everything I have already set in darksky would be available in this card. Thanks

Hi, Trying to run this card in my dev environment, but the rollup.config.js is mising.
Could you update the project with this file?
Would be much appreciated!

You are using version names, but this is of little practical use.
Please tag this repository! We can navigate version history better and / or version lock if necessary. Thank you.

https://git-scm.com/book/en/v2/Git-Basics-Tagging

Thank you very much for this weather card.

Would it make sense to trim seconds out sunrise/sunset timestamps, by default or configuraton options, like:

${void 0!==c?Ae(c.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}),"","mdi:weather-sunset-up"):""}
${void 0!==d?Ae(d.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}),"","mdi:weather-sunset-down"):""}

Hi I would help with translation to Serbian language.

How I can do it?

As stated in my request on the integration, it would be great to see this data added to the lovelace card. For example, my dark sky integration that I am moving away from shows the apparent temp in the following location of a custom card

Hello, first of all, I really like the card you developed. However I have a few difficulties I'd like to share. I am a beginner with HA, so please be easy on me ;-)
I am working with an wheather station that gives me via Ecowitt a bunch of sensors. They are working on the card too. However:

• I don't seem to have a sensor for current_conditions, which is kinda strange because I have it on the panel that comes with the weather station, do you happen to know any solution for this?
• The lay out of the sensors is all mixed up in the card. Is there any way to change the order of apearance? On a tablet it even looks different again.
• I have set up the card-mod plugin as a source in the Lovelage, but I have no idea how to find it or to use it.
  Could you please give me a push in the right direction here?

I configured all the sensors and they appeared in the list of sensors, configured card following your example but no card is displayed in the frontend.

This is my configuration:

- platform: climacell
  api_key: !secret climacell_api
  name: Climacell
  latitude: !secret latitude_casa
  longitude: !secret longitude_casa
  monitored_conditions:
    realtime:
      - weather_condition
      - temperature
      - humidity
      - visibility
      - cloud_cover
      - precipitation
      - precipitation_type
      - pressure
      - wind_speed
      - wind_direction
      - wind_gust
      - moon_phase
      - sunset
      - sunrise
      - pm25
      - pm10
      - o3
      - co
      - pollen_tree
      - pollen_weed
      - pollen_grass
      - fire_index
    forecast:
      - weather_condition
      - temperature
      - precipitation
      - precipitation_probability
  scan_interval:
      # At least one of these must be specified:
    days: 0
    hours: 3
    minutes: 0
    seconds: 0
    milliseconds: 0

And this is how i configured card:

          - type: custom:ha-card-weather-conditions
            name: 'Climacell'
            language: it
            animation: true
#            camera: camera.climacell_c1
            pollen:
              tree:
                entity: sensor.climacell_pollen_tree
                min: 0
                max: 5
                low: 1
                high: 3
              weed:
                entity: sensor.climacell_pollen_weed
                min: 0
                max: 5
                low: 1
                high: 3
              grass:
                entity: sensor.climacell_pollen_grass
                min: 0
                max: 5
                low: 1
                high: 3
              fire_index:
                entity: sensor.climacell_fire_index
                min: 0
                max: 5
                low: 1
                high: 3
            air_quality:
              pm25: sensor.climacell_pm25
              pm10: sensor.climacell_pm10
              o3: sensor.climacell_o3
#              no2: sensor.climacell_no2
              co: sensor.climacell_co
              so2: sensor.climacell_so2
#              epa_aqi: sensor.climacell_epa_aqi
#              epa_health_concern: sensor.climacell_epa_health_concern
            weather:
              icons_model: climacell
              current:
                sun: sun.sun
                current_conditions: sensor.climacellweather_condition
                humidity: sensor.climacell_humidity_percentage
                pressure: sensor.climacell_barometric_pressure
                temperature: sensor.climacell_temperature
                visibility: sensor.climacell_visibility
                wind_bearing: sensor.climacell_wind_direction
                wind_speed: sensor.climacell_wind_speed
                precipitation: sensor.climacell_precipitation
                forecast: true
            forecast:
#              meteogram: camera.climacell_c2
              icons:
                day_1: sensor.climacell_weather_condition_0d
                day_2: sensor.climacell_weather_condition_1d
                day_3: sensor.climacell_weather_condition_2d
                day_4: sensor.climacell_weather_condition_3d
                day_5: sensor.climacell_weather_condition_4d
              temperature_high:
                day_1: sensor.climacell_max_temperature_0d
                day_2: sensor.climacell_max_temperature_1d
                day_3: sensor.climacell_max_temperature_2d
                day_4: sensor.climacell_max_temperature_3d
                day_5: sensor.climacell_max_temperature_4d
              temperature_low:
                day_1: sensor.climacell_min_temperature_0d
                day_2: sensor.climacell_min_temperature_1d
                day_3: sensor.climacell_min_temperature_2d
                day_4: sensor.climacell_min_temperature_3d
                day_5: sensor.climacell_min_temperature_4d
              precipitation_probability:
                day_1: sensor.climacell_precipitation_probability_0d
                day_2: sensor.climacell_precipitation_probability_1d
                day_3: sensor.climacell_precipitation_probability_2d
                day_4: sensor.climacell_precipitation_probability_3d
                day_5: sensor.climacell_precipitation_probability_4d
              precipitation_intensity:
                day_1: sensor.climacell_max_precipitation_0d
                day_2: sensor.climacell_max_precipitation_1d
                day_3: sensor.climacell_max_precipitation_2d
                day_4: sensor.climacell_max_precipitation_3d
                day_5: sensor.climacell_max_precipitation_4d

In the console i get this:

Are the data available for temperature, precipitation and wind graphs, like in Google weather ?

Would it be possible to add these graphs?

Would it be possible to enhance this component with icons linked to the Dutch 'Buienradar' integration?
I am using sensors from Buienradar, which works well after some tweaking and finding out which sensor to use.
Only the icons aren't working well enough. Some icons do, but thats because they happen to have the same name as one of the other 3 integrate icon sets (openweathermap, climacell, darksky).

I know a lot of Dutch people use Home-Assistant, and it would be great that we can use the dutch information provided by Buienradar.

While searching thru the files on this repo, I saw the 3 files where the right names for the different integrations where put.
I am willing to help finding the correct names for the different weather conditions.

I am using this integration: https://www.home-assistant.io/integrations/sensor.buienradar/

Hi!
How to I use the sensor.lourinha_climacell_fire_index in the card?

Would be nice to have that index showing as well but nut where to inset it.

Thanks

just found this awesome tool, thank you!

trying to setup a beginning point for my card, so i started with the forecast. no matter what i do, i cannot get it to show more than the days of the week. i am copying straight out of the wiki page.

The sensors have data

any suggestions?