Dashticz - Show your dashboard and how-to's!

[HansieNL]

Have you tried to set the following config parameter:

Code: Select all

config['last_update'] = 0;

For full manual: https://dashticz.readthedocs.io/en/master/

[BlizzWave]

Or you could use CSS.

You would have to inspect the webpage to figure out the correct block name.
But I would assume this would work

Code: Select all

.block_2_1 .lastupdate {
	display: none;
}

[JeroenL]

Having Sonos largely integrated into Dashtiz (see below), the last fun part is still missing: AlbumArt

I have the (dynamic) URL to the current AlbumArt in a Domoticz variable (As I have for album, artist and title). Does anyone have an ideas how I can get this variable from Domoticz into my frames block, something like:

url : sonos_albumart

Also I noticed the images vary in size, do they need to get scaled somehow to be placed properly into a frame?

Thanks - Jeroen




Verzonden vanaf mijn iPad met Tapatalk

[Lokonli]

Having Sonos largely integrated into Dashtiz (see below), the last fun part is still missing: AlbumArt

I have the (dynamic) URL to the current AlbumArt in a Domoticz variable (As I have for album, artist and title). Does anyone have an ideas how I can get this variable from Domoticz into my frames block, something like:

url : sonos_albumart

Also I noticed the images vary in size, do they need to get scaled somehow to be placed properly into a frame?

Thanks - Jeroen




Verzonden vanaf mijn iPad met Tapatalk

Can you create a new topic for this in the subforum 'Feature requests'? Then we will continue the discussion there.

[garethiowc]

Have you tried to set the following config parameter:

Code: Select all

config['last_update'] = 0;

For full manual: https://dashticz.readthedocs.io/en/master/

DOH! Sorry, I didn't see that. makes life a lot easier

[Derik]

Looks nice and clean.

Nice!!!

Please share your code's..
Like to have some camera's working

[Robert]

To make your camera work i can show you my configuration.

Note. in Dashticz v3 "image:"is changed inyto "btnimage:"

buttons.webcam = { width: 4, isimage: true, refreshimage: 5000, refreshurl: 5000, btnimage: 'http://Domoticz ip:port/camsnapshot.jpg?idx=2?'}
IDX is depending of your domoticz configuration

[lotte3500]

My dashboard:

Capture.jpg (146.46 KiB) Viewed 3029 times

Also installed a tablet:

IMG_20200203_130221.jpg (54 KiB) Viewed 3029 times

CONFIG.js:

Spoiler: show

var config = {}
config['language'] = 'nl_NL';
config['domoticz_ip'] = 'http://172.57.56.105';
config['user_name'] = 'XXX';
config['pass_word'] = 'XXX';
config['app_title'] = 'Dashticz';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '3600';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen'
config['news_scroll_after'] = '15';
config['auto_positioning'] = 0;
//config['standard_graph'] = 'DAY';
config['no_rgb'] = 0;
config['last_update'] = 0;
config['hide_topbar'] = 1;
config['calendarlanguage'] = 'nl_NL';

//OpenWeather
config['owm_api'] ='XXX';
config['owm_city'] = 'Roermond';
config['owm_name'] = '';
config['owm_country'] = 'nl';
config['static_weathericons'] = 1;
config['owm_days'] = 1;
config['owm_lang'] = 'nl';
config['owm_min'] = 1;


//Garbage collector
config['dashticz_php_path'] = './vendor/dashticz/';
config['calendar_parse_localy']= 1;
config['garbage_company'] = 'mijnafvalwijzer';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = 'XXX';
config['garbage_street'] = 'XXX';
config['garbage_housenumber'] = '20';
config['garbage_housenumberadd'] = '';
config['garbage_maxitems'] = '5';
config['garbage_width'] = '12';
config['garbage_hideicon'] = 0;
config['garbage_use_names'] = true;
config['garbage_use_colors'] = false;
config['garbage_icon_use_colors'] = true;
config['garbage_use_cors_prefix'] = false;
config['garbage'] = {
gft: {kliko: 'grey', code: '#375b23', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
pmd: {kliko: 'orange', code: '#db5518', name: 'Plastic', icon: 'img/garbage/kliko_orange.png'},
rest: {kliko: 'grey', code: '#5e5d5c', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
papier: {kliko: 'blue', code: '#153477', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
kca: {kliko: 'red', code: '#b21807', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
kerstboom: {kliko: 'green', code: '#5e5d5c', name: 'Kerstboom', icon: 'img/garbage/tree.png'}
};

var buttons = {}
buttons.buienradar = {width:12, isimage:true, refreshimage:60000, btnimage: 'http://api.buienradar.nl/image/1.0/RadarMapNL$
buttons.log = {key:'log', width:12, icon:'fas fa-file-alt', title: 'Domoticz Log', log:true, level: 2}
buttons.domoticz1 = { width:3, isimage:true, refresh:5000, btnimage: 'http://172.57.56.51/dashticz/img/favicon/favicon-96x$


var blocks = {}

blocks[994] = {}
blocks[994]['title'] = 'TV';
blocks[994]['hide_data'] = true;

blocks[1060] = {}
blocks[1060]['title'] = 'Keuken';
blocks[1060]['hide_data'] = true;

blocks[995] = {}
blocks[995]['title'] = 'Eettafel';
blocks[995]['hide_data'] = true;

blocks[1072] = {}
blocks[1072]['title'] = 'Buiten';
blocks[1072]['hide_data'] = true;

blocks[70] = {}
blocks[70]['title'] = 'Aqua dag';
blocks[70]['hide_data'] = true;

blocks[71] = {}
blocks[71]['title'] = 'Aqua nacht';
blocks[71]['hide_data'] = true;

blocks[51] = {}
blocks[51]['title'] = 'Hal';
blocks[51]['hide_data'] = true;

blocks[1419] = {}
blocks[1419]['title'] = 'Stofzuiger';
blocks[1419]['image'] = '../img/mi_robot.svg';
blocks[1419]['hide_data'] = true;
blocks[1419]['width'] = 12;

blocks['s2']['hide_data'] = true;
blocks['s2']['image'] = '../img/tv.png';

blocks[986] = {}
blocks[986]['title'] = 'Computer';
blocks[986]['last_update'] = false;

blocks[1008] = {}
blocks[1008]['title'] = 'Manual';
blocks[1008]['last_update'] = false;



blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';

//temperaturen
blocks[435] = {}
blocks[435]['title'] = 'Woonkamer';
blocks[435]['width'] = 3;

blocks[429] = {}
blocks[429]['title'] = 'Buiten';
blocks[429]['width'] = 3;

blocks[722] = {}
blocks[722]['title'] = 'Slaapkamer';
blocks[722]['width'] = 3;

blocks[885] = {}
blocks[885]['title'] = 'Garage';
blocks[885]['width'] = 3;

blocks[1400] = {}
blocks[1400]['title'] = 'Babykamer';
blocks[1400]['width'] = 3;

blocks[746] = {}
blocks[746]['title'] = 'Gastenkamer';
blocks[746]['width'] = 3;

blocks[842] = {}
blocks[842]['title'] = 'WC';
blocks[842]['width'] = 3;


//slimme meter
//P1 energie
blocks[1238] = {}
blocks[1238]['width'] = 6;

//P1 gas
blocks[1248] = {}
blocks[1248]['width'] = 6;

blocks['graph_1238'] = {
title: 'Stroom',
graph: ['bar'],
custom : {
"Week": {
range: 'month',
filter: '7 days',
data: {
usage: 'd.v+d.v2'
}
},
"24 uur": {
range: 'day',
filter: '24 hours',
data: {
usage: 'd.v+d.v2'
},
graph: 'line',
},
"Maand": {
range: 'year',
filter: '1 months',
data: {
usage: 'd.v+d.v2'
}
},
"Jaar": {
range: 'year',
filter: '12 months',
data: {
usage: 'd.v+d.v2'
}
},
},
datasetColors:['lightblue'],
width: 6,
height: '300px'
}

blocks['graph_1248'] = {
graph: 'bar',
title: 'Gas',
custom : {
"Week": {
range: 'month',
filter: '7 days',
data: {
usage: 'd.v'
}
},
"24 uur": {
range: 'day',
filter: '24 hours',
data: {
usage: 'd.v'
},
graph: 'line'
},
"Maand": {
range: 'year',
filter: '1 months',
data: {
usage: 'd.v'
}
},
"Jaar": {
range: 'year',
filter: '12 months',
data: {
usage: 'd.v'
},
},

},
datasetColors:['lightblue'],
width: 6,
height: '300px'
}

blocks[357] = {}
blocks[357]['title'] = 'Zonnewering';
blocks[357]['hide_stop'] = true;

var columns = {}

columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1',994,1060,995,1072,51,'s2',1419,986,357,70,71,buttons.domoticz1,1008]
columns[1]['width'] = 4;

columns[2] = {}
columns[2]['blocks'] = ['weather_owm',435,429,722,885,1400,746,'842_1','graph_1238', 'graph_1248']
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,'garbage',buttons.log,'1238_1', '1248_1']
columns[3]['width'] = 3;


var screens = {}
screens[1] = {}
screens[1]['columns'] = [1,2,3]

There is only one thing I am not happy about at the moment. With the graphs, when I select 'Year' I want to have the values summed by month, now it shows per day (see the right graph 'Gas' above). Does anyone have an idea on how to accomplish that?

[HansieNL]

@lotte3500 Your OWM API key is visible in your CONFIG.js !!!

[lotte3500]

@lotte3500 Your OWM API key is visible in your CONFIG.js !!!

Thanks! just removed it

[edwin1234]

does someone know why i only see the graphs in my first screen and in the other screens only the device value?
here is the config:


//Definition of blocks
blocks = {}

blocks['myblocktitle'] = {
type: 'blocktitle',
title: 'verlichting'
}
//====titel boven bloks=====
blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Sensoren';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Verbruik';

//====this shows only hours,day,month in graph=========
config['standard_graph'] = 'day';

var columns = {}


columns[2] = {
blocks : ['myblocktitle' , 12, 11, 15, 14, 18, 9,], //zet de titel boven schakelaars
width: 4
}

//--- Screen 1 ---
columns[1] = {
blocks : ['blocktitle_2','graph_9','graph_18',],
width: 4
}

var screens = {}

screens[1] = {}

columns[3] = {
blocks : ['blocktitle_3' , 78, 79, 80, 82, 62,16,],
width: 4
}

//==== soort grafiek bars of points =====
blocks['graph_9'] = {
graph: 'bar',
datasetColors: ['yellow'],
legend:true
}

blocks[120] = {
width: 12
}

var screens = {}
screens['default'] = {}
screens['default']['maxwidth'] = 1920;
screens['default']['maxheight'] = 1080;

screens['default'][1] = {}
screens['default'][1]['background'] = 'bg0.jpg';
screens['default'][1]['columns'] = [1,2,3]

screens['default'][2] = {}
screens['default'][2]['background'] = 'bg9.jpg';
screens['default'][2]['columns'] = [1,]

screens['default'][3] = {}
screens['default'][3]['background'] = 'bg9.jpg';
screens['default'][3]['columns'] = [1,2,]

screens['default'][4] = {}
screens['default'][4]['background'] = 'bg9.jpg';
screens['default'][4]['columns'] = [2,]

screens['tablet'] = {}
screens['tablet']['maxwidth'] = 1024;
screens['tablet']['maxheight'] = 768;
screens['tablet'][1] = {}
screens['tablet'][1]['background'] = 'bg9.jpg';
screens['tablet'][1]['columns'] = [1]

screens['tablet'][2] = {}
screens['tablet'][2]['background'] = 'bg9.jpg';
screens['tablet'][2]['columns'] = [2]

screens['phone'] = {}
screens['phone']['maxwidth'] = 750;
screens['phone']['maxheight'] = 1334;
screens['phone'][1] = {}
screens['phone'][1]['background'] = 'bg0.jpg';
screens['phone'][1]['columns'] = [1]

screens['phone'][2] = {}
screens['phone'][2]['background'] = 'bg0.jpg';
screens['phone'][2]['columns'] = [3]

screens['phone'][3] = {}
screens['phone'][3]['background'] = 'bg0.jpg';
screens['phone'][3]['columns'] = [2]

[Lokonli]

does someone know why i only see the graphs in my first screen and in the other screens only the device value?
here is the config:


//Definition of blocks
blocks = {}

blocks['myblocktitle'] = {
type: 'blocktitle',
title: 'verlichting'
}
//====titel boven bloks=====
blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Sensoren';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Verbruik';

//====this shows only hours,day,month in graph=========
config['standard_graph'] = 'day';

var columns = {}


columns[2] = {
blocks : ['myblocktitle' , 12, 11, 15, 14, 18, 9,], //zet de titel boven schakelaars
width: 4
}

//--- Screen 1 ---
columns[1] = {
blocks : ['blocktitle_2','graph_9','graph_18',],
width: 4
}

var screens = {}

screens[1] = {}

columns[3] = {
blocks : ['blocktitle_3' , 78, 79, 80, 82, 62,16,],
width: 4
}

//==== soort grafiek bars of points =====
blocks['graph_9'] = {
graph: 'bar',
datasetColors: ['yellow'],
legend:true
}

blocks[120] = {
width: 12
}

var screens = {}
screens['default'] = {}
screens['default']['maxwidth'] = 1920;
screens['default']['maxheight'] = 1080;

screens['default'][1] = {}
screens['default'][1]['background'] = 'bg0.jpg';
screens['default'][1]['columns'] = [1,2,3]

screens['default'][2] = {}
screens['default'][2]['background'] = 'bg9.jpg';
screens['default'][2]['columns'] = [1,]

screens['default'][3] = {}
screens['default'][3]['background'] = 'bg9.jpg';
screens['default'][3]['columns'] = [1,2,]

screens['default'][4] = {}
screens['default'][4]['background'] = 'bg9.jpg';
screens['default'][4]['columns'] = [2,]

screens['tablet'] = {}
screens['tablet']['maxwidth'] = 1024;
screens['tablet']['maxheight'] = 768;
screens['tablet'][1] = {}
screens['tablet'][1]['background'] = 'bg9.jpg';
screens['tablet'][1]['columns'] = [1]

screens['tablet'][2] = {}
screens['tablet'][2]['background'] = 'bg9.jpg';
screens['tablet'][2]['columns'] = [2]

screens['phone'] = {}
screens['phone']['maxwidth'] = 750;
screens['phone']['maxheight'] = 1334;
screens['phone'][1] = {}
screens['phone'][1]['background'] = 'bg0.jpg';
screens['phone'][1]['columns'] = [1]

screens['phone'][2] = {}
screens['phone'][2]['background'] = 'bg0.jpg';
screens['phone'][2]['columns'] = [3]

screens['phone'][3] = {}
screens['phone'][3]['background'] = 'bg0.jpg';
screens['phone'][3]['columns'] = [2]

Until recently it was only possible to show a graph only once. We are finalizing a big update of the graph module, in which this will be solved as well.

[edwin1234]

Ok ,
Thanks for your answer

[Vomera]

Does someone use the Meteo Alarm plugin on the dashticz ? Can you make a screenshot how it looks like.

I try to implement it, but just need some inspiration

[EdwinK]

Nothing special, just like this:

Screen Shot 2020-02-11 at 12.27.12.png (46.46 KiB) Viewed 2684 times

The exlmation mark is done with 'fas fa-exclamtion'

The colours change with each warning level.

Code: Select all

// Meteo Alarm
blocks[407] = {
icon: 	'fas fa-exclamation',
//title:	'Alarm Vandaag',
width: 6
}
blocks[408] = {
icon: 	'fas fa-exclamation',
//title:	'Alarm Morgen',
width: 6
}

[Vomera]

I got some inspiration



In config.js

Code: Select all

blocks[10922] = {} //Meteo Alarm Morgen
blocks[10922]['width'] = 6;
// blocks[10922]['switch'] = true;
blocks[10922]['hide_data'] = true;

in custom.js

Code: Select all

//  meteo alarm
function getStatus_10921(idx,value,device){
   if(device['Data']=="No Data"){
	$('div.block_10921').removeClass('warningyellow').removeClass('warningorange').removeClass('warningred');
    blocks['10921']['icon'] = 'far fa-thumbs-up';	     
	}
	// geen actie

	else if (device['Data']=="Rain-Flood(2)"){
    $('div.block_10921').addClass('warningyellow');
	blocks['10921']['icon'] = 'fas fa-water';
	blocks['10921']['title'] = 'Hoogwater waarschuwing';
	}
	
	else if (device['Data']=="Rain-Flood(3)"){
    $('div.block_10921').addClass('warningorange');
	blocks['10921']['icon'] = 'fas fa-water';
	blocks['10921']['title'] = 'Hoogwater waarschuwing';
	}
	
	else if (device['Data']=="Rain-Flood(4)"){
    $('div.block_10921').addClass('warningred');
	blocks['10921']['icon'] = 'fas fa-water';
	blocks['10921']['title'] = 'Hoogwater waarschuwing';
	}
}

In domoticz



The only thing i want to get is to hide the rain-flood(2) message. Normal you can do it with the hide_data function, but it doesnt work. Maybe because its a "text" subtype in domoticz?


edit:

I got it to manage it in custom.css

Code: Select all

.block_10921 .value {
color: transparent !important;
}

[EdwinK]

Looks nice.

[Vomera]

This is version 3.2.0, working on the 3.4.0, but there are some issue's that i'm working on

[Vomera]

Looks nice.

Tnx the color changes also. When its wind(2) its yellow, wind(3) its orange and wind(4) is red.

[edwin1234]

I have set my bar graph color to yellow in the config file

blocks['graph_6'] = {
graph: 'bar',
datasetColors: ['yellow']
}

but the bar graph stays white.
Do i have to change something else?