OpenWeatherMap widget for HABPanel

Apps & Services HABPanel
,
253

Screenshot_20200905-145922 (2)
Screenshot_20200905-145922 (2)614×1077 42.1 KB

Love this widget! Works as a charm! Big thank you from Sweden!

254

I’m on OH 2.5.9.
The OpenWeatherMap binding was recently installed.
The channels I see from “Weather and Forecast” thing don’t include a “local” statement:
e.g. “openweathermap:weather-and-forecast:12345678:current#time-stamp”

In contrast the template items file for github does:
{channel=“openweathermap:weather-and-forecast:12345678:local:current#time-stamp”}

Why it does not match for me? Which one is out of sync and needs an update?

255
  • Create a folder within ‘/conf/html/’ folder, name it ‘openweathermap’.

Is this from the root directory? because mine does not exist so I tried to create it
 but seems not working.
Or is it the /etc/openhab2/html???
I actually put the structure in both but still I get a blank grey widget


EDIT : Looks like the JS script not working for me

I pasted this only and I can see something in the widget

  <div class="col-xs-9">
    <i class="wi wi-owm-{{ itemValue('Weather_OWM_ConditionId') }} pull-right" ng-style="{ 'color' : (config.icon_color_current == NULL ? primary-color : config.icon_color_current), 'font-size' : (config.icon_size_current == NULL ? '10em' : config.icon_size_current + 'em') }"></i>
    <h2 class="text-left owm-to-upper">{{ itemValue('Weather_OWM_Condition') }}</h2>
  </div>
  <div class="col-xs-3 text-right">
    <h2>{{ '%.1f' | sprintf:itemValue('Weather_OWM_Temperature').split(' ')[0] }} {{ itemValue('Weather_OWM_Temperature').split(' ')[1] }}</h2>
    <h5><img style="height:16px;" src="../static/openweathermap/images/humidity.png"/> {{itemValue('Weather_OWM_Humidity') }}</h5>
    <h5><img style="height:16px;" src="../static/openweathermap/images/wind.png"/> {{ '%.1f' | sprintf:itemValue('Weather_OWM_Wind_Speed').split(' ')[0] }} {{ itemValue('Weather_OWM_Wind_Speed').split(' ')[1] }}</h5>
    <h5>{{ itemValue('Weather_OWM_ObservationTime') | date: 'HH:mm' }}</h5>
    <h5 ng-if="config.station_name">{{ itemValue('Weather_OWM_Station_Name') }}</h5>
  </div>

EDIT2 : Looks Like I just need to open the Widget Settings and save. Now working. Thanks for this fantastic Widget
Noob here

256

Continuing the discussion from OpenWeatherMap widget for HABPanel:

Hi,
first of all thanks for the awesome widget. As a noob it took me some time to install but now it works. I only have the issue that the forecast days are mixed. So today (Fri) it shows Sat, Wed, Thu, Fri.
I can’t figure out what I’ve done wrong.
Any help would be highly appreciated.
Thanks
M.

image
image2461×1571 163 KB

257

Hi! What file is that, and where can I find it, can you tell me please? Thanks!

258

Which exact file do you mean?
I have just used the original open weather widget file and modified it.
The original file can be imported using the widget gallery.

259

I think there is a mistake, the windspeed from OWM is in m/s not in km/h. You can look on the originating homepage https://openweathermap.org/ and see that the exact same value (from current items data) is having m/s as unit.

And thank you for this inspiring samples - It helped me developing my own widget!

260

Thank you very much for this widget. It works perfectly for me.
I tried to use some of the items in my matrix UI and unfortunately data is not displyed properly.
So I tried to make some deugging and can not understand why copy items (in particular Wind_Speed) is not the same as oryginal.

Example:

Number:Speed            Weather_OWM_Wind_Speed         "Windspeed [%.1f km/h]"                                             {channel="openweathermap:weather-and-forecast:7dd3f22b:local:current#wind-speed"}
Number              	Weather_OWM_Wind_Speed_2       "Windspeed [%.1f ]"                                                 {channel="openweathermap:weather-and-forecast:7dd3f22b:local:current#wind-speed"}

Second item is not equal to the frst one. Why? What is wrong here? The value of the copy item is either NULL or is simply not the same.

image
image1073×179 5.72 KB

log

2020-11-08 20:38:06.600 [INFO ] [.eclipse.smarthome.model.script.TEST] - Item2 status: 9.93 °C
2020-11-08 20:38:06.610 [INFO ] [.eclipse.smarthome.model.script.TEST] - Item status: 9.93
2020-11-08 20:38:06.619 [INFO ] [.eclipse.smarthome.model.script.TEST] - Item2 status: NULL
2020-11-08 20:38:06.627 [INFO ] [.eclipse.smarthome.model.script.TEST] - Item status: 9.36 km/h
261

any easy way to convert wind speed from km/h to m/s ?

262

figured out as its uses in items Number:Speed you can define units “Windspeed [%.1f m/s]” instead km/h

263

Anybody using habpanelfilter to speed up API queries ? Seems I have some issues using with this widget.

264

I use Habpanel filter on my system 2.5.9 without issue. Make sure that all the Items that u want included in your Habpanel are properly tagged with Group_HabPanel_Dashboard. It’s easy to miss items or forget to do this. I am using DarkSky weather and have a 4 day forecast plus current conditions. I’ve been using the filter since it was released and have had no issues.

265

its included, issues with 4 day forecast only.., and in */rest/items-filtered I can see values
Items file

image
image1344×608 99.7 KB

Habpanel

image
image623×353 4.75 KB

266

I used OpenWeather before switching to DarkSky, as I recall it can take quite a bit of time to refresh the forecasts, so that could be a possible cause. Are you giving it a chance to refresh the forecast (hours of time as I recall). Since you are using text files, be sure that you have no typos or hidden characters. I found that if I used keyboard commands to copy and paste I sometimes had “control characters” embedded in the paste. Try redoing a few of your Items to see if that helps. Otherwise I am at a loss as to why it should not work.

Just as an fyi. It is better to use code fences rather than screen shots when posting on the forum. It makes it easier for readers to evaluate your code. I really am unable to see your complete channel definitions.

267

all works fine without filtering, double-checked for any errors - all fine


268

resolved, added to all items required group.

270

Hi Bastiaan,

Great widget you made! So far so good, just struggling a little bit with formatting issues. I have screened this thread for formatting issues, and md-Col solution but I am not sure if this is the same error?

I wonder why the widget has a different height than the right one for example? In any case I have the same kind of format issues in chrome with 1080p resolution as well as 2k resolutions.
@bastiaan_van_h Any idea what I can do to adjust this better?

image
image2755×1021 418 KB

Thanks and happy holidays

271

image
image1008×756 242 KB

This is how it looks like when testing the Imported Json with no further adjustments on a 1080p screen. What is the problem for this format then? :thinking:

272

image
image900×703 63.2 KB

Is ist possible to make this line transparent ?
How Can i change the speed in meters/second?

273

Hello,
I am attempting to get this great looking widget to work with OpenHab3.
I imported the widget from the library thru the habpanel GUI.
I got the bindings and the items to work. The items do show weather information.
I added the own.controller.js to html/openweathermap as well as the 3 png files to html/openweathermap/images
I cannot find the zip file mentioned in github.

The widget stays completely empty however when looking in the browser console it does say it is processing own.controller.js

I was wondering if any one else already got this to work in OpenHab 3.
Or what I have missed to cause it to not show anything.