Page 23 of 184

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 19:11
by robgeerts
Cool!
If something still doesnt work, make sure you've the latest version!

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 19:47
by koowee
It seems that there is a small problem with windspeed using netatmo? I think that it should be m/s, not km/u or h
windspeed.png
windspeed.png (17.45 KiB) Viewed 3178 times
windspeed_2.png
windspeed_2.png (41.52 KiB) Viewed 3178 times

Code: Select all

      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "Chill" : 0.0,
         "CustomImage" : 0,
         "Data" : "323.00;NW;14;31;0.0;0.0",
         "Description" : "",
         "Direction" : 323.0,
         "DirectionStr" : "NW",
         "Favorite" : 0,
         "Gust" : "3.1",
         "HardwareID" : 13,
         "HardwareName" : "Netatmo",
         "HardwareType" : "Netatmo",
         "HardwareTypeVal" : 54,
         "HaveTimeout" : false,
         "ID" : "1443",
         "LastUpdate" : "2017-04-07 20:23:06",
         "Name" : "Wind Gauge",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Speed" : "1.4",
         "SubType" : "Weather Station",
         "Timers" : "false",
         "Type" : "Wind",
         "TypeImg" : "wind",
         "Unit" : 0,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "188"
      },

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 19:59
by robgeerts
koowee wrote:It seems that there is a small problem with windspeed using netatmo? I think that it should be m/s, not km/u or h
windspeed.png
Fixed in latest version, the icon now also rotates to the right direction!

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 20:17
by EdwinK
Now the layout of the Mediaplayers seem to be a little off

Image

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 20:29
by robgeerts
EdKo66 wrote:Now the layout of the Mediaplayers seem to be a little off

Image
Could you check the version just released to gitlab?

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 20:51
by EdwinK
robgeerts wrote:
EdKo66 wrote:Now the layout of the Mediaplayers seem to be a little off

Image
Could you check the version just released to gitlab?
Thanks. that fixed it.

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 22:16
by heggink
Hey Rob,
Just tried your latest release. I can't get the alignment to work for my ipad2. Any suggestions?
Thanks!
H
he.jpg
he.jpg (106.3 KiB) Viewed 3134 times

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 22:56
by robgeerts
heggink wrote:Hey Rob,
Just tried your latest release. I can't get the alignment to work for my ipad2. Any suggestions?
Thanks!
Hhe.jpg
Could you try latest version?



By the way, someone interested in using charts?
Image

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 22:58
by pvm
Wow, really nice progress
Guess I have to do some sponsoring for your tablet too :) (will be done in a couple of minutes)

Result so far (in my temporary home, most of my devices are not installed)
Dash.jpg
Dash.jpg (175.24 KiB) Viewed 3119 times

I do have some issues:
-The dashboard does not function completely in IE 11 (no issue for me, possibly for others)
dashIE.jpg
dashIE.jpg (184.78 KiB) Viewed 3119 times

-I am using 2 dummy hardware types, which do not display correct:

1: Dummy hardware displaying moisture of soil in percentage (0-100%)

Code: Select all

{
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 100,
         "CustomImage" : 11,
         "Data" : "33 %",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 2,
         "HardwareName" : "FlowerCare",
         "HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
         "HardwareTypeVal" : 15,
         "HaveTimeout" : true,
         "ID" : "00082018",
         "Image" : "Water",
         "LastUpdate" : "2017-03-30 19:15:42",
         "Name" : "MijnPlantjeVocht",
         "Notifications" : "true",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "SensorType" : 1,
         "SensorUnit" : "%",
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "Custom Sensor",
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "Water",
         "Unit" : 1,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "18"
      },
 
2 Dummy hardware displaying foodvalue in soil in uS/cm

Code: Select all

 {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 100,
         "CustomImage" : 15,
         "Data" : "310 uS/cm",
         "Description" : "Voedingsstoffen >500?",
         "Favorite" : 1,
         "HardwareID" : 2,
         "HardwareName" : "FlowerCare",
         "HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
         "HardwareTypeVal" : 15,
         "HaveTimeout" : true,
         "ID" : "00082025",
         "Image" : "Heating",
         "LastUpdate" : "2017-03-30 19:15:42",
         "Name" : "MijnPlantjeVoeding",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "SensorType" : 1,
         "SensorUnit" : "uS/cm",
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "Custom Sensor",
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "Heating",
         "Unit" : 1,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "25"
      },
 
Do you see an option to display the correct values and add icons? Can I do this myself?

edit: sorry we were posting at the same time... I'll upgrade to the latest version and report back on the IPad layou
edit: Ah and yes interested in using charts. It is hard to keep up with all changes, big compliment to you!

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:12
by robgeerts
pvm wrote:Wow, really nice progress
Guess I have to do some sponsoring for your tablet too :) (will be done in a couple of minutes)
Thanks!

pvm wrote: -The dashboard does not function completely in IE 11 (no issue for me, possibly for others)
dashIE.jpg
Since it will be mostly used on tablets, this wont be an issue, but will fix as much as possible :)

pvm wrote: -I am using 2 dummy hardware types, which do not display correct:

1: Dummy hardware displaying moisture of soil in percentage (0-100%)
2 Dummy hardware displaying foodvalue in soil in uS/cm
Fixed in latest version!
Wich icon do you prefer with the foodvalue?
In domoticz you use a heating icon?

pvm wrote: I've tested the layout for the IPad in chrome by selecting the ipad as device. I have similar layout issues as mentioned by heggink:
I know, try to fix as much as possible!

pvm wrote: Ah and yes interested in using charts. It is hard to keep up with all changes, big compliment to you!
Thanks!!

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:20
by pvm
robgeerts wrote:
pvm wrote: -I am using 2 dummy hardware types, which do not display correct:

1: Dummy hardware displaying moisture of soil in percentage (0-100%)
2 Dummy hardware displaying foodvalue in soil in uS/cm
Fixed in latest version!
Wich icon do you prefer with the foodvalue?
In domoticz you use a heating icon?
I would like the cutlery icon
Thanks again for the quick fixes, downloading latest version now

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:28
by robgeerts
Download it again ;)
Just added the cutlery icon :)

Good night!

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:48
by heggink
Hey Rob,

ipad looks muuch better! Thx.

Couple of items:
1) all of my percentage (memory, CPU, sensors) show as on/off. See json output below.
2) Same for 'distance' devices
3) barometer and humidity show 2 decimals (see eralier picture) and barometer uses % instead of hPa (below as well)

Many thanks again. Couple of beers coming up.

H

{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"Barometer" : 1026,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "9.5 C, 83 %, 1026 hPa",
"Description" : "",
"DewPoint" : "6.76",
"Favorite" : 1,
"Forecast" : 3,
"ForecastStr" : "Cloudy",
"HardwareID" : 9,
"HardwareName" : "Weather Lelystad",
"HardwareType" : "Weather Underground",
"HardwareTypeVal" : 14,
"HaveTimeout" : false,
"Humidity" : 83,
"HumidityStatus" : "Wet",
"ID" : "0001",
"LastUpdate" : "2017-04-07 23:34:56",
"Name" : "Lelystad Barometer",
"Notifications" : "false",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "THB1 - BTHR918, BTHGN129",
"Temp" : 9.5,
"Timers" : "false",
"Type" : "Temp + Humidity + Baro",
"TypeImg" : "temperature",
"Unit" : 1,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"forecast_url" : "aHR0cDovL3d3dy53dW5kZXJncm91bmQuY29tL2NnaS1iaW4vZmluZHdlYXRoZXIvZ2V0Rm9yZWNhc3Q/cXVlcnk9cHdzJTNBSUZMRVZPTEExNw==",
"idx" : "37"
},
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "4.30%",
"Description" : "",
"Favorite" : 0,
"HardwareID" : 50,
"HardwareName" : "Sensors",
"HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
"HardwareTypeVal" : 15,
"HaveTimeout" : false,
"ID" : "00082548",
"Image" : "Computer",
"LastUpdate" : "2017-04-07 23:40:02",
"Name" : "Domoticz memory",
"Notifications" : "true",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "Percentage",
"Timers" : "false",
"Type" : "General",
"TypeImg" : "hardware",
"Unit" : 1,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "548"
},
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "3.36%",
"Description" : "",
"Favorite" : 0,
"HardwareID" : 50,
"HardwareName" : "Sensors",
"HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
"HardwareTypeVal" : 15,
"HaveTimeout" : false,
"ID" : "00082553",
"Image" : "Computer",
"LastUpdate" : "2017-04-07 23:40:01",
"Name" : "Domoticz CPU",
"Notifications" : "false",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "Percentage",
"Timers" : "false",
"Type" : "General",
"TypeImg" : "hardware",
"Unit" : 1,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "553"
},

{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "16.5 cm",
"Description" : "",
"Favorite" : 0,
"HardwareID" : 44,
"HardwareName" : "Distance",
"HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
"HardwareTypeVal" : 15,
"HaveTimeout" : false,
"ID" : "00082514",
"LastUpdate" : "2017-04-07 23:16:25",
"Name" : "Rosa Distance",
"Notifications" : "false",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "Distance",
"SwitchTypeVal" : 0,
"Timers" : "false",
"Type" : "General",
"TypeImg" : "visibility",
"Unit" : 1,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "514"
},

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:50
by heggink
forgot: on gitlab it says that things get removed on update. Are you sure? I used another main page already which is located in www as well and that just stays there. In your case, you use index.html as well which is domoticz' default so that DOES get overwritten with teh standard domoticz index.html (reason why I rename it myself before moving into www).

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:56
by robgeerts
Thnx for the beers! Will check tomorrow about your devices! About updating.... Its better to move my dashboard in a subfolder I guess?

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Friday 07 April 2017 23:59
by pvm
Thnx, layout issues for iPad are fixed (i'm just using too long names now... i should be able to shorten them)

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Saturday 08 April 2017 8:59
by mAiden88
Maybe someone can help me..

Change CONFIG.js to right IP and place to Domoticz on my PI.
It don't starts this nice dashboard.. Even when i try to IP:PORT/index.html it starts Domoticz Dashboard.. (ofc i upload in www folder from Domoticz :P)
If a starts index on the map, i get this >>> http://prntscr.com/etvhz4
What do i wrong?

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Saturday 08 April 2017 9:09
by robgeerts
Install it in a subfolder in the www directory and call it by: IP:PORT/subfolder/index.html

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Saturday 08 April 2017 9:14
by mAiden88
robgeerts wrote:Install it in a subfolder in the www directory and call it by: IP:PORT/subfolder/index.html
You kidding me? It is just so easy? I am ashamed as an application developer.
Thanks its working now.. Lets see what i can make now..

Re: New Dashboard Design v2, custom positioning and multiple screens

Posted: Saturday 08 April 2017 10:01
by Dingetje2004
Gr8 Work ROB! What are the possibilities to add webcam support. I do have an image in your dashboard from my front door cam, but does not refreshes. I created a new button in CONFIG. I would alsolike to have it refreshed without refreshing the whole page every seconded. I was thinking something like this, but unfortunately does not work, nor does Iframe work.

Code: Select all

<img src="http://192.168.178.10:99/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=USERNAME&pwd=PASSWORD&t=" onClick="lightbox_open('camera', 25400);" "width="222px" height="155px" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 1000)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 5000)' alt='' />
I am using this piece of code in another dashboard and works for me. You know what to do best?

[img]
NewDasboard.jpg
NewDasboard.jpg (166.69 KiB) Viewed 3035 times
[/img]