Custom animated weather card for Lovelace

dwinnn · August 1, 2018, 7:10am

I fixed the same issue by clearing the browser cache. My weather entity is named weather.yweather so the original instructions worked for me.

ciotlosm · August 1, 2018, 9:38am

Maybe the component needs some extra config validation, but you can also help contribute

petro · August 1, 2018, 12:07pm

This is because you should have created a new thread. Many people can help you.

Your orignal issue was buried in this thread responding to no one. I’m guessing you hit the ‘reply’ button at the bottom of the page. Well when you use that button, no one gets a notification that you responded. People have to manually stumble back upon the thread. It’s a flaw in this system. It just so happens that I saw no one was responding to you. Dumb luck really, not because you insulted the code.

So if you ever want help, you need to hit the reply under people’s name so that the user will get a reply. Or you make a new thread:

mac_intos · August 1, 2018, 5:39pm

Thanks for the tip. will keep that in mind

g.nigro · August 2, 2018, 10:01am

Hi i’ve used your file, in Chrome and Safari works very well but on iOS it’s shows this error

Lapatoc · August 2, 2018, 10:20am

Sorry, I’m not using iPhones. I can help you here.

ciotlosm · August 2, 2018, 5:15pm

github.com

ciotlosm/custom-lovelace/blob/master/README.md#i-get-a-error-with-nsetconfig-is-undefied-how-do-i-fix-this

# Lovelace Custom Cards
Custom cards for lovelace

## How to use

### Simple version

- Copy the `js` file from inside the card folder you like (e.g. monster-card), inside your `config/www`
- Add the `js` file as dependency inside your `ui-lovelace.yaml`

Example:

```yaml
resources:
  - url: /local/monster-card.js?v=1
    type: js
```

⚠️ Make sure you change v=1 to a higher number every time you update your card with new code!

This file has been truncated. show original

g.nigro · August 2, 2018, 10:35pm

Thanks! forcing “javascript_version: latest “
Worked on IOS

tottow · August 3, 2018, 3:57pm

Question, would it be possible to get this to base it’s info on YR weather instead? In Norway we use the Yr.no weather service which is usually a bit more accurate for us. If so, how do you go about changing from yahoo to that?

firstof9 · August 3, 2018, 5:19pm

views:
  - icon: mdi:weather-cloudy
    id: weather
    title: Weather
    garage_door_tilt_sensor_alarm_level: Weather
    cards:
      - type: "custom:weather-card"
        entity_weather: weather.yweather   <--- this one
        entity_sun: sun.sun

Change the entity_weather to your weather API.
I changed mine to weather.darksky doesn’t show up properly due to the data returned, but it’s a start.

Maaniac · August 3, 2018, 5:37pm

Every once in a while i get a low res animated icon. Anyway to correct this?

arsaboo · August 3, 2018, 6:23pm

You will have to map the different entities. Ideally, update the YR weather component to match the Yahoo weather component.

tottow · August 3, 2018, 7:56pm

Sorry for my newbie questions in this thread, but could you elaborate on how I could update the YR weather component to match?

arsaboo · August 3, 2018, 11:49pm

You will have to replicate the Yahoo Weather component with YR. Alternately (and this may be much easier), you can use the Darksky lovelace card approach to pass on YR sensors to the card.

tes5884 · August 8, 2018, 6:34pm

This card works great in Chrome, but in firefox the graphics don’t show for me. Anyone else have the same thing?

ciotlosm · August 10, 2018, 11:31am

Try https://github.com/ciotlosm/custom-lovelace#i-am-running-firefox-but-custom-cards-like-gauge-card-look-bad-or-dont-load-at-all-how-do-i-fix-this

cgtobi · August 14, 2018, 12:41pm

Did anyone else notice blurry icons in the top left?

Maaniac · August 14, 2018, 12:45pm

@cgtobi yes driving me crazy. I have both the darksky and yahoo animated cards and its random which icons are blurry.

cgtobi · August 14, 2018, 1:09pm

@Maaniac I just double checked the svg icons but they are all fine. So it must be some rendering issue. What browser did you notice it in?

Maaniac · August 14, 2018, 1:11pm

@cgtobi both Chrome and Safari.