Page 27 of 184

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

Posted: Sunday 09 April 2017 10:51
by Bob123bob
Bob123bob wrote:I have an issue when I want to only display energy now in Watt. I use the idx_1 (e.g. '147_1') but I have a empty box follow by today and total. idx_2 for today and idx_3 for total are working fine. When I use 147 without sub value, I can see the 3 boxes working fine.
Can you help me to display only energy now ?
dashboard.png
dashboard.png (322.92 KiB) Viewed 2840 times
In the first line in the picture I just added device idx 167 in config and it display 3 devices (now, today, total)
The 3rd line I added 167_1, 167_2, 167_3 in the config
But as you can see 167_1 (now) is not working :(

Here is one of the device (Aeotec DSB28 Home Energy Meter)

Code: Select all

 {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CounterToday" : "4.250 kWh",
         "CustomImage" : 0,
         "Data" : "10945.601 kWh",
         "Description" : "",
         "Favorite" : 0,
         "HardwareID" : 6,
         "HardwareName" : "Aeon Stick S2",
         "HardwareType" : "OpenZWave USB",
         "HardwareTypeVal" : 21,
         "HaveTimeout" : false,
         "ID" : "00001D01",
         "LastUpdate" : "2017-04-09 08:39:45",
         "Name" : "EDF 2P",
         "Notifications" : "false",
         "Options" : "0",
         "PlanID" : "0",
         "PlanIDs" : [ 0 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "SubType" : "kWh",
         "SwitchTypeVal" : 0,
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "current",
         "Unit" : 1,
         "Usage" : "140.0 Watt",
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "167"
      },

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

Posted: Sunday 09 April 2017 11:06
by maluko
hi

testing open with external ddns adress on other internet conection and seens to be open for anyone.

thabks

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

Posted: Sunday 09 April 2017 11:28
by SuperMouse
Hi all,

I tried this very nice Dashboard yesterday with almost 100% success.

I just can not get the 'weather' and 'currentweather' working, and this was really the part I wanted to have :(

Image

Offcourse I have a vaild Wunderground API key

Code: Select all

var _APIKEY_WUNDERGROUND   		= 'fbe1******2567';
var _WEATHER_CITY          		= 'Maassluis';
var _WEATHER_COUNTRY       		= 'NL';

Anyone an idea?

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

Posted: Sunday 09 April 2017 11:51
by maluko
I have x10 blinds but seems to be inverted on dashboard botton, the image its ok but the command arent, so when i click down the blind will open and appear the blind on botton open, must be click up and will open and appear the blind image open

EDIT: Sorry, blinds fixed on last update.

Code: Select all

{
AddjMulti: 1,
AddjMulti2: 1,
AddjValue: 0,
AddjValue2: 0,
BatteryLevel: 255,
CustomImage: 0,
Data: "Open",
Description: "",
Favorite: 0,
HardwareID: 3,
HardwareName: "Slave X10- HDD",
HardwareType: "Domoticz - Remote Server",
HardwareTypeVal: 3,
HaveDimmer: false,
HaveGroupCmd: true,
HaveTimeout: false,
ID: "67",
Image: "Light",
IsSubDevice: false,
LastUpdate: "2017-04-09 09:49:14",
Level: 0,
LevelInt: 0,
MaxDimLevel: 0,
Name: "Persiana Cozinha",
Notifications: "true",
PlanID: "0",
PlanIDs: [
0
],
Protected: false,
ShowNotifications: true,
SignalLevel: "-",
Status: "Open",
StrParam1: "",
StrParam2: "",
SubType: "X10",
SwitchType: "Blinds Inverted",
SwitchTypeVal: 6,
Timers: "false",
Type: "Lighting 1",
TypeImg: "blinds",
Unit: 5,
Used: 1,
UsedByCamera: false,
XOffset: "0",
YOffset: "0",
idx: "xx"
},
and the select botton dont work ether, can select the order but cant reach to domoticz.

Code: Select all

{
AddjMulti: 1,
AddjMulti2: 1,
AddjValue: 5,
AddjValue2: 0,
BatteryLevel: 255,
CustomImage: 11,
Data: "Off",
Description: "",
Favorite: 1,
HardwareID: 4,
HardwareName: "Virtual",
HardwareType: "Dummy (Does nothing, use for virtual switches only)",
HardwareTypeVal: 15,
HaveDimmer: true,
HaveGroupCmd: true,
HaveTimeout: false,
ID: "00014195",
Image: "Water",
IsSubDevice: false,
LastUpdate: "2017-04-09 10:00:44",
Level: 0,
LevelActions: "||||||",
LevelInt: 0,
LevelNames: "Off|OFF|5 Min|10 Min|15 Min|20 Min|Limpeza",
LevelOffHidden: true,
MaxDimLevel: 100,
Name: "Programa de rega",
Notifications: "false",
PlanID: "10",
PlanIDs: [
10
],
Protected: false,
SelectorStyle: 0,
ShowNotifications: true,
SignalLevel: "-",
Status: "Off",
StrParam1: "",
StrParam2: "",
SubType: "Selector Switch",
SwitchType: "Selector",
SwitchTypeVal: 18,
Timers: "true",
Type: "Light/Switch",
TypeImg: "Light",
Unit: 1,
Used: 1,
UsedByCamera: false,
XOffset: "0",
YOffset: "0",
idx: "xx"
},
thanks

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

Posted: Sunday 09 April 2017 12:17
by pvdhelm
[codevar _LANGUAGE = 'nl_NL'; //or en_US
var _HOST_DOMOTICZ = 'http://[ip domoticz server]:[port]';

/*
IF YOU HAVE A MEDIABOX FROM ZIGGO (HORIZON), COPY SWITCH_HORIZON.PHP ON A WEBSERVER INSIDE YOUR NETWORK AND CHANGE THE IP.
ENTER THE PATH TO THIS FILE BELOW.
*/
//var _HOST_ZIGGO_HORIZON = ''; //e.g. http://192.168.1.3/domoticz/switch_horizon.php';
var _APIKEY_WUNDERGROUND = '7b2356fed42de50e';
var _WEATHER_CITY = 'Schijndel';
var _WEATHER_COUNTRY = 'NL';
var _USE_AUTO_POSITIONING = false; //don't want to configure positions, use auto positioning
var _USE_FAVORITES = false; //only used when using auto positioning
var _HIDE_SECONDS_IN_CLOCK = false; //do not show the seconds in the clock
var _HIDE_MEDIAPLAYER_WHEN_OFF = false; //when you have a mediaplayer connected, hide it if nothing is playing
var _NEWS_RSSFEED = 'http://www.nu.nl/rss/algemeen';

var buttons = {}
buttons.buienradar = {width:12, isimage:true, image: 'http://api.buienradar.nl/image/1.0/Rada ... =285&h=256', url: 'http://www.weer.nl/verwachting/nederlan ... l/1810170/'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nunl = {width:12, icon: 'fa-newspaper-o', title: 'Nieuws', url: 'http://www.nu.nl'}

/*
CUSTOM POSITIONING:

//defining wich blocks to show, de numbers represents the IDX of the device in Domoticz
//only define if you want to use a custom width instead of the default
var blocks = {}

//defining number of columns, their contents en widths
//width can be a number 1 to 12, but total widths of all columns should always be 12
var columns = {}

columns[1] = {}
columns[1]['blocks'] = [83,84]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['currentweather_big','weather']
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,buttons.radio,buttons.nunl]
columns[3]['width'] = 2;

//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

//screens[2] = {}
//screens[2]['background'] = 'bg3.jpg';
//screens[2]['columns'] = [4,5,6]
*/][/code]

in colum 1 i don't see my switches. get the idx of the domoticz device list. both are dimmers.
what goes wrong here?

tnx patrick

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

Posted: Sunday 09 April 2017 12:26
by maluko
pvdhelm wrote:[codevar _LANGUAGE = 'nl_NL'; //or en_US
var _HOST_DOMOTICZ = 'http://[ip domoticz server]:[port]';

/*
IF YOU HAVE A MEDIABOX FROM ZIGGO (HORIZON), COPY SWITCH_HORIZON.PHP ON A WEBSERVER INSIDE YOUR NETWORK AND CHANGE THE IP.
ENTER THE PATH TO THIS FILE BELOW.
*/
//var _HOST_ZIGGO_HORIZON = ''; //e.g. http://192.168.1.3/domoticz/switch_horizon.php';
var _APIKEY_WUNDERGROUND = '7b2356fed42de50e';
var _WEATHER_CITY = 'Schijndel';
var _WEATHER_COUNTRY = 'NL';
var _USE_AUTO_POSITIONING = false; //don't want to configure positions, use auto positioning
var _USE_FAVORITES = false; //only used when using auto positioning
var _HIDE_SECONDS_IN_CLOCK = false; //do not show the seconds in the clock
var _HIDE_MEDIAPLAYER_WHEN_OFF = false; //when you have a mediaplayer connected, hide it if nothing is playing
var _NEWS_RSSFEED = 'http://www.nu.nl/rss/algemeen';

var buttons = {}
buttons.buienradar = {width:12, isimage:true, image: 'http://api.buienradar.nl/image/1.0/Rada ... =285&h=256', url: 'http://www.weer.nl/verwachting/nederlan ... l/1810170/'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nunl = {width:12, icon: 'fa-newspaper-o', title: 'Nieuws', url: 'http://www.nu.nl'}

/*
CUSTOM POSITIONING:

//defining wich blocks to show, de numbers represents the IDX of the device in Domoticz
//only define if you want to use a custom width instead of the default
var blocks = {}

//defining number of columns, their contents en widths
//width can be a number 1 to 12, but total widths of all columns should always be 12
var columns = {}

columns[1] = {}
columns[1]['blocks'] = [83,84]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['currentweather_big','weather']
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,buttons.radio,buttons.nunl]
columns[3]['width'] = 2;

//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

//screens[2] = {}
//screens[2]['background'] = 'bg3.jpg';
//screens[2]['columns'] = [4,5,6]
*/][/code]

in colum 1 i don't see my switches. get the idx of the domoticz device list. both are dimmers.
what goes wrong here?

tnx patrick

you have to add the blocks indvidual each idx you want to add, like

Code: Select all

var blocks = {}
blocks[83] = {}  //
blocks[83]['width'] = 3; //1 to 12, remove this line if you want to use the default (4)
blocks[84] = {} //t
blocks[84]['width'] = 3;
83 and 84 are the idx

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

Posted: Sunday 09 April 2017 12:31
by madrian
OMG. This project is growing very quickly. :P

Can you guys recommend me a mounting solution for my iPad on the wall?

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

Posted: Sunday 09 April 2017 12:33
by maluko
hpapagaj wrote:OMG. This project is growing very quickly. :P

Can you guys recommend me a mounting solution for my iPad on the wall?
search on lasts posts, i think sameone have bought what you want for 17€.

edit: viewtopic.php?f=8&t=16526&hilit=ipad+17&start=240

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

Posted: Sunday 09 April 2017 12:36
by koowee
pvdhelm wrote: in colum 1 i don't see my switches. get the idx of the domoticz device list. both are dimmers.
what goes wrong here?

tnx patrick
You have commented the custom positioning part > remove /* and */ (also remove text CUSTOM POSITIONING or add // before it)

Code: Select all

/*
CUSTOM POSITIONING:

...

//screens[2]['columns'] = [4,5,6]
*/

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

Posted: Sunday 09 April 2017 12:36
by pvm
Pvdhelm, can you remove the /* before 'custom positioning' ?

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

Posted: Sunday 09 April 2017 12:50
by pvdhelm
Ok i try now tnx for the quick answers

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

Posted: Sunday 09 April 2017 13:07
by pvdhelm
Tnx now it works

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

Posted: Sunday 09 April 2017 13:33
by SuperMouse
robgeerts wrote:Hold on, I'll check my wife's ipad 2..
Edit: Yes, same issue, will try to fix this asap!

Meanwhile...

GRAPHS ARE LIVE (BETA!!!)
Download latest version from gitlab.
Enter the follow key in the definitions: 'graph_IDX', if your graph in Domoticz is idx 150, use:

Code: Select all

columns[2]['blocks'] = ['graph_150']
ATTENTION: Only tested it with my energy and gas from Toon Thermostat!

Image
VERY VERY NICE !

Is there a way to change the height of the graph itself?
Then I can even add more graphs on my tablet.

Many thanks in advance.

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

Posted: Sunday 09 April 2017 19:20
by SuperMouse
SuperMouse wrote:Hi all,

I tried this very nice Dashboard yesterday with almost 100% success.

I just can not get the 'weather' and 'currentweather' working, and this was really the part I wanted to have :(

Image

Offcourse I have a vaild Wunderground API key

Code: Select all

var _APIKEY_WUNDERGROUND   		= 'fbe1******2567';
var _WEATHER_CITY          		= 'Maassluis';
var _WEATHER_COUNTRY       		= 'NL';

Anyone an idea?
Never Mind,

I got it working from my tablet at home :mrgreen:

Image

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

Posted: Sunday 09 April 2017 19:30
by rbisschops
Hi Rob,

Nice dashboard. Just started testing it.

I noticed a minor bug is the css.
At line 110: border-color: #FFFF; should be #FFF.

Keep up the good work!

Ralph

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

Posted: Sunday 09 April 2017 19:33
by rbisschops
SuperMouse wrote:
SuperMouse wrote:Hi all,

I tried this very nice Dashboard yesterday with almost 100% success.

I just can not get the 'weather' and 'currentweather' working, and this was really the part I wanted to have :(

Image

Offcourse I have a vaild Wunderground API key

Code: Select all

var _APIKEY_WUNDERGROUND   		= 'fbe1******2567';
var _WEATHER_CITY          		= 'Maassluis';
var _WEATHER_COUNTRY       		= 'NL';

Anyone an idea?
Never Mind,

I got it working from my tablet at home :mrgreen:

Image
Hi @supermouse Can you share the css you used, like your design.

Thx

Ralph

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

Posted: Sunday 09 April 2017 19:59
by EdwinK
Clemen wrote:
Paste your

columns[1]['blocks'] = [.......
Already send a copy of CONFIG.js to Rob, but here is the columns[1] block

Code: Select all

columns[1] = {}
columns[1]['blocks'] = [1,2,6,7,84,91,'s1',51,99,53,55,56,57,58,59,60,62,63,95,97,98,96] //idx 101 = Setpoint 
columns[1]['width'] = 5;

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

Posted: Sunday 09 April 2017 20:20
by mAiden88
EdKo66 wrote:
Clemen wrote:
Paste your

columns[1]['blocks'] = [.......
Already send a copy of CONFIG.js to Rob, but here is the columns[1] block

Code: Select all

columns[1] = {}
columns[1]['blocks'] = [1,2,6,7,84,91,'s1',51,99,53,55,56,57,58,59,60,62,63,95,97,98,96] //idx 101 = Setpoint 
columns[1]['width'] = 5;
There are no empty block titles?

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

Posted: Sunday 09 April 2017 20:25
by SuperMouse
@rbisschops

Sure Ralph

Actually it is just a different background:

http://imgur.com/a/Dx7zT

Change it in the config.js

Code: Select all

var _BACKGROUND_IMAGE      		= 'background.jpg';
And I change line 495 from white into black in the CSS:

Code: Select all

div.screen {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  color: black;
}


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

Posted: Sunday 09 April 2017 20:56
by EdwinK
mAiden88 wrote:
EdKo66 wrote:
Clemen wrote:
Paste your

columns[1]['blocks'] = [.......
Already send a copy of CONFIG.js to Rob, but here is the columns[1] block

Code: Select all

columns[1] = {}
columns[1]['blocks'] = [1,2,6,7,84,91,'s1',51,99,53,55,56,57,58,59,60,62,63,95,97,98,96] //idx 101 = Setpoint 
columns[1]['width'] = 5;
There are no empty block titles?

Code: Select all

blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';
But what I want is not a title there, but no block at all, so to save space on a smaller tablet (7")