OpenWeatherMap HABpanel widget shows the sun during the night

Apps & Services HABPanel
, ,
1

I enjoy the OpenWeatherMap binding long time. But now my wife asked me, why there is a sun visible during the night in the HABpanel widget for the current weather. Here is an example:
grafik
Wouldn’t it be appropriate to see a moon instead of a sun at midnight? Not sure if it is a bug. Do you have feedback for my wife? :wink:

Thank you!

2

Hi @absalom ,

weather data and icon is taken from the openweathermap service. You can check the data and icon openweathermap provides for your location at https://openweathermap.org. If the Icon you see in openHAB is the same as the one shown on the openweathermap website, then it’s not a bug. If the website shows a moon icon while openHAB shows a sun icon, then there could be a bug in the binding.

Be aware that the binding fetches new data only once every hour, so the data shown on the website and the data in openHAB might differ slightly.

3

Thanks for your feedback Wolfgang.

The original openweathermap icon was o.k. (a moon) last night. But the openweathermap widget doesn’t show the original openweathermap icons, instead nice icons from here are used.

You can see in the screenshot above that the IconId was “01n”. According to my understanding it indicates the night, so I believe the problem is related to the widget (maybe IconId not considered), not to the binding.

1 Like
4

Ah, I overlooked the reference to the widget.

The widget was created by @bastian_van_h, so maybe it’s a good idea to check further at [GitHub - BasvanH/habpanel-widget-openweathermap: OpenWeatherMap widget for HABPanel (OpenHAB)] and probably open an issue as stated at the bottom of the page there.

5

Thanks again Wolfgang,

I followed your suggestion and opened an issue on Github, therefore I mark this topic here as solved.

Best Regards
absalom

6

I’ll be sure to keep an eye on this thread. Looking for the same issue.

indigo credit card

7

If anyone is still interested in the fix, I think I found one. Both ConditionId and ConditionIconId must be considered to work properly. Current code consider only ConditionId and that’s why the night icons does not work. Fix the widget code only, no change to “owm.controller.js”

Search for this class:

<i class="wi …"> (1× „now”, 4× „forecast”).

Now:

<i class=“wi wi-owm-{{itemValue(‘Weather_OWM_ConditionId’)}}” …>

Replace with:

<i class=“wi”
ng-class=“(itemValue(‘Weather_OWM_ConditionId’) == 800)
? ( (((itemValue(‘Weather_OWM_ConditionIconId’)||itemValue(‘Weather_OWM_Iconid’)||‘’).slice(-1)) == ‘n’) ? ‘wi-night-clear’ : ‘wi-day-sunny’ )
: ( ( ((itemValue(‘Weather_OWM_ConditionIconId’)||itemValue(‘Weather_OWM_Iconid’)||‘’).slice(-1)) == ‘n’ ? ‘wi-owm-night-’ : ‘wi-owm-day-’ ) + itemValue(‘Weather_OWM_ConditionId’) )”
…>

Same for Forecast:

<i class=“wi wi-owm-{{itemValue(‘Weather_OWM_ConditionIdN’)}}” …>

Replace with:

<i class=“wi”`
`ng-class=“(itemValue(‘Weather_OWM_ConditionIdN’) == 800)`
`? ( (((itemValue(‘Weather_OWM_ConditionIconIdN’)||itemValue(‘Weather_OWM_ConditionIconId’)||itemValue(‘Weather_OWM_IconidN’)||itemValue(‘Weather_OWM_Iconid’)||‘’).slice(-1)) == ‘n’) ? ‘wi-night-clear’ : ‘wi-day-sunny’ )`
`: ( ( ((itemValue(‘Weather_OWM_ConditionIconIdN’)||itemValue(‘Weather_OWM_ConditionIconId’)||itemValue(‘Weather_OWM_IconidN’)||itemValue(‘Weather_OWM_Iconid’)||‘’).slice(-1)) == ‘n’ ? ‘wi-owm-night-’ : ‘wi-owm-day-’ ) + itemValue(‘Weather_OWM_ConditionIdN’) )”`
`…>

Be careful not to blind copy “Weather_OWM_ConditionIdN”. Replace N with the correct Forecast Day as in original code)

Apply your Items if different.

Hope it works!