Add a dimmer widget to the webapp UI

[GoogleCodeExporter]

The item type "Dimmer" is currently not directly supported by the UI as no 
according widget exists.
Unfortunately, the WebApp framework does not support any sliders, thus the 
widget should be done with buttons for increase/decrease and on/off.

If possible, these should send events on both pressing and releasing the 
button, so that buttons do not have to be pressed multiple times in order to 
operate the dimmer.

Original issue reported on code.google.com by kai.openhab on 16 Mar 2011 at 3:56

[GoogleCodeExporter]

Original comment by kai.openhab on 17 Mar 2011 at 4:39

• Added labels: Type-Feature
• Removed labels: Type-Enhancement

[GoogleCodeExporter]

Sencha Touch is supporting sliders. You mentioned in the discussion group that 
you consider using Sencha Touch because of the upcoming iPad UI. Do you plan to 
have more than one UI?

Original comment by throws.N...@gmail.com on 21 Mar 2011 at 4:22

[GoogleCodeExporter]

Yes, openHAB is designed to support different UIs at the same time and I would 
like to make use of that.
I tried Sencha Touch on an iPod (1st Gen!) and it didn't feel good - scrolling 
was not smooth, loading time long and the current WebApp.Net-based UI was 
simply leaner and thus the better choice for me.

As CPU power has increased, Sencha Touch is fine on recent devices such as the 
iPad. So my plan is to keep the existing UI for handhelds and to use a 
framework such as Sencha Touch for tablets.

Original comment by kai.openhab on 21 Mar 2011 at 4:36

[GoogleCodeExporter]

I will love to beta test the new user interface and the new "Dimmer" items. ;-)

Original comment by throws.N...@gmail.com on 28 Mar 2011 at 3:02

[GoogleCodeExporter]

I have added a new "Slider" widget to the sitemap definition. The idea is that 
in general a slider should be rendered for such an entry in the sitemap. If a 
UI framework does not support sliders (as it is the case for the WebApp.Net 
framework), it should render some fallback solution. 

In our case, this fallback solution consists out of two buttons (for "decrease" 
and "increase"), which can also be configured to support on/off directly by 
pressing only short (default: < 200ms); if the button is pressed longer, it 
will repeatedly send increase/decrease commands.

The UI also displays the current percent value of the item. Additionally, the 
icon is updated at the same time (in 10% steps).

The code is currently available in the 0.7.0-dimmerwidget branch, after 
successful review I will merge it to default.

Original comment by kai.openhab on 6 Apr 2011 at 8:13

• Changed state: Started

[GoogleCodeExporter]

Branch has been merged to default.

Original comment by kai.openhab on 13 Apr 2011 at 6:07

• Changed state: Implemented