Dashticz v3.7.3 beta Topic is solved

[Chris12]

@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

[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...

[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

[pvklink]

ok, so i must do a git pull ?

[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)

[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']}	

[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: []
}

[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...

[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.

[Lokonli]

Can you post your garbage block?
How did you add it to a column?

[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'},
};

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

[Lokonli]

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

It has been fixed.

[jake]

I forgot to remove my debug code. You received the collections dates for Rova

It has been fixed.

That did the trick. I'll take the garbage back inside

[Lokonli]

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}

[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}

[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 (398.13 KiB) Viewed 1465 times

[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...

[Lokonli]

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)

[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'
		}
	}
}