Dashboard UI suitable for tablets

japaho · January 3, 2016, 9:01am

Hi, thanks alot for your reply. I turned on logging, here is an excerpt showing a test humidity reading. It seems to trigger the rule but I would of thought the URI would be: " http://localhost:3030/widgets/Ohcontact; " not “http://localhost:3030/widgets/Humi;”

2016-01-03 08:56:07.194 [INFO ] [openhab.model.script.Dashboard] - Dashing group rule triggered.
2016-01-03 08:56:07.210 [INFO ] [openhab.model.script.Dashboard] - Item Humi has changed state from 70.50 to: 70.60
2016-01-03 08:56:07.213 [INFO ] [openhab.model.script.Dashboard] - POSTING: {“auth_token” : “openH4b”, “state” : “70.60”}
2016-01-03 08:56:07.214 [INFO ] [openhab.model.script.Dashboard] - URI: http://localhost:3030/widgets/Humi; JSON = {“auth_token” : “openH4b”, “state” : “70.60”}

Here is what dashing does when this rule is hit:

127.0.0.1 - - [03/Jan/2016 10:07:07] “POST /widgets/Humi HTTP/1.1” 204 - 0.0009

smar · January 3, 2016, 3:25pm

That looks ok. URI also looks correct - it should not be going to Ohcontact unless that is the name of your item in openHAB.

Can you post your openhab item definitions and the corresponding lines from your dashboard file. We need to confirm that your item names in openhab matches with the dashboard.

japaho · January 3, 2016, 4:43pm

default.erb;

data-id="Humi" data-view="Ohtext" data-title="Humidity" data-device="Humi">

dashboard.items;

Number Humi “Humidity [%.0f %%]” (gDashboard {mqtt<[ubuntu:sensor/humidity:state:default]"}

I realise the item is a Number, and I am using the Ohtext dataview, but it does display as I want, but still no realtime updates..

smar · January 3, 2016, 4:47pm

If that is a direct copy/paste, you are missing a close bracket around the group name (gDashboard) in the openhab item definition. Also, the mqtt binding statement seems to be missing a quotation mark.

japaho · January 3, 2016, 4:49pm

Sorry, fat fingered it. Here is a direct c/p

Number Humi “Humidity [%.0f %%]” (gDashboard) {mqtt=“<[ubuntu:sensor/humidity:state:default]”}

I have other items, contacts and switches that are behaving the same way

japaho · January 3, 2016, 5:14pm

I have been monitoring the tab, and it appears items are being updates, but only once every 5 minutes, or on manual refresh. Is there a setting/config somewhere definging this or is it my browser? I have tried safari and firefox…

smar · January 3, 2016, 6:03pm

Ah, that may explain it. Please try Chrome.

japaho · January 3, 2016, 6:14pm

Ok…Safari and Chrome on an iPad updates instantly. Chome on android also fine. Perculiar.. thanks for your time

smar · January 3, 2016, 6:29pm

Great to hear that you’ve got a working solution!

3DJupp · January 4, 2016, 11:24am

Regarding the upgrade of Font Awesome from V4.20 to 4.50

the css file needs also to be replaced. But, when i update it to the newest version, my dashboard crashes.
(I can not recognize any icon, so do you have some advice?)

Thanks

todward · January 4, 2016, 6:30pm

Hi Dominic,

thank you for the advice regarding the replacement of the css-file.

Can you describe “crashes” in detail, please? What browser do you use?

poertner · January 6, 2016, 2:12pm

did you adjust the file paths in font-awesome.css?

@font-face {
font-family: ‘FontAwesome’;
src: url('../assets/fontawesome-webfont.eot …

3DJupp · January 6, 2016, 8:57pm

I tested it with chrome and firefox, if i make any change on the repository (when i add the ohsetscenegeneral widget), it will look like the following example:

3DJupp · January 6, 2016, 9:45pm

Thats the solution, thanks

mbelleville · January 8, 2016, 7:12am

I’m looking for advice on getting a better user experience. I am using chrome on a 720p display grandstream gxv3275 running android.

Ideally I would like the dashboard to scale to the largest size possible automatically. Right now I have to do some manual zooming to get that.

It is also frustrating when I inadvertently drag the page around with clumsy fingers. Is there any way to lock the page in some way to prevent scrolling? Unfortunately I do like the scrolling to some extent so I can scroll the page down a bit to get the address bar out of view. Is there a way to get chrome to autoload the dashboard with no visible address bar? Is there a better browser I could be using?

I can live with these little quirks, but my family can’t lol.

WuGGu · January 9, 2016, 2:38pm

Hi everybody,

i work now for 5 days on my Dashing. And with the help of this huge thread and google the most of the widgets work quite well. The only problem is the weather widget. Openhab gets every information and shows it on the sitemap. But Dashing doesn’t show the weather informations.

<li data-row="1" data-col="6" data-sizex="2" data-sizey="2">
  <div data-id="weather" data-view="Ohweather"></div>
</li>

home.items

Number              Weather_Temperature         "Temperatur [%.2f °C]"                                     (All, Weather, Weather_Chart)    {weather="locationId=home, type=temperature, property=current, scale=1" }
Number              Weather_Humidity            "Humidity [%d %%]"                                         (All, Weather)                   {weather="locationId=home, type=athmosphere, property=humidity, scale=1" }
Number              Weather_Temp_Max_0          "Today's highest temperature [%.1f °C]"                    (All, Weather,Weather_Chart)     {weather="locationId=home, forecast=0, type=temperature, property=max, scale=1" }
Number              Weather_Temp_Max_1          "Temperature max tomorrow [%.1f °C]"                       (All, Weather)                   {weather="locationId=home, forecast=1, type=temperature, property=max, scale=1" }
Number              Weather_Temp_Min_0          "Today's lowest temperature [%.1f °C] "                    (All, Weather,Weather_Chart)     {weather="locationId=home, forecast=0, type=temperature, property=min, scale=1" }
Number              Weather_Temp_Min_1          "Temperature min tomorrow [%.1f °C]"                       (All,gDashboard, Weather)        {weather="locationId=home, forecast=1, type=temperature, property=min, scale=1" }
Number              Weather_Pressure            "Pressure [%.2f mb]"                                       (All, Weather)                   {weather="locationId=home, type=athmosphere, property=pressure, scale=1" }
Number              Weather_Precipitation       "Precip probability [%d %%]"                               (All, Weather)                   {weather="locationId=home, type=precipitation, property=probability"}
Number              Weather_Precipitation_1     "Precip probability [%d %%]"                               (All, Weather)                   {weather="locationId=home, type=precipitation, forecast=1, property=probability"}
Number              Weather_Wind_Speed          "Windspeed [%.2f mps]"                                     (All, Weather)                   {weather="locationId=home, type=wind, property=speed, unit=mps"}
Number              Weather_Wind_Gust           "Wind gust [%.2f mph]"                                     (All, Weather)                   {weather="locationId=home, type=wind, property=gust, unit=mph"}
String                 Weather_Wind_Direction      "Wind direction [%s]"                                      (All, Weather)                   {weather="locationId=home, type=wind, property=direction"}
String                 Weather_Conditions          "Conditions [%s]"                                          (All, Weather)                   {weather="locationId=home, type=condition, property=text" }
String                 Weather_Code                "Weather Common ID [%s]"                                   (All, Weather)                   {weather="locationId=home, type=condition, property=commonId" }
DateTime            Weather_ObsTime             "Observation time  [%1$td/%1$tm/%1$tY %1$tH:%1$tM]"        (All, Weather)                   {weather="locationId=home, type=condition, property=observationTime" }
DateTime            Weather_LastUpdate          "Weather last updated [%1$td/%1$tm/%1$tY %1$tH:%1$tM]"     (All, Weather)                   {weather="locationId=home, type=condition, property=observationTime" }
DateTime            Sunrise_Time                "Sunrise [%1$tH:%1$tM]"                                                                     {astro="planet=sun, type=rise, property=start"}
DateTime            Sunset_Time                 "Sunset [%1$tH:%1$tM]"                                                                      {astro="planet=sun, type=set, property=end"}`

Google Chrome shows application.js temperature: undefined , target: undefined

Maybe i don’t see it. Any ideas?

smar · January 9, 2016, 9:27pm

@mbelleville Chrome has an option to Save to Desktop. This creates an icon on your desktop, which when you launch it, will launch full screen (i.e. without the address bar).

@WuGGu The only thing I can suggest is to recheck your dashing original files. Specifically check the /lib/ohapp.rb file and make sure that it hasn’t changed from the one on github, as this is the one that gets the data from openhab.

mbelleville · January 9, 2016, 10:05pm

That works on my linux mint laptop where I select “add to desktop” and then it gives me an option to “open as window”. If I do that I indeed get a full screen window with no address bar,

However, on my android device, I only have an “Add to home screen” menu item in chrome. This creates a button on my home screen for the page, but the address bar is still there when it launches…

WuGGu · January 9, 2016, 10:29pm

Thank you, i checked the files (widgets, rules, ohapp.rb) but all files looks fine. Than i start Dashing over the terminal to get a direct feedback. This is the result.

`scheduler caught exception:
757: unexpected token at '

Error 404 Not Found

HTTP ERROR 404

Problem accessing /rest/items/Weather. Reason:

    Not Found

Powered by Jetty://
' /var/lib/gems/1.9.1/gems/json_pure-1.8.1/lib/json/common.rb:155:in `parse' /var/lib/gems/1.9.1/gems/json_pure-1.8.1/lib/json/common.rb:155:in `parse' /opt/dashboard/lib/ohapp.rb:63:in `refreshWeather' /opt/dashboard/jobs/openhab.rb:18:in `block in ' /var/lib/gems/1.9.1/gems/rufus-scheduler-2.0.24/lib/rufus/sc/jobs.rb:230:in `call' /var/lib/gems/1.9.1/gems/rufus-scheduler-2.0.24/lib/rufus/sc/jobs.rb:230:in `trigger_block' /var/lib/gems/1.9.1/gems/rufus-scheduler-2.0.24/lib/rufus/sc/jobs.rb:204:in `block in trigger' /var/lib/gems/1.9.1/gems/rufus-scheduler-2.0.24/lib/rufus/sc/scheduler.rb:430:in `call' /var/lib/gems/1.9.1/gems/rufus-scheduler-2.0.24/lib/rufus/sc/scheduler.rb:430:in `block in trigger_job' `

After i checked this. I saw that the item Weather is missing. So i had only to add the Group Weather for all Weather items now all runs smoothly =).

smar · January 10, 2016, 9:45am

[quote=“mbelleville, post:243, topic:2329”]
However, on my android device, I only have an “Add to home screen” menu item in chrome. This creates a button on my home screen for the page, but the address bar is still there when it launches…[/quote] @mbelleville That’s odd and is probably something to do with the Chrome/Android on your device. On my Android devices (Nexus 7 units and also Samsung Galaxy S4 mobile phones), the home screen button launches into a full page as well. I assumed that this was standard behaviour for Chrome on Android.

@WuGGu Great to hear you’ve got it working!