Domoticz

Posted: **Tuesday 04 April 2017 20:34**

Suggested enhancements

1. An icon for a door open/close sensor.

: 4.png (11.26 KiB) Viewed 2348 times

2. In here - W-Visibility is a Wunderground device and 3. can we get an icon for the Alarms.

: 5.png (102.23 KiB) Viewed 2337 times

{
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "10.0 km",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 4,
         "HardwareName" : "Wunderground",
         "HardwareType" : "Weather Underground",
         "HardwareTypeVal" : 14,
         "HaveTimeout" : false,
         "ID" : "0",
         "LastUpdate" : "2017-04-04 19:48:18",
         "Name" : "W-Visibility",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "Visibility",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "visibility",
         "Unit" : 1,
         "Used" : 1,
         "Visibility" : 10.0,
         "XOffset" : "0",
         "YOffset" : "0",
         "forecast_url" : "aHR0cDovL3...",
         "idx" : "29"
      },

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" : 2,
         "HardwareName" : "AeonZW",
         "HardwareType" : "OpenZWave USB",
         "HardwareTypeVal" : 21,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "00000729",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2015-12-22 14:03:16",
         "Level" : 0,
         "LevelInt" : 0,
         "MaxDimLevel" : 100,
         "Name" : "Fibaro Smoke Alarm",
         "Notifications" : "false",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "Off",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "Switch",
         "SwitchType" : "Smoke Detector",
         "SwitchTypeVal" : 5,
         "Timers" : "false",
         "Type" : "Light/Switch",
         "TypeImg" : "smoke",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "35"
      },

If you have some tips/simple instructions the community can contribute code snippets and icons and distribute the workload - happy to help if I can...

Thanks again and all the best
Ian

Posted: **Tuesday 04 April 2017 20:43**

robgeerts wrote:I'm also searching for a cheap tablet, only using it for this dashboard, for mounting on my wall. (I have one but the screen is broken) Tips anyone?

I've ordered "Teclast x80 pro 8 ''tablet pc intel x5 z8350 8 inch 1200*1920 Pixels IPS Scherm Windows 10 + Android 5.1 2 GB/32 GB HDMI Tablet PC" last week (Aliexpress, 88 euro, special price).
Goal is to use this as tablet for Domoticz control with your dashboard. I did not receive this however cannot tell about my experiences.
Reasons for choosing this

High resolution screen 1920*1200
dual boot Android (used on a way too old tablet before, was running fine including automatic turn on of screen when passing by. For what i've found out not possible to do that on an iPad (otherwise i'd prefer ios because all other devices are))
dual boot windows support, nice to play around and see if that's the better option for running a domoticz dashboard
intels latest Z8350 processor

Posted: **Tuesday 04 April 2017 20:56**

irishv wrote:...
1) having the background switch based on time of day or weather
...

Irishv, you can give this a try: https://codepen.io/jamesbarnett/pen/kdDBL

Posted: **Tuesday 04 April 2017 21:09**

Amazon have a good selection of wall mounts:

Two examples:
https://www.amazon.co.uk/Dockem-Damage- ... B004Z88WSK
https://www.amazon.co.uk/d/Tablet-Acces ... B01BX5YU7Y

Enjoy
Ian

Posted: **Tuesday 04 April 2017 21:30**

A couple of errors I spotted in the debug console on Safari:

: 6.png (54.2 KiB) Viewed 2325 times

all the best
Ian

Posted: **Tuesday 04 April 2017 22:07**

Dynamic wrote: I totally agree on this. I really love this new design, but 'easy' customizing is a bit difficult. You added support for the RFXmeter-devices (so I can show my temperatures from the cityheating), but there are other RFXmeter-devices in my environment that I don't want to show on the dashboard.

I'm not a programmer, but a better approach could be something like this. That way it is easy to add support for other devices and we can add manual extra devices to the dashboard.
Code: Select all
	<div class="wrapper">
		<div class="column-1">
			<script>ShowModule('fav_scenes');</script>
			<script>ShowModule('fav_switches');</script>
			<script>ShowModule('fav_dimmers');</script>
		</div>
		<div class="column-2">
			<script>ShowModule('weather_forecast');</script>
			<script>ShowModule('players');</script>
			
			<script>ShowDevice('421','switch','iconon.png','iconoff.png');</script>
			<script>ShowDevice('41','energy','power.png','kWh');</script>
			<script>ShowDevice('321','temp','temp.png','');</script>
		</div>
		<div class="column-3">
			<script>ShowModule('clock');</script>
			<script>ShowModule('buttons');</script>
		</div>
	</div>

I agree too, this is a big change so can take a bit longer dan usual

whiteduck wrote: @robgeerts - thanks a lot for the quick update. I will make a PayPal donation for a coffee or two!

Thank you very much!
I decided to save the donations for buying a new tablet on my wall

whiteduck wrote: The lamp socket which has power usage appears as two blocks but they are out of step (one is ON the other OFF) and you cannot switch the lamp on/off with the energy one because of course the name doesn't match the device - it matches the device-watts.
1.png

whiteduck wrote: In this one the pump appears as a light in the energy block

Could you send me (als possible via PM) your COMPLETE json output?
I see some more things I would like to fix with your devices

whiteduck wrote: The Energy needs to be watts but is m3 like Gas.
2.png

My proposed code fix snippet is here

Code: Select all

else if(data.result[r]['Type']=='General' && data.result[r]['SubType']=='kWh'){
                                                        var html = getStateBlock(data.result[r]['idx']+'a','fa fa-plug',lang.energy_usage,number_format(data.result[r]['Usage'],2,',','.')+' watts');
                                                        $('.states').append(html);
                                                        var html = getStateBlock(data.result[r]['idx']+'b','fa fa-plug',lang.energy_usagetoday,number_format(data.result[r]['CounterToday'],2,',','.')+' kWh');
                                                        $('.states').append(html);
                                                        var html = getStateBlock(data.result[r]['idx']+'c','fa fa-plug',lang.energy_totals,number_format(data.result[r]['Data'],2,',','.')+' kWh');

Fixed in latest version, although, I used 'W' instead of watts.
(If we use the official notation for kilowatts (kWh), we should use it for watts (W)

whiteduck wrote:Suggested enhancements
1. An icon for a door open/close sensor.
2. In here - W-Visibility is a Wunderground device and
3. can we get an icon for the Alarms.

Fixed in latest version!

pvm wrote: I've ordered "Teclast x80 pro 8 ''tablet pc intel x5 z8350 8 inch 1200*1920 Pixels IPS Scherm Windows 10 + Android 5.1 2 GB/32 GB HDMI Tablet PC" last week (Aliexpress, 88 euro, special price).

When do you expect it?
Please tell me your experience when you installed it!!

whiteduck wrote:A couple of errors I spotted in the debug console on Safari:

6.png

Fixed the first one (images not defined)

Posted: **Tuesday 04 April 2017 22:50**

robgeerts wrote:
Dynamic wrote:
pvm wrote: I've ordered "Teclast x80 pro 8 ''tablet pc intel x5 z8350 8 inch 1200*1920 Pixels IPS Scherm Windows 10 + Android 5.1 2 GB/32 GB HDMI Tablet PC" last week (Aliexpress, 88 euro, special price).
When do you expect it?
Please tell me your experience when you installed it!!

I'm not sure, probably will take a few weeks, according to tracking it is at HongKong airport now...

Posted: **Tuesday 04 April 2017 23:16**

Pretty minor issue
The weather prediction title doesn't have a dark background as the other titles have, see:

: opmaak.png (26.26 KiB) Viewed 2305 times

I'm using the version of about 22:50 today. I really like the new updates with the image and button options

Posted: **Tuesday 04 April 2017 23:38**

Thanks a lot Rob - PM sent.

I had another idea for the Dashboard and that is to have sunset/sunrise as per Domoticz - available in the json output.

All the very best
Ian

Posted: **Wednesday 05 April 2017 0:22**

HOWTO initial input:

Thought it would be useful to help create a HOWTO with what I know so far.

To install dashboard cd to www directory of domoticz - you can of course use your own web server but if you use IP addresses in CONFIG.js make sure it is on your local LAN

Code: Select all

git clone https://gitlab.com/robgeerts/dashboard.git

This creates and populates a directory called dashboard with Rob's directory structure from gitlab - move into this directory (cd)

Edit the CONFIG.js with your preferred editor and enter your language, domoticz server:port, background selection and API key for WUnderground if you use it - you can find this in Domoticz -> Setup -> Hardware

Code: Select all

var _LANGUAGE                           = 'en_US';
var _HOST_DOMOTICZ                      = 'http://192.168.0.10:8080';
var _APIKEY_WUNDERGROUND        = 'your key';
var _WEATHER_CITY               = 'pws:IENGLAND560';
var _WEATHER_COUNTRY            = 'UK';
var _USE_DUTCH_TRAFFICINFO      = false;
var _USE_DUTCH_TRAININFO        = false;
var _BACKGROUND_IMAGE           = 'bg4.jpg'

Comment out any sections you don't want with //

To change the page layout edit the file index.html

To exclude any specific devices edit main.js found in dashboard/js directory - there is a loop and you can modify the code to include or exclude your specific devices. Note only devices you mark with a star in Domoticz i.e. a Favourite will appear.

Now head to a browser and enter http://192.168.0.10:8080/dashboard/index.html - you should see the webpage load - if you have blank boxes then perhaps you need to provide a username and password within CONFIG.js as suggested in the README.md

If the weather is missing check your API key and check the City you provided is valid or is the reference of a personal weather station (pws: NAME) - in my case pws:IENGLAND560 which is local to me.

Remember as Rob points out any Domoticz upgrades will blow away this directory - please back up what you need!

Good luck
Ian

Posted: **Wednesday 05 April 2017 0:31**

EdKo66 wrote:
robgeerts wrote: You can select the desierd temperature.
Tested this with my own Toon and it works.
For my, 16 C is off, so I use that temperature if I want to set it off.
Could you test if this is working?
Seems to work for me too.

Tanks. Great job

I've moved the Toon Setpoint to my switches block, because that's more logical for me. I already had a Thermostat Selector Switch in that block.
I tried to get a setpoint value to the status block (like in previous versions), but can't get it to work. Can you give me a hint please.
This is what I tried:

Code: Select all

else if((data.result[r]['Type']=='Thermostat' || data.result[r]['HardwareType']=='Toon Thermostat') && data.result[r]['SubType']=='SetPoint'){
	$('.block'+data.result[r]['idx']).remove();
	var switchHTML = '<div class="col-md-4 block'+data.result[r]['idx']+'">';											
	switchHTML+='<div class="col-md-4">';
				switchHTML+='<img src="img/heating_on.png" class="on icon" style="max-height:35px;" />';
			switchHTML+='</div>';
			switchHTML+='<div class="col-md-8">';
				switchHTML+='<strong class="title">'+data.result[r]['SetPoint']+'Â°C</strong><br />';
				switchHTML+='<span class="state">'+data.result[r]['Name']+'</span>';
			switchHTML+='</div>';
		switchHTML+='</div>';
	$('.states').append(switchHTML);
}

Posted: **Wednesday 05 April 2017 7:01**

ddahya wrote:Great Dashboard, keep up the good work.

i've downloaded the latest version and most of my devices are working, any chance of adding blind support to the dashboard?
The blinds are showing up as on/off devices but should be On/Off/Stop, also i have some dummy setpoint devices i use to control my neohub Thermostats that are also on/off devices.

json output for rflink blinds and Setpoint device
Code: Select all
 
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         .....
         "YOffset" : "0",
         "idx" : "86"
      },
Code: Select all
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         .....
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "104"
      }

Could you send me the webaddress domoticz calls when clicking the blind-buttons (all three)?
The thermostat setpoints should work now, could you test this? Because another user said the buttons doesnt do anything?[/quote]

Here is the webaddress for the blinds for up/down/off
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Off&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Stop&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=On&level=0&passcode=

Also tested Setpoint with latest version, this is working now before it was just on/off. Just wanted to know if you could extend the setpoint range from 16 - 21.5 to 12 - 25? when my thermostats are in standby they are set to 12 degrees and when heating is more than 21.5 degrees

Posted: **Wednesday 05 April 2017 9:23**

pvm wrote:Pretty minor issue
The weather prediction title doesn't have a dark background as the other titles have, see:opmaak.png

I'm using the version of about 22:50 today. I really like the new updates with the image and button options

Fixed in latest version!

whiteduck wrote: I had another idea for the Dashboard and that is to have sunset/sunrise as per Domoticz - available in the json output.

Fixed in latest version!
To hide, use:

Code: Select all

var _SHOW_SUNRISE = false;

HansieNL wrote: I've moved the Toon Setpoint to my switches block, because that's more logical for me. I already had a Thermostat Selector Switch in that block.

I moved it by default in latest version, It's more logical indeed, because there are all other switches too.

HansieNL wrote: I tried to get a setpoint value to the status block (like in previous versions), but can't get it to work. Can you give me a hint please.

Fixed in latest version.

ddahya wrote: Here is the webaddress for the blinds for up/down/off
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Off&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Stop&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=On&level=0&passcode=

Fixed in latest version BUT, I CANNOT TEST THIS, could you do that for me?

ddahya wrote: Also tested Setpoint with latest version, this is working now before it was just on/off. Just wanted to know if you could extend the setpoint range from 16 - 21.5 to 12 - 25? when my thermostats are in standby they are set to 12 degrees and when heating is more than 21.5 degrees

Extended the range in latest version!

Posted: **Wednesday 05 April 2017 10:17**

Almost as if I want it for me to look

Almost.

Just the two bottom (wind and barometer) should go up a little more.

*note to self: move all of the 'states', including the last </div> to just above 'sliders'.

Posted: **Wednesday 05 April 2017 10:18**

ddahya wrote: Here is the webaddress for the blinds for up/down/off
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Off&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Stop&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=On&level=0&passcode=

Fixed in latest version BUT, I CANNOT TEST THIS, could you do that for me?

ddahya wrote: Also tested Setpoint with latest version, this is working now before it was just on/off. Just wanted to know if you could extend the setpoint range from 16 - 21.5 to 12 - 25? when my thermostats are in standby they are set to 12 degrees and when heating is more than 21.5 degrees

Extended the range in latest version![/quote]

Just tested, blinds are not working, was looking at the logs and noticed that the command had a lowercase. I'm pretty sure the commands need to be "On", "Off", "Stop". the command sent was "on","off","stop".

Posted: **Wednesday 05 April 2017 10:25**

ddahya wrote:
ddahya wrote: Here is the webaddress for the blinds for up/down/off
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Off&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=Stop&level=0&passcode=
/json.htm?type=command&param=switchlight&idx=<IDX>&switchcmd=On&level=0&passcode=
Fixed in latest version BUT, I CANNOT TEST THIS, could you do that for me?

ddahya wrote: Also tested Setpoint with latest version, this is working now before it was just on/off. Just wanted to know if you could extend the setpoint range from 16 - 21.5 to 12 - 25? when my thermostats are in standby they are set to 12 degrees and when heating is more than 21.5 degrees
Extended the range in latest version!

Just tested, blinds are not working, was looking at the logs and noticed that the command had a lowercase. I'm pretty sure the commands need to be "On", "Off", "Stop". the command sent was "on","off","stop".[/quote]

Just updated lines 510 - 512 in the main.js with

Code: Select all

													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'Off\');"><em class="fa fa-arrow-up fa-small"></em></a> ';
													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'Stop\');"><em class="fa fa-stop-circle fa-small"></em></a> ';
													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'On\');"><em class="fa fa-arrow-down fa-small"></em></a>';

all working now

Posted: **Wednesday 05 April 2017 10:31**

ddahya wrote: Just updated lines 510 - 512 in the main.js with

Code: Select all

													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'Off\');"><em class="fa fa-arrow-up fa-small"></em></a> ';
													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'Stop\');"><em class="fa fa-stop-circle fa-small"></em></a> ';
													switchHTML+='<a href="javascript:switchBlinds('+data.result[r]['idx']+',\'On\');"><em class="fa fa-arrow-down fa-small"></em></a>';

all working now

Fixed in latest version too!

EdKo66 wrote: Just the two bottom (wind and barometer) should go up a little more.

Could you test if this is working, add to creative.css:

Code: Select all

.states > div {
	height:75px;
}
#switches > div {
	height:85px;
}

(or download latest version)

Posted: **Wednesday 05 April 2017 10:38**

Great work with this Dashboard.
I have a questing, how can i rearrange the positions off the states?
What i mean is that i like the powerstates on one row etc.

Posted: **Wednesday 05 April 2017 10:49**

SwordFish wrote:Great work with this Dashboard.
I have a questing, how can i rearrange the positions off the states?
What i mean is that i like the powerstates on one row etc.

Well, not possible at the moment but i'm working on it!

Posted: **Wednesday 05 April 2017 10:50**

robgeerts wrote:
SwordFish wrote:Great work with this Dashboard.
I have a questing, how can i rearrange the positions off the states?
What i mean is that i like the powerstates on one row etc.
Well, not possible at the moment but i'm working on it!

Thanks, take you're time.

Domoticz

Dashticz - General Discussions

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design

Re: New Dashboard Design