Giter Site home page Giter Site logo

astroweather-card's People

Contributors

marwinsworld avatar mawinkler avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

gstax

astroweather-card's Issues

Temerature in miles?

Nice. Am noticing though that the the units for temperature on the chart are "MI" when in Fahrenheit ;)
Untitled

No entity: weather.astroweather_LONGITUTE_LATITUDE

Says to create a custom card with the below, however no device exists called entity: weather.astroweather_LONGITUTE_LATITUDE

Long & Lat are separate entities. Believe the documentation needs to be updated most likely to use weather.astroweather_ds5ss6g7njg1

Timestamp and Hourly Forecast Time Incorrect

Just downloaded the integration as well as this custom card. When creating the card I noticed the forecast time was off by about 3 hours or so. Time zone is correct in configuration as well as my home assistant instance.
image
image
image

Any help appreciated. Thanks!

Help with Home Assistant Core 2022.5.5

I have a working instance of your custom card on a different installation running Home Assistant 2021.11.5. The actions for adding resources to lovelace seems different between the two. The working one shows as:

image
image

The newer, non working one I have to hack the URL to get into resources as:

hacsIP.local:8123/config/lovelace/resources

image

the files are there, on docker as:


pi@astrocart:~ $ sudo docker exec -it homeassistant ls -la /config/www/custom-lovelace/astroweather-card/
total 44
drwxr-xr-x    2 1000     1000          4096 Jun 27 16:23 .
drwxr-xr-x    3 1000     1000          4096 Jun 27 16:23 ..
-rwxr-xr-x    1 1000     1000          6715 Jun 27 16:23 astroweather-card-editor.js
-rwxr-xr-x    1 1000     1000         24854 Jun 27 16:23 astroweather-card.js
pi@astrocart:~ $


However, the entity does not show up:

image

Astroweather-Card Not Rendering in Home Assistant Dashboard

Issue Description

I've installed Astroweather and Astroweather-card through HACS, as well as downloading the necessary files from GitHub. After installing Astroweather-card, I am receiving weather forecasts from Astroweather. However, Home Assistant displays an error stating that the custom element doesn't exist. I've tried various fixes found online, including pressing Ctrl + R to refresh the page and opening up developer tools to perform "Empty Cache and Hard Reload," but the issue persists.

Thank you for any help or insights! I think its a great card and I'd really like to get it working!

Environment

  • Home Assistant Version: 2023.12.3
  • Installation Type: Home Assistant OS
  • Platform/Architecture: Beelink GK Mini (main) / Raspberry Pi 4 (test)

Steps to Reproduce

  1. Install the Astroweather through HACS (Home Assistant Community Store).
  2. Install the Astroweather card through HACS (Home Assistant Community Store).
  3. Add the Astroweather integration from Home Assistant Integrations.
  4. Reboot Home Assistant Server.
  5. Add Astroweather-card to dashboard.

Expected Behavior

I expected a card to be present on the dashboard, displaying information from Astroweather.

Actual Behavior

Instead, Home Assistant states that the custom element doesn't exist. I have attempted to clear the browser cache and am using Chrome, but the issue persists. Additionally, I've tried refreshing the page (Ctrl + R) and performing "Empty Cache and Hard Reload" in the developer tools.

Steps Tried to Resolve the Issue

  1. Cleared the browser cache to ensure a fresh load of the dashboard.
  2. Manually downloaded the Astroweather card JavaScript files from GitHub and installed them.
  3. Rebooted Home Assistant several times to check if the issue persisted after restarts.
  4. Installed Home Assistant on a Raspberry Pi 4 and followed all Astroweather installation procedures from scratch.

Screenshot

Screenshot 2023-12-22 142833

Card height no being reported correctly

It seems that the card height is not being reported correctly. Even though it fills the entire height of the screen other cards are still stacked preferentially bellow it.

type: custom:astroweather-card
entity: weather.astroweather_42_995725_147_312578
name: AstroWeather
current: true
details: true
deepskydetails: true
forecast: true
graph: true
number_of_forecasts: '6'
line_color_condition_night: '#eeffff'
line_color_condition: '#f07178'
line_color_cloudless: '#c3e88d'
line_color_seeing: '#ffcb6b'
line_color_transparency: '#82aaff'

Card disapears when I enable details

Card works when details: false, but after I set details: true all card content disapears:

Animation

In dev console I can see following error:

astroweather-card.js?hacstag=454670742013:227 Uncaught (in promise) ReferenceError: data_timestamp is not defined
    at AstroWeatherCard.renderDetails (astroweather-card.js?hacstag=454670742013:227:20)
    at AstroWeatherCard.render (astroweather-card.js?hacstag=454670742013:161:18)
    at AstroWeatherCard.update (styles.ts:368:1)
    at AstroWeatherCard.performUpdate (styles.ts:368:1)
    at AstroWeatherCard.scheduleUpdate (styles.ts:368:1)
    at AstroWeatherCard._$EC (styles.ts:368:1)

Graph lines not being displayed

I have noticed since upgrading to v0.31.0 and after, the graph is not being displayed.

type: custom:astroweather-card
entity: weather.astroweather_home
details: true
current: true
deepskydetails: true
forecast: true
graph: true
number_of_forecasts: '5'
line_color_condition: '#f07178'
line_color_condition_night: '#eeffff'
line_color_cloudless: '#c3e88d'
line_color_seeing: '#ffcb6b'
line_color_transparency: '#82aaff'

image

Also, just a suggestion - it would be good to have the card version added to the browser console just like some of the other cards in HACS.

image

Inconsistent formatting on wider cards

Hi, this is great card, thanks for creating it but...

I have widescreen monitor and on my dashboard I use wider cards with width of 400. This creates a slight issue for this card, specifically for the forecast element.

When dashboard's card is this wide, I have to increase forecast day count to at least 9 in order to display vertical icons that corresponds to forecast's elements. This probably has something to do with the formatting of the forecast? I suspect icons are placed in a horizontal line within the table's column? When you increase the number of days, it "squeezes" the column and thus forces all icons to align vertically, am I right?

I know picture says a thousand words and would better illustrate the issue, so here it is:
image

And my weather view config:
image

I hope this helps,

Thanks.

Date format currently based on language

Great work and beautiful card. Thanks.
Would it be possible to show dates in the selected HA format and not in the default lange format?
I am in NZ and the language is EN but the date format we are using is more the European and not Americal with month first, ie
24/10 for 10 October, instead of the American 10/24.
It's setup in the user profile as 24/10 but your JavaScript output in the card uses the standard language format, thus displays as 10/24.

Unable to install via HACS

Howdy,
I am trying to install via HACS, it fails on Config flow could not be loaded: 500 Internal Server Error Server got itself in trouble.
I added successfully in HACS, but when installing as an Integration I get the above error.
In your documentation is says it has a dependency of pyastroweatherio but has no info on how to install this?
Noob help please?
Thanks
Major

Pressure unit

image
Hello!
Wrong display pressure unit, in forecast set "mmHg" but at card display "hPa". Pressure value show right

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.