Dashticz v3.2.0 beta

[Lokonli]

I've just pushed v3.2.0 beta to Github.

Before updating read the release notes:
https://dashticz.readthedocs.io/en/beta ... s.html#id1

and upgrade instructions:
https://dashticz.readthedocs.io/en/beta ... ial-blocks

Most important: For your buttons you have to rename your image parameter from 'image' to 'btnimage'

Main change:
* Standardization of the html template for special blocks.

Other changes:
* Enable swiper for mobile devices
* Update to swiper 5.2.0
* Bundle most external dependencies (webpack, babel, package.json)

Fixes
* Calendar: Improved handling for recurring events
* Blinds: Fix for custom icons

You can update to this version with:

Code: Select all

	git checkout beta
	git pull

Update:
The Chromecast module contains a bug and is temporarily disabled.

Update 2:
The swiper functionality has been updated. Two config settings have been added to control swiping and scrolling behavior:

Code: Select all

config['vertical_scroll'] = 2;
config['enable_swiper'] = 2;

See https://dashticz.readthedocs.io/en/beta ... ation.html

This should solve most of the issues with the new swiper component.

[EdwinK]

I only get the dashticz v3 is loading thingy, then everything went black

Update: I'ts working again. Needs to do some changes though.

[jake]

I updated as well and after this:

the weather icons are not showing anymore and the buienradar button doesn't show the picture anymore (the previous version 3.1.2 worked fine):

By using the developer mode in Chrome:

Uncaught ReferenceError: Skycons is not defined
at eval (eval at globalEval (bundle.js:202), <anonymous>:1:15)
at eval (<anonymous>)
at Function.globalEval (bundle.js:202)
at domManip (bundle.js:213)
at jQuery.fn.init.append (bundle.js:213)
at jQuery.fn.init.<anonymous> (bundle.js:213)
at access (bundle.js:213)
at jQuery.fn.init.html (bundle.js:213)
at HTMLDivElement.eval (eval at globalEval (bundle.js:202), <anonymous>:138:54)
at Function.each (bundle.js:202)

RadarMapNL:1 Failed to load resource: the server responded with a status of 404 (Not Found)

[Lokonli]

I updated as well and after this:

the weather icons are not showing anymore and the buienradar button doesn't show the picture anymore (the previous version 3.1.2 worked fine):

By using the developer mode in Chrome:

Uncaught ReferenceError: Skycons is not defined
at eval (eval at globalEval (bundle.js:202), <anonymous>:1:15)
at eval (<anonymous>)
at Function.globalEval (bundle.js:202)
at domManip (bundle.js:213)
at jQuery.fn.init.append (bundle.js:213)
at jQuery.fn.init.<anonymous> (bundle.js:213)
at access (bundle.js:213)
at jQuery.fn.init.html (bundle.js:213)
at HTMLDivElement.eval (eval at globalEval (bundle.js:202), <anonymous>:138:54)
at Function.each (bundle.js:202)

RadarMapNL:1 Failed to load resource: the server responded with a status of 404 (Not Found)

For the button probably you have to rename the image parameter to btnimage

I'll check the skycons

[Lokonli]

I updated as well and after this:

the weather icons are not showing anymore and the buienradar button doesn't show the picture anymore (the previous version 3.1.2 worked fine):

By using the developer mode in Chrome:

Uncaught ReferenceError: Skycons is not defined
at eval (eval at globalEval (bundle.js:202), <anonymous>:1:15)
at eval (<anonymous>)
at Function.globalEval (bundle.js:202)
at domManip (bundle.js:213)
at jQuery.fn.init.append (bundle.js:213)
at jQuery.fn.init.<anonymous> (bundle.js:213)
at access (bundle.js:213)
at jQuery.fn.init.html (bundle.js:213)
at HTMLDivElement.eval (eval at globalEval (bundle.js:202), <anonymous>:138:54)
at Function.each (bundle.js:202)

RadarMapNL:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Somehow only the static weather icons are working. Temporarily you could add the following to CONFIG.js:

config['static_weathericons'] = 1;

[pvklink]

After upgrade
all my 4 pages are one long vertical page and no swiping buttons

[Lokonli]

I updated as well and after this:

the weather icons are not showing anymore and the buienradar button doesn't show the picture anymore (the previous version 3.1.2 worked fine):

By using the developer mode in Chrome:

Uncaught ReferenceError: Skycons is not defined
at eval (eval at globalEval (bundle.js:202), <anonymous>:1:15)
at eval (<anonymous>)
at Function.globalEval (bundle.js:202)
at domManip (bundle.js:213)
at jQuery.fn.init.append (bundle.js:213)
at jQuery.fn.init.<anonymous> (bundle.js:213)
at access (bundle.js:213)
at jQuery.fn.init.html (bundle.js:213)
at HTMLDivElement.eval (eval at globalEval (bundle.js:202), <anonymous>:138:54)
at Function.each (bundle.js:202)

RadarMapNL:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Somehow only the static weather icons are working. Temporarily you could add the following to CONFIG.js:

config['static_weathericons'] = 1;

Skycons have been fixed.

[Lokonli]

After upgrade
all my 4 pages are one long vertical page and no swiping buttons

What kind of device do you have and which browser are you using?

[pvklink]

I use my dashticz on a rpi 3b with the latest buster and latest beta of domoticz and dashticz

On my pc i use chrome and i also tried edge..

I clear the cache and after that nothing works anymore...

i get Dashticz v3 is loading...
no errors nothing...

i also tried
1. cd /home/pi
2. git clone https://github.com/Dashticz/dashticz dashticz --branch beta
3. copied my custom folder back

no screen, only loading

[jake]

@Lokonli Nice, both issues solved, the weather icons by a 'git pull', the buienradar by changing image to btnimage. Shall I update the wiki for this image thing? I guess this is a recent design change that forces everybody to upgrade their CONFIG.js?

[Lokonli]

@Lokonli Nice, both issues solved, the weather icons by a 'git pull', the buienradar by changing image to btnimage. Shall I update the wiki for this image thing? I guess this is a recent design change that forces everybody to upgrade their CONFIG.js?

That was the goal of the link in the first post to the upgrade instructions ...

The wiki is not maintained anymore.

[Lokonli]

I use my dashticz on a rpi 3b with the latest buster and latest beta of domoticz and dashticz

On my pc i use chrome and i also tried edge..

I clear the cache and after that nothing works anymore...

i get Dashticz v3 is loading...
no errors nothing...

i also tried
1. cd /home/pi
2. git clone https://github.com/Dashticz/dashticz dashticz --branch beta
3. copied my custom folder back

no screen, only loading

If you press F12 to open the Developer Window do you see any error on the console tab?

[pvklink]

see attachment..

i do have a working copy 3.1

[Lokonli]

In v3.2.0 most dependencies are bundles into bundle.js. I see somehow the files still are requested, which should not happen.

It seems you have an old index.html. Did you try to refresh the cache?

or:
How did you install Dashticz? Which www server are you using?

[pvklink]

i first did a git pulll...

that did not wend ok..
after that i renamed the folder to old and then
cd /home/pi
2. git clone https://github.com/Dashticz/dashticz dashticz --branch beta
3. copied my custom folder back and indead an old index file !

Can i
1. rename the folder again to old2
do another git clone https://github.com/Dashticz/dashticz dashticz --branch beta
and only copy the custom folder ?

[Lokonli]

i first did a git pulll...

that did not wend ok..
after that i renamed the folder to old and then
cd /home/pi
2. git clone https://github.com/Dashticz/dashticz dashticz --branch beta
3. copied my custom folder back and indead an old index file !

Can i
1. rename the folder again to old2
do another git clone https://github.com/Dashticz/dashticz dashticz --branch beta
and only copy the custom folder ?

That should work I guess.

[pvklink]

Ok, i solved almost everything!
i did a git pull and after that my screen was a chaos.
so i did a new install etc. etc... and copied the old custom files back, and again a chaos screen!

i enabled column by columns (4 pages) and...

i had one line with 'chromecast' in it...I did not use this anymore and removed the plugin longtime ago in domoticz because it was unstable
it was still in the column line and with 3.1 this is no problem, but with 3.2 all kind of switches are missing ...
columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,'chromecast','streamplayer',1749,1750,1473]

[HansieNL]

Ok, i solved almost everything!
i did a git pull and after that my screen was a chaos.
so i did a new install etc. etc... and copied the old custom files back, and again a chaos screen!

i enabled column by columns (4 pages) and...

i had one line with 'chromecast' in it...I did not use this anymore and removed the plugin longtime ago in domoticz because it was unstable
it was still in the column line and with 3.1 this is no problem, but with 3.2 all kind of switches are missing ...
columns[7]['blocks'] = [publictransport.ovinfotrain,publictransport.ovinfotram,tvguide.dutch,'chromecast','streamplayer',1749,1750,1473]

Does your custom.js contains these lines?

Code: Select all

function afterGetDevices(){	
}

function getExtendedBlockTypes(blocktypes){
	//blocktypes.Type['Lighting 2'] = { icon: 'fa fa-lightbulb-o', title: '<Name>', value: 'ds' }
	return blocktypes;
} 

[pvklink]

This is my js file, so YES !

Code: Select all

// add custom javascript in here
// http://192.168.20.35:82/json.htm?type=devices&rid=982
// check properties en kijk welke wijzigt evt lastupdate nemen
//  "Usage" : "3 Watt", neemt js wel t getal en heeft het geen last van Watt als text?
//
function afterGetDevices(){}

function getExtendedBlockTypes(blocktypes)
{
	//blocktypes.Type['Lighting 2'] = { icon: 'fa fa-lightbulb-o', title: '<Name>', value: 'ds' }
	return blocktypes;
} 
//0,8 was 1864_1 veranderd naar 1864 en Usage verander naar value
function getChange_1864(idx,value,device)
{
if(parseFloat(device['value'])>1){blocks['1864']['icon'] = 'fas fa-thermometer-full';} 
else {blocks['1864']['icon'] = 'fas fa-thermometer-half';}
}

//function getStatus_1474(idx,value,device)
//{
//if (device.Data == "On") {blocks[1474]['title'] = "Zon op"} 
//else {blocks[1474]['title'] = "Zon onder"}
//}

[HansieNL]

This is my js file, so YES !

Code: Select all

// add custom javascript in here
// http://192.168.20.35:82/json.htm?type=devices&rid=982
// check properties en kijk welke wijzigt evt lastupdate nemen
//  "Usage" : "3 Watt", neemt js wel t getal en heeft het geen last van Watt als text?
//
function afterGetDevices(){}

function getExtendedBlockTypes(blocktypes)
{
	//blocktypes.Type['Lighting 2'] = { icon: 'fa fa-lightbulb-o', title: '<Name>', value: 'ds' }
	return blocktypes;
} 
//0,8 was 1864_1 veranderd naar 1864 en Usage verander naar value
function getChange_1864(idx,value,device)
{
if(parseFloat(device['value'])>1){blocks['1864']['icon'] = 'fas fa-thermometer-full';} 
else {blocks['1864']['icon'] = 'fas fa-thermometer-half';}
}

//function getStatus_1474(idx,value,device)
//{
//if (device.Data == "On") {blocks[1474]['title'] = "Zon op"} 
//else {blocks[1474]['title'] = "Zon onder"}
//}

Have you read the upgrade instructions from the 1st post? You have to change the icon names for the special blocks. You already have renamed them?