Dashticz - General Discussions

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Locked
Bob123bob
Posts: 31
Joined: Monday 09 March 2015 7:35
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post 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 2843 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"
      },
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

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

Post by maluko »

hi

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

thabks
SuperMouse
Posts: 30
Joined: Sunday 09 April 2017 11:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post 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?
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

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

Post 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
Last edited by maluko on Sunday 09 April 2017 12:50, edited 2 times in total.
pvdhelm
Posts: 29
Joined: Tuesday 14 March 2017 17:23
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Skendel
Contact:

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

Post 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
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

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

Post 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
madrian
Posts: 231
Joined: Saturday 27 August 2016 1:18
Target OS: -
Domoticz version:
Contact:

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

Post by madrian »

OMG. This project is growing very quickly. :P

Can you guys recommend me a mounting solution for my iPad on the wall?
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

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

Post 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
Last edited by maluko on Sunday 09 April 2017 12:40, edited 1 time in total.
koowee
Posts: 62
Joined: Thursday 29 December 2016 18:17
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Finland
Contact:

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

Post 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]
*/
pvm
Posts: 550
Joined: Tuesday 17 June 2014 22:14
Target OS: NAS (Synology & others)
Domoticz version: 4.10538
Location: NL
Contact:

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

Post by pvm »

Pvdhelm, can you remove the /* before 'custom positioning' ?
Synology NAS, slave PI3, ZWave (Fibaro), Xiaomi zigbee devices, BTLE plant sensor, DzVents, Dashticz on tablet, Logitech Media Server
pvdhelm
Posts: 29
Joined: Tuesday 14 March 2017 17:23
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Skendel
Contact:

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

Post by pvdhelm »

Ok i try now tnx for the quick answers
pvdhelm
Posts: 29
Joined: Tuesday 14 March 2017 17:23
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Skendel
Contact:

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

Post by pvdhelm »

Tnx now it works
SuperMouse
Posts: 30
Joined: Sunday 09 April 2017 11:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post 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.
SuperMouse
Posts: 30
Joined: Sunday 09 April 2017 11:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post 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
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

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

Post 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
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
User avatar
rbisschops
Posts: 63
Joined: Monday 12 May 2014 11:20
Target OS: Raspberry Pi / ODroid
Domoticz version: 2.2563
Location: Schiedam, Netherlands
Contact:

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

Post 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
RPi 3B (master): RFXtrx433, Harmony Hub, Z-Wave devices, CoCo units, Hue, Xiaomi Aquara
RPi 2B (slave): P1 connection, MySensors with custom built watermeter sensors on Aquadis+
RPi’s with: Mosquitto MQTT, Home Bridge, Home Assistant (for evaluation only)
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

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

Post 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;
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
User avatar
mAiden88
Posts: 56
Joined: Friday 14 October 2016 22:15
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.7286
Location: Almelo
Contact:

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

Post 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?
Anyone can build a fast processor. The trick is to build a fast system.
SuperMouse
Posts: 30
Joined: Sunday 09 April 2017 11:14
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

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

Post 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;
}

User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

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

Post 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")
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
Locked

Who is online

Users browsing this forum: No registered users and 1 guest