Domoticz

Open source Home Automation System
https://forum.domoticz.com/

Dashticz v3.7.3 beta

https://forum.domoticz.com/viewtopic.php?t=35333

Page 3 of 5

Re: Dashticz v3.7.3 beta

Posted: Friday 29 January 2021 7:29
by Chris12
HansieNL wrote: Thursday 28 January 2021 18:15 @Chris12 As far as I know you can add a tab before the config lines you don’t want to be deleted.
Yes indeed this is working as a workarround! Thanks 8-)

Re: Dashticz v3.7.3 beta

Posted: Friday 29 January 2021 9:13
by pvklink
Is it possible that for example when my page becomes 1 pixel longer and it becomes too long. the swipers dissapear en vertical scrolling appears?
I will check it this weekend...

Re: Dashticz v3.7.3 beta

Posted: Friday 29 January 2021 9:51
by Lokonli
You can prevent that the vertical scrolbar appears by adding:
config['vertical_scroll'] = 0;

But this should have no effect on swiper. So I still don't understand why the swiper disappears.
I'll add some debug functionality

Re: Dashticz v3.7.3 beta

Posted: Friday 29 January 2021 17:53
by pvklink
ok, so i must do a git pull ?

Re: Dashticz v3.7.3 beta

Posted: Friday 29 January 2021 17:55
by Lokonli
With git pull you will receive the latest improvements, but not related to your issue. (I need some more time to implement the debug functionality. I'll give a trigger when it's ready)

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 10:49
by pvklink
hi @lokonli, solved it...

Had two problems:
1. new vertical scrolling
2. no swiper

Ad1. i had to adjust some heights of blocks so it fits. I thing because of changes on some specials, the heights are changed...
ad2. the problem with the slider is solved.
On my screen 6 /7 i show my cams. In the previous beta i could center this cam my
columns['dummy'] = {width: 1} and
screens['tablet'][6] = {background: 'bg1.jpg', columns: ['dummy','video1']}
columns['video1'] = {blocks: [buttons.webcam3], width: 10}

I removed the 'dummy' et voila..
I only need a new way to center my cam in the column

Code: Select all

// KOLOMMEN
var columns = {}
columns['home1'] = {blocks: ['currentweather_big_owm','weather_owm',1163,1303,'2103_1','garbage','2242_1'], width: 6}					
columns['home2'] = {blocks: ['dvfam',1474,1476,1477,1480,1482,1475,1479,1481], width: 6}							

columns['sec1'] = {blocks: ['secpanel'], width: 4}
columns['sec2'] = {blocks: [2247,1780,153,985,2197,2087,1362,86,15,2250,1013,991,994,1470,1002,259,997], width: 8}	

columns['sensor1'] = {blocks: ['t_observatie_tv_devices',1793,1794,1792,2065,1791,2045,'t_observatie_sensoren',1795,1800,1799,1801,1805,1782,2226,2225,152,1484,1180,1182,1776,1752,2009,2010,2011,2061], width: 6}	
columns['sensor2'] = {blocks: ['t_observatie_mobiele_devices',1783,1809,1808,2044,'t_observatie_sensoren',1796,1797,1798,1802,1804,1803,2062,2063,2064,2105,2107,2244,2237,2248,2249,2205], width: 6}					

columns['media1'] = {blocks: [353,354,134,139,1012,1005,1464,1466,1457,1468,1461,1465], width: 6}							
columns['media2'] = {blocks: [publictransport.ovinfotrain,publictransport.ovinfotram,,tvguide.dutch],width: 6}		// 'chromecast'

columns['irrigatie'] = {blocks: [969,1190,1364,973,1192,1365,1189,1191,1366,1267,1268,1367,1601,1580,1581,1604,1606,1607], width: 12}			

columns['video1'] = {blocks: [buttons.webcam3], width: 10}													
columns['video2'] = {blocks: [buttons.webcam4], width: 10}	
columns['dummy']  = {width: 1}	

// SCHERMEN
var screens =	{}
screens['default']	= {maxwidth: 1920, maxheight: 1080}
screens['default']	= {maxwidth: 3840, maxheight: 2160}
screens['default'][1]	= {background: 'bg1.jpg', columns: ['home1','home2']}		
screens['default'][2]	= {background: 'bg1.jpg', columns: ['sec1','sec2']}
screens['default'][3]	= {background: 'bg1.jpg', columns: ['media1','media2']}	
screens['default'][3]	= {background: 'bg1.jpg', columns: ['irrigatie']}		
screens['default'][4]	= {background: 'bg1.jpg', columns: ['sensor1','sensor2']}
screens['default'][6]	= {background: 'bg1.jpg', columns: ['video1']}			
screens['default'][7]	= {background: 'bg1.jpg', columns: ['video2']}		

screens['tablet']	= {maxwidth: 1024,maxheight: 768}
screens['tablet'][1]	= {background: 'bg1.jpg', columns: ['home1','home2']}		
screens['tablet'][2]	= {background: 'bg1.jpg', columns: ['sec1','sec2']}
screens['tablet'][3]	= {background: 'bg1.jpg', columns: ['media1','media2']}
screens['tablet'][4]	= {background: 'bg1.jpg', columns: ['irrigatie']}
screens['tablet'][5]	= {background: 'bg1.jpg', columns: ['sensor1','sensor2']}
//screens['tablet'][6]	= {background: 'bg1.jpg', columns: ['dummy','video1']}			
//screens['tablet'][7]	= {background: 'bg1.jpg', columns: ['dummy','video2']}		
screens['tablet'][6]	= {background: 'bg1.jpg', columns: ['video1']}			
screens['tablet'][7]	= {background: 'bg1.jpg', columns: ['video2']}

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 11:08
by Lokonli
Excellent! I'm happy you soved it.

For the first problem: Yes, there are some minor (?) size changes. The CSS styling is a bit of spaghetti, and not always compatible with iOS. With standardizing the popup windows, I had to update the CSS styling on several places as well.

For the second problem:
The issue is that columns without the block parameter currently are not supported. I'll fix this in a future update (combined with the improved error handling ...)

As a workaround, add the blocks parameter:

Code: Select all

columns['dummy']  = {
	width: 1;
	blocks: []
}

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 17:37
by pvklink
Thanks lokonli,the workaround works!

Next time i will update and test the cams part, i have a cheap (9 euro) and a more expensive cam (150 euro). that i lke to use with your new cam setup.
Problem with these cams is that you have to login manual, because autom. via the commandline is not working.
Domitcz itself and the domoticz app do work with my cams and the stored passwords...
I will open a new post for this...

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 22:17
by jake
Between 3.72 and 3.73 the garbage block is displaying incorrect information, both type of garbage and pickup dates. I simply backed up 3.72 and pulled 3.73. I can switch back and forth betwen both versions, between good and bad garbage information.

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 22:38
by Lokonli
Can you post your garbage block?
How did you add it to a column?

Re: Dashticz v3.7.3 beta

Posted: Saturday 30 January 2021 23:36
by jake
blocks['mygarbage'] = {
company: 'hvc',
zipcode: '3317rg',
street: 'Piersonstraat',
housenumber: 22,
maxitems: 3,
hideicon: false,
width: 6,
use_names: true,
use_colors: true,
icon_use_colors: false
}

config['garbage_mapping'] = {
rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
kca: ['chemisch', 'kca','kga'],
brown: ['brown', 'verre'],
black: ['black', 'zwart'],
milieu: ['milieu'],
kerstboom: ['kerst'],
};


config['garbage'] = {
gft: {kliko: 'green', code: '#32cd32', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
pmd: {kliko: 'orange', code: '#F1C300', name: 'Plastic', icon: 'img/garbage/kliko_orange.png'},
rest: {kliko: 'grey', code: '#ffffff', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
papier: {kliko: 'blue', code: '#38c7ff', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
kca: {kliko: 'red', code: '#b21807', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
brown: {kliko: 'brown', code: '#7c3607', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
black: {kliko: 'black', code: '#000000', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
milieu: {kliko: 'yellow', code: '#f9e231', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
kerstboom: {kliko: 'green', code: '#375b23', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 17:55
by pvklink
Hi, i also tried to convert my garbage setup.
It works ok, except the block height does not work anymore

Code: Select all

//config['garbage_company'] = 'avalex';
//config['garbage_icalurl'] = '';
//config['google_api_key'] = '';
//config['garbage_calendar_id'] = '';
//config['garbage_zipcode'] = 'xxxxx';
//config['garbage_street'] = 'xxxx';
//config['garbage_housenumber'] = 'xx';
//config['garbage_housenumberadd'] = '';
//config['garbage_maxitems'] = '12';
//config['garbage_width'] = '6';
//config['garbage_use_colors'] = 1;
//config['garbage_use_names'] = 1;
//config['garbage_icon_use_colors'] = 1;
//config['garbage_hideicon'] = 0;
//config['garbage_use_cors_prefix'] = 1;

config['garbage_mapping'] = {
    rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
    gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
    pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
    papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
    kca: ['chemisch', 'kca','kga'],
    brown: ['brown', 'verre'],
    black: ['black', 'zwart'],
    milieu: ['milieu'],
    kerstboom: ['kerst'],
};

config['garbage'] = {
    gft: {kliko: 'green', code: '#FFFFFF', name: 'GFT (groene bak)', icon: 'img/garbage/kliko_green.png'},
    pmd: {kliko: 'orange', code: '#FFFFFF', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
    rest: {kliko: 'grey', code: '#FFFFFF', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
    papier: {kliko: 'blue', code: '#FFFFFF', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
    kca: {kliko: 'red', code: '#FFFFFF', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
    brown: {kliko: 'brown', code: '#FFFFFF', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
    black: {kliko: 'black', code: '#FFFFFF', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
    milieu: {kliko: 'yellow', code: '#FFFFFF', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
    kerstboom: {kliko: 'green', code: '#FFFFFF', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

blocks['mygarbage'] =	
	{
	icalurl: '',
	google_api_key:'',
	garbage_calendar_id: '',
	garbage_use_colors: 1,
	garbage_use_names: 1,
	garbage_icon_use_colors: 1,
	garbage_hideicon: 0,
	garbage_use_cors_prefix: 1,
	company: 'avalex',
	zipcode: 'xxxxx',
	street: 'xxxxx',
  	housenumber: 31,
	 housenumberadd: '',
	maxitems: 12,
	width: 9
	}

columns['home1'] = {blocks: ['currentweather_big_owm','weather_owm',1163,1303,'2103_1','mygarbage','2242_1'], width: 6}
CSS

Code: Select all


/* old code}
div[data-id='garbage'] {height: 100px;width: 298px;}
div[data-id='garbage'] .items {height: 100%;overflow-y: auto;} */

/* new code */
[data-id='mygarbage'].garbage
.garbage {height: 100px;width: 280px;}
.garbage .items {height: 100%;overflow-y: auto;}

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 20:05
by Lokonli
jake wrote: Saturday 30 January 2021 23:36 blocks['mygarbage'] = {
company: 'hvc',
zipcode: '3317rg',
street: 'Piersonstraat',
housenumber: 22,
maxitems: 3,
hideicon: false,
width: 6,
use_names: true,
use_colors: true,
icon_use_colors: false
}

config['garbage_mapping'] = {
rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
kca: ['chemisch', 'kca','kga'],
brown: ['brown', 'verre'],
black: ['black', 'zwart'],
milieu: ['milieu'],
kerstboom: ['kerst'],
};


config['garbage'] = {
gft: {kliko: 'green', code: '#32cd32', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
pmd: {kliko: 'orange', code: '#F1C300', name: 'Plastic', icon: 'img/garbage/kliko_orange.png'},
rest: {kliko: 'grey', code: '#ffffff', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
papier: {kliko: 'blue', code: '#38c7ff', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
kca: {kliko: 'red', code: '#b21807', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
brown: {kliko: 'brown', code: '#7c3607', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
black: {kliko: 'black', code: '#000000', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
milieu: {kliko: 'yellow', code: '#f9e231', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
kerstboom: {kliko: 'green', code: '#375b23', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};
I forgot to remove my debug code. You received the collections dates for Rova :roll:

It has been fixed.

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 20:11
by jake

Lokonli wrote: I forgot to remove my debug code. You received the collections dates for Rova :roll:

It has been fixed.
That did the trick. I'll take the garbage back inside :-)

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 20:17
by Lokonli
pvklink wrote: Sunday 31 January 2021 17:55 Hi, i also tried to convert my garbage setup.
It works ok, except the block height does not work anymore

Code: Select all

//config['garbage_company'] = 'avalex';
//config['garbage_icalurl'] = '';
//config['google_api_key'] = '';
//config['garbage_calendar_id'] = '';
//config['garbage_zipcode'] = 'xxxxx';
//config['garbage_street'] = 'xxxx';
//config['garbage_housenumber'] = 'xx';
//config['garbage_housenumberadd'] = '';
//config['garbage_maxitems'] = '12';
//config['garbage_width'] = '6';
//config['garbage_use_colors'] = 1;
//config['garbage_use_names'] = 1;
//config['garbage_icon_use_colors'] = 1;
//config['garbage_hideicon'] = 0;
//config['garbage_use_cors_prefix'] = 1;

config['garbage_mapping'] = {
    rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
    gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
    pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
    papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
    kca: ['chemisch', 'kca','kga'],
    brown: ['brown', 'verre'],
    black: ['black', 'zwart'],
    milieu: ['milieu'],
    kerstboom: ['kerst'],
};

config['garbage'] = {
    gft: {kliko: 'green', code: '#FFFFFF', name: 'GFT (groene bak)', icon: 'img/garbage/kliko_green.png'},
    pmd: {kliko: 'orange', code: '#FFFFFF', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
    rest: {kliko: 'grey', code: '#FFFFFF', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
    papier: {kliko: 'blue', code: '#FFFFFF', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
    kca: {kliko: 'red', code: '#FFFFFF', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
    brown: {kliko: 'brown', code: '#FFFFFF', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
    black: {kliko: 'black', code: '#FFFFFF', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
    milieu: {kliko: 'yellow', code: '#FFFFFF', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
    kerstboom: {kliko: 'green', code: '#FFFFFF', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

blocks['mygarbage'] =	
	{
	icalurl: '',
	google_api_key:'',
	garbage_calendar_id: '',
	garbage_use_colors: 1,
	garbage_use_names: 1,
	garbage_icon_use_colors: 1,
	garbage_hideicon: 0,
	garbage_use_cors_prefix: 1,
	company: 'avalex',
	zipcode: 'xxxxx',
	street: 'xxxxx',
  	housenumber: 31,
	 housenumberadd: '',
	maxitems: 12,
	width: 9
	}

columns['home1'] = {blocks: ['currentweather_big_owm','weather_owm',1163,1303,'2103_1','mygarbage','2242_1'], width: 6}
CSS

Code: Select all


/* old code}
div[data-id='garbage'] {height: 100px;width: 298px;}
div[data-id='garbage'] .items {height: 100%;overflow-y: auto;} */

/* new code */
[data-id='mygarbage'].garbage
.garbage {height: 100px;width: 280px;}
.garbage .items {height: 100%;overflow-y: auto;}
Try the following:

Code: Select all

.garbage {height: 100px;width: 280px;}
.garbage .dt_state { height: 100%; overflow-y: auto}

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 21:07
by pvklink
that did not work

[data-id='mygarbage'].garbage
.garbage {height: 220px;width: 280px;}
.garbage .dt_state { height: 100%; overflow-y: auto}

@update when i remove this line that was already there
[data-id='mygarbage'].garbage

it works, so:
.garbage {height: 220px;width: 280px;}
.garbage .dt_state { height: 100%; overflow-y: auto}

Re: Dashticz v3.7.3 beta

Posted: Sunday 31 January 2021 22:36
by Krenstik
HI,

the updated dial is really nice, but some of the dials change size, but I don´t know why, especially if on page one is weather and not he page two is weather o.k. but temp. dials are bigger....
Snímek obrazovky 2021-01-31 223455.jpg
Snímek obrazovky 2021-01-31 223455.jpg (398.13 KiB) Viewed 1856 times

Re: Dashticz v3.7.3 beta

Posted: Monday 01 February 2021 8:34
by pvklink
Ok, this time no problems.

I converted and used some specials incl styling
- garbage
- 112
- Calendar

And no problems, next: using blocks for CAMS...

Re: Dashticz v3.7.3 beta

Posted: Monday 01 February 2021 9:10
by Lokonli
Krenstik wrote: Sunday 31 January 2021 22:36 HI,

the updated dial is really nice, but some of the dials change size, but I don´t know why, especially if on page one is weather and not he page two is weather o.k. but temp. dials are bigger....
Snímek obrazovky 2021-01-31 223455.jpg
Can it be that a vertical scroll bar appears?

Dials automatically resize to the block width. If during screen build up a vertical scroll bar appears, then the blocks are a little bit smaller, resulting in a reduced height of the dial as well. Normally dials are only resized after a new device update (with new data) is received from Domoticz.

So that could explain that blocks could become a little bit smaller after a while.

In latest beta I've removed the auto resize functionality of the dials.

Can you test whether this solves your issue?

(I noticed that there might be small difference in dial height in case the dials are not part of the same column)

Re: Dashticz v3.7.3 beta

Posted: Monday 01 February 2021 18:19
by Luxtux
Hey,

I updated to the latest beta and my garbage calendar became blank. i dont see any network traffic going to the ical callendar url. This config below has worked for months. any idea?

Code: Select all

blocks['Rubbish'] = {
	company: 'ical',
	icalurl: 'https://www.vdl.lu/fr/vivre/domicile-au-quotidien/collecter-et-trier-ses-dechets/calendrier-des-collectes-new/357/all/ical.ics',
	maxitems: 5,
	width: 6,
	use_names: true,
	use_colors: false,
	icon_use_colors: true,
	use_cors_prefix: true,
	date_separator: '-',
	layout: 1,
	mapping : {
    	gft: 'Verre',
		pmd: 'valorlux',
		papier: 'papier',
		brown: 'alimentaires',
		black: 'résiduels'
	},
	garbage : {
		gft: {
			kliko: 'green',
			code: '#375b23',
			name: 'Glass',
			icon: 'img/garbage/kliko_green.svg'
		},
		pmd: {
			kliko: 'orange',
			code: '#db5518',
			name: 'Valorlux',
			icon: 'img/garbage/valorlux.svg'
		},
		papier: {
			kliko: 'blue',
			code: '#153477',
			name: 'Paper',
			icon: 'img/garbage/kliko_blue.svg'
		},
		brown: {
			kliko: 'brown',
			code: '#7c3607',
			name: 'Bio',
			icon: 'img/garbage/kliko_brown.svg'
		},
		black: {
			kliko: 'grey',
			code: '#000000',
			name: 'Household Waste',
			icon: 'img/garbage/kliko_black.svg'
		}
	}
}
All times are UTC+01:00
Page 3 of 5

Powered by phpBB® Forum Software © phpBB Limited