Heating widget

Nico_R · March 5, 2021, 4:58pm

Please take a Scennshot of you logtail where the item change is displayed.

EDIT: better is an Export with the rest.api. so i can see the different states and maybe i can understand the issue.

snowy · March 5, 2021, 6:24pm

I moved to openhab 3.1.0 M2 and the issue is gone. I will test it for couple hours and then I can report the result. I am currently not sure if this issue caused by the widget, opnehab or knx binding.

snowy · March 6, 2021, 9:58am

Hi Nico,

issue still exist - please find the item Change below:

Item 'ActualTemp_Buero' changed from 19.2 °C to 19.400000000000002 °C
Item 'ActualTemp_Flur' changed from 18.900000000000002 °C to 19.0 °C
Item 'ActualTemp_Kueche' changed from 19.8 °C to 19.900000000000002 °C

Item definition is:

Number:Temperature    ActualTemp_WZ                   "Ist Wohnzimmer [%.1f °C]"                 <temperature>      (gLivingroomThermostat, gTemperature)               ["Measurement", "Temperature"]     {alexa="CurrentTemperature", channel="knx:device:MDT_IP:MDT_HS8:ActualTemp_WZ", stateDescription=""[pattern="%.1f °C"]}
Number:Temperature    SollTemp_WZ                     "Soll Wohnzimmer [%.1f °C]"                <temperature>      (gLivingroomThermostat, gTemperature)               ["Setpoint", "Temperature"]        {channel="knx:device:MDT_IP:MDT_HS8:SollTemp_WZ", stateDescription=""[pattern="%.1f °C"]}

I wondering why the temperature change to the huge number of digits, in the Item definition it is limited to one digit - %.1f. Is this an issue which caused by the KNX binding?

Nico_R · March 6, 2021, 11:38am

Try with this at line 460

text: =Number(items[props.setPointItem].state.split(' ')[0]).toFixed(2)

Nico

snowy · March 6, 2021, 12:54pm

Thank you very much - I guess this works!!!

Nico_R · March 6, 2021, 7:04pm

Your welcome!
Good news that we find a solution for your issue.

PeterK · March 14, 2021, 5:43pm

Hi,

thank you very much for this great work. Did you ever considered using some kind of mapping for the heatingModeItem/exampleModeItem?

My heating e.g. only accepts numbers as input/output. I use standard widgets combined with command options and state description in order to map this to strings (0=Auto,1=Manuel). With the exampleModeItem it is the same (1=Standard,2=Vacation,3=Third option)

I am happy with my solution, but yours is definitely (very much) superior and if you find a possibility for the mapping, your solution would be universal.

BR
Peter

PeterK · March 16, 2021, 9:01pm

Hi,

your widget is too complex for me to do it directly, but here is an example how it could work:

uid: TestPK
tags: []
props:
  parameters:
    - description: The Name of the Test
      label: Name
      name: nameTest
      required: false
      type: TEXT
      groupName: heatingMode
  parameterGroups:
    - name: heatingMode
      context: action
      label: Heating Mode Action
timestamp: Mar 16, 2021, 8:34:03 PM
component: f7-card
slots:
  content:
    - component: oh-label-card
      config:
        title: ="The current State is " + items[props.heatingMode_actionItem].state
        actionPropsParameterGroup: heatingMode
        item: =(props.heatingMode_actionItem)
        footer: ="For the choice of the Icons you could use, that the first actionOption is " + props.heatingMode_actionOptions.split(',')[0].split('=')[0] + "; the second is " + props.heatingMode_actionOptions.split(',')[1].split('=')[0] + "... and so on"

The props will look like that:

and the widget for this example is:

[edit]
Please note, that the state of the item in the example is the displayState which I configured in the item itself that 1=Manuel,…

As you don’t use the state of the Item, this might be a bad example… sorry.

On the other hand… if the Command Option is configured in the item itself, one could even skip this configuration.

Nico_R · April 17, 2021, 9:48am

Hi everyone,

I have bring the widget to the next level.
In the first post ist the new release v2.0.0 with some new features.
20210417_105935

Now is the humidity in the widget.

Have fun,

all the best,
Nico

Lyann · June 10, 2021, 7:03am

Hi Nico,

thanks for awesome widget, but I have some problems with the latest version (2.0.0), former version work great:

error

I am using openhab 3.0.2, do you have any idea?

Thanks in advance

Nico_R · June 10, 2021, 7:29am

Do you have renew the editor preview?

Lyann · June 10, 2021, 7:33am

Yes, I did. I solved the NAN and TypeError.

Temperature is received as string with unit (Bosch smart home), therefore I changed the line:

=Number(items[props.currentPointItem].state).toFixed(1)
=>
=Number(items[props.currentPointItem].state.split(’ ').[0]).toFixed(1)

And I needed to insert an unit, then the undefined disappered. Now only the outer ring problem is existing, I did a renew still not visible.

When i add a fixed size, the output is even more strange:

Nico_R · June 10, 2021, 10:30am

Which Browser?
I will test it, but iam very busy this time.

Lyann · June 10, 2021, 10:49am

Hi Nico,

thank you very much for your fast reply, no problem ;). Appears in Firefox (89.0) and Edge as well.

giejay · July 2, 2021, 6:32pm

I see that your widget is using an attribute called “stylesheet” but I guess this is not supported yet? I’m looking for a way to add custom css for certain classes but did not find a way yet…

Nico_R · July 2, 2021, 6:38pm

Hi @giejay ,

It’s possible.

See here:

github.com/openhab/openhab-webui

Add stylesheet configuration to widgets

openhab:main ← hubsif:stylesheet

opened 07:17PM - 26 Mar 21 UTC

hubsif

+206 -38

Hi @ghys, I addressed something I think many powerusers have requested for: c…ustom css stylesheets. This first draft allows to define a stylesheet for a page, like this: ```yaml config: layoutType: responsive label: stylesheet_test sidebar: true stylesheet: | .myoneclass { background-color: red; } .myotherclass { font-size: 40px; } blocks: ... ``` The stylesheet gets added globally on pageIn and removed on pageOut (it's not scoped to the page, so it can generally also affect things like the panel, but I think powerusers can deal with that). Please let me know if something like this is desired and if I should complete it (e.g. add to layouting). Please also share if a stylesheet per page is a good approach in your view. Some users might also want to add a global stylesheet, so it affects all pages at once. I'm also planning on adding this (if ok by you), though the approach will definitely be different (requires a global config or a static include or similar).

@hubsif merged this Feature for a time ago. Thanks again

giejay · July 2, 2021, 6:46pm

Ah, now I know why it didn’t work for me, I’m still on openhab 3.0.1:) I will upgrade, thanks for confirming!

skiworker · July 3, 2021, 3:38pm

Hello Nico,

I have the same problem with the display of the widget as Lyann.
It also doesn’t matter which web browser I use (Firefox, Chromium and Edge - all up to date).
I also run Openhab 3.0.2 …

greeting
Dennis

hajo · July 20, 2021, 6:50am

Hello Nico, hello world,
you created a very beautiful widget. Unfortunately I cannot get it to work properly.
It shows NaN°C and _type error Cannot read property ‘split’ of undefined.
Running OH 3.1.0 on an RPI and trying to get Temp/Humidity values of a Homematic IP STH.

What am I missing?

edit: Just played around with my antivirus (sophos) and turned off the web protection - now it at least shows set point and temp onthe outside. the inside is still a mess
grafik

execcr · July 28, 2021, 2:30pm

Hi, i’m trying to get the V2.0.0 working with my Mitsubishi AC system, in particular the Heating Mode Array.
Mitsubishi item for heating mode have 5 displayState:
Heat, cool, dry, fan, Auto
With 5 state:
1,2,3,7,8
Example:
{ “state”: “3”, “displayState”: “Cool” }

The state get correctly identified (I get the icon changing correctly between different modes) but if I click the icon to change the state I get automatically redirected to the dashboard UI and no popup is displayed.

I’ve tried to insert into the list the states values (1,2,3.7,8) and also the displayState values (changing the code), with the same result.

I get this behaviour also with the Example Mode Item. I’ve linked it to a switch item (on,off) and i get redirected to UI dashboard home page.

I use this widget also with a nest and it’s working correctly, loading the popup at the button press.
Any hint?