Page 11 of 184

Re: New Dashboard Design

Posted: Friday 31 March 2017 15:56
by robgeerts
I understand but sometimes, when adding functionality, I have to add variables to CONFIG.js...
And last days I changed index.html to be more dynamic. Sorry for the inconvenience ;)

Re: New Dashboard Design

Posted: Friday 31 March 2017 17:26
by HansieNL
@robgeerts
Great job you do with this dashboard. Three thumbs up!
My Toon thermostat (setpoint) is still recognized as switch. Should this one be recognized as thermostat already? Am I missing something maybe? Would be great if this one is gonna be recognized as setpoint.
Can you add a Paypal button to this project Gitlab page... then we can buy you a drink :)

This is for the Toon Thermostat setpoint:

{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "19.0",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Toon Thermostaat",
"HardwareType" : "Toon Thermostat",
"HardwareTypeVal" : 34,
"HaveTimeout" : false,
"ID" : "0000001",
"LastUpdate" : "2017-03-27 17:36:55",
"Name" : "Thermostaatinstelling",
"Notifications" : "false",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"SetPoint" : "19.0",
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "SetPoint",
"Timers" : "false",
"Type" : "Thermostat",
"TypeImg" : "override_mini",
"Unit" : 0,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "35"
},

Re: New Dashboard Design

Posted: Friday 31 March 2017 18:06
by Dynamic
I downloaded the latest files, to add my sonos speakers. But now the icons with current energy consumption etc. are gone. How can I add them back in?

Re: New Dashboard Design

Posted: Friday 31 March 2017 18:50
by pvm
Would be nice to have the configurable domoboard setup. No need to change multiple files and code html. Too bad I'm not able to do that

Re: New Dashboard Design

Posted: Friday 31 March 2017 19:01
by EdwinK
And I see that you again have already fixed the Buienradar wind block. Thanks for your quick responses and fixes.

Re: New Dashboard Design

Posted: Friday 31 March 2017 22:43
by robgeerts
HansieNL wrote:@robgeerts
Can you add a Paypal button to this project Gitlab page... then we can buy you a drink :)
https://www.paypal.com/cgi-bin/webscr?c ... ostedGuest
Thanks!
HansieNL wrote: This is for the Toon Thermostat setpoint:
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "19.0",
"Description" : "",
"Favorite" : 1,
"HardwareID" : 7,
"HardwareName" : "Toon Thermostaat",
"HardwareType" : "Toon Thermostat",
"HardwareTypeVal" : 34,
"HaveTimeout" : false,
"ID" : "0000001",
"LastUpdate" : "2017-03-27 17:36:55",
"Name" : "Thermostaatinstelling",
"Notifications" : "false",
"PlanID" : "0",
"PlanIDs" : [ 0 ],
"Protected" : false,
"SetPoint" : "19.0",
"ShowNotifications" : true,
"SignalLevel" : "-",
"SubType" : "SetPoint",
"Timers" : "false",
"Type" : "Thermostat",
"TypeImg" : "override_mini",
"Unit" : 0,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "35"
},
In the latest version it's a button with a temperature-icon. (Moved to middle column because the other toon-blocks (temperature and energy are also positioned in that column)
Dynamic wrote:I downloaded the latest files, to add my sonos speakers. But now the icons with current energy consumption etc. are gone. How can I add them back in?
Do you have a screenshot, they do work on my dashboard...

pvm wrote: Would be nice to have the configurable domoboard setup. No need to change multiple files and code html. Too bad I'm not able to do that
Everyday I'm trying to make the dashboard better, piece by piece..
Are you also changing the index.html manually every time you update? If yes, what are you changing? Maybe I can make a quickfix for you (So you wont have to change anything).
EdKo66 wrote:And I see that you again have already fixed the Buienradar wind block. Thanks for your quick responses and fixes.
You're welcome!

Re: New Dashboard Design

Posted: Saturday 01 April 2017 2:14
by HansieNL
@robgeerts
Enjoy your beer :)
Something is going wrong with the Toon thermostat setpoint. Every second there's added a new setpoint button :lol: ;)
Image

I did add the red text and adding new setpoint button stopped, but I don't know if it has other side effects?
if(!sliding){
$('.solar').remove();
$('#mains').html('');
$('#switches').html('');
$('#groups').html('');
$('#sliders').html('');
$('.states').html('');
for(r in data.result){


I also did change the text in the Toon thermostat setpoint button a little:
switchHTML+='<strong class="state">'+data.result[r]['SetPoint']+'°C</strong><br />';
switchHTML+='<span class="title">'+data.result[r]['Name']+'</span>';

Now the temperature (value) is on top like the other values.
Image

Re: New Dashboard Design

Posted: Saturday 01 April 2017 5:27
by irishv
Thanks for creating this. I've been wanting to build a better dashboard to use with a mounted iPad for a while now but could never get started. I run Domoticz on Synology NAS with the Aeon Z-stick.

I downloaded the files and was able to connect to my server, adjust language to english and weather to fahrenheit. My favorites come in, but everything shows as light switches. I'm trying to get contact sensors (doors) and motion sensors to say open/closed and motion/no motion.

Also, I added the following code to index.html get the page to load as a standalone app in iOS if you save it to the home screen.

Code: Select all

<meta name="apple-mobile-web-app-capable" content="yes">
Sample door sensor:

Code: Select all

{
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "Closed",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 3,
         "HardwareName" : "Aeon Z-Stick",
         "HardwareType" : "OpenZWave USB",
         "HardwareTypeVal" : 21,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "00001A00",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2017-03-06 08:04:07",
         "Level" : 0,
         "LevelInt" : 0,
         "MaxDimLevel" : 100,
         "Name" : "Sensor-Garage",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "Closed",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "Switch",
         "SwitchType" : "Contact",
         "SwitchTypeVal" : 2,
         "Timers" : "false",
         "Type" : "Light/Switch",
         "TypeImg" : "contact",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "62"
      }
      
      

And a sample motion sensor:

Code: Select all

      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 100,
         "CustomImage" : 0,
         "Data" : "Off",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 3,
         "HardwareName" : "Aeon Z-Stick",
         "HardwareType" : "OpenZWave USB",
         "HardwareTypeVal" : 21,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "00000A00",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2017-03-31 21:07:28",
         "Level" : 0,
         "LevelInt" : 0,
         "MaxDimLevel" : 100,
         "Name" : "Multisensor Motion",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "Off",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "Switch",
         "SwitchType" : "Motion Sensor",
         "SwitchTypeVal" : 8,
         "Timers" : "false",
         "Type" : "Light/Switch",
         "TypeImg" : "motion",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "32"
      }
      
      
Two wish-list features would be 1) having the background switch based on time of day or weather and 2) the ability to control Synology's Audio Station like you did for Sonos and Logitech Media Server. I have Audio Station running to several Airport Expresses around the house and would love to just be able to start and stop a single playlist.

Re: New Dashboard Design

Posted: Saturday 01 April 2017 8:28
by pvm
robgeerts wrote:
Dynamic wrote:I downloaded the latest files, to add my sonos speakers. But now the icons with current energy consumption etc. are gone. How can I add them back in?
pvm wrote: Would be nice to have the configurable domoboard setup. No need to change multiple files and code html. Too bad I'm not able to do that
Everyday I'm trying to make the dashboard better, piece by piece..
Are you also changing the index.html manually every time you update? If yes, what are you changing? Maybe I can make a quickfix for you (So you wont have to change anything).
I had the same issue as Dynamic. That was a reason for my remark, it took me some time to get things back to original. Indeed changing the html.
I totally agree with your however, it's good in basis and gets even better every day (or even multiple times a day:) )
Hope to have some more time next week to pay with this and get the parts which are not showing on my tablet to work.

Re: New Dashboard Design

Posted: Saturday 01 April 2017 8:34
by pvm
irishv wrote:2) the ability to control Synology's Audio Station like you did for Sonos and Logitech Media Server. I have Audio Station running to several Airport Expresses around the house and would love to just be able to start and stop a single playlist.
At you able to do this from Domoticz now?

Re: New Dashboard Design

Posted: Saturday 01 April 2017 9:15
by robgeerts
HansieNL wrote:@robgeerts
Enjoy your beer :)
Thank you very much!
HansieNL wrote:@robgeerts
Something is going wrong with the Toon thermostat setpoint. Every second there's added a new setpoint button :lol: ;)
Image

I did add the red text and adding new setpoint button stopped, but I don't know if it has other side effects?
if(!sliding){
$('.solar').remove();
$('#mains').html('');
$('#switches').html('');
$('#groups').html('');
$('#sliders').html('');
$('.states').html('');
for(r in data.result){


I also did change the text in the Toon thermostat setpoint button a little:
switchHTML+='<strong class="state">'+data.result[r]['SetPoint']+'°C</strong><br />';
switchHTML+='<span class="title">'+data.result[r]['Name']+'</span>';

Now the temperature (value) is on top like the other values.
Image
Fixed both in latest version :)


irishv wrote: Also, I added the following code to index.html get the page to load as a standalone app in iOS if you save it to the home screen.
Added in latest version!
irishv wrote:I'm trying to get contact sensors (doors) and motion sensors to say open/closed and motion/no motion.
Try to add this asap!

Re: New Dashboard Design

Posted: Saturday 01 April 2017 11:01
by EdwinK
Almost all of the cells nice and orderly on the screen.

Image

These are the only ones refusing to play nice.
Image it must have something to do with the name of the 'Energie vandaag' cell, being a bit to big.

Also, would it be possible to move those to the left of the 'muziekspelers' section instead of under it?

Re: New Dashboard Design

Posted: Saturday 01 April 2017 11:04
by EdwinK
robgeerts wrote:
HansieNL wrote:@robgeerts
Can you add a Paypal button to this project Gitlab page... then we can buy you a drink :)
https://www.paypal.com/cgi-bin/webscr?c ... ostedGuest
Enjoy your coffee(s)

Re: New Dashboard Design

Posted: Saturday 01 April 2017 11:21
by robgeerts
pvm wrote: I had the same issue as Dynamic. That was a reason for my remark, it took me some time to get things back to original. Indeed changing the html.
I totally agree with your however, it's good in basis and gets even better every day (or even multiple times a day:) )
Hope to have some more time next week to pay with this and get the parts which are not showing on my tablet to work.
Well, in the current version I've added a CONFIG-DEFAULT.js.
I will extend this file with new variables. If there are new variables, you can copy them to the CONFIG.js.
In this way your config.js wont be overwritten again.

About index.html; I'm trying to edit this file not too much.
I just released a new version of the dashboard. I'm hoping I dont have to edit index.html again soon...


EdKo66 wrote: These are the only ones refusing to play nice.
Image it must have something to do with the name of the 'Energie vandaag' cell, being a bit to big.
I've changes the CSS, I think its better now, otherwise, you could rename 'Energie vandaag' in /lang/nl_NL.js (just added multiple language support)
EdKo66 wrote: Also, would it be possible to move those to the left of the 'muziekspelers' section instead of under it?
Do you mean under the switches?
Thanks for the coffee!

Re: New Dashboard Design

Posted: Saturday 01 April 2017 11:58
by EdwinK
Yes, under the switches would be good for me.I don't have a big tablet, so if I can save on scrolling, it would be nice :)

Re: New Dashboard Design

Posted: Saturday 01 April 2017 12:07
by robgeerts
In index.html you can move:

Code: Select all

<div class="players"></div>
to just after:

Code: Select all

<div id="switches"></div>

Re: New Dashboard Design

Posted: Saturday 01 April 2017 12:56
by EdwinK
Ow,. That is easy. Even *I* can do that

Re: New Dashboard Design

Posted: Saturday 01 April 2017 13:36
by EdwinK
Almost there :)

Image

Re: New Dashboard Design

Posted: Saturday 01 April 2017 14:10
by irishv
pvm wrote:
irishv wrote:2) the ability to control Synology's Audio Station like you did for Sonos and Logitech Media Server. I have Audio Station running to several Airport Expresses around the house and would love to just be able to start and stop a single playlist.
At you able to do this from Domoticz now?

No, I should have been more clear. I can't currently do this in Domoticz, but some others have found the right way to send requests. More of a longer term thing I would need to figure out on my own.

Re: New Dashboard Design

Posted: Saturday 01 April 2017 14:12
by irishv
irishv wrote: Also, I added the following code to index.html get the page to load as a standalone app in iOS if you save it to the home screen.
Added in latest version!
irishv wrote:I'm trying to get contact sensors (doors) and motion sensors to say open/closed and motion/no motion.
Try to add this asap!

Awesome, thanks for your work!