Dashticz V3

[Lokonli]

Dashticz V3

Dashticz V3 has been born.

Github location:
https://github.com/dashticz/dashticz

Documentation:
https://dashticz.readthedocs.io

Dashticz V3 is a fork of Dashticz V2.

It contains the same functionality as Dashticz V2 of 15-6-2019. The open PRs have been merged. A beta branch as well as master branch have been created.

I hope Dashticz V3 will give a solid base for future development work on Dashticz.

List of changes:

New functionality:
* Change in forcerefresh parameter of a button to support cheap Chinese webcams.
* Support for TempBaro device
* Sizing the y-axis of the graph to relevant data
* Adding possibility to draw graph data for Qubino ZMNHTDx Smart meter
* Add bar graph type option.
* Streamplayer: Add class when in playing state to enable styling via custom.css
* Radio streaming image (radio-streaming.png)

Fixes:
* Make index2.html consistent with index.html
* Streamplayer error handling

Upgrading
If you upgrade from Dashticz_v2:

Clone the Dashticz repository:

Code: Select all

git clone https://github.com/dashtic/dashticz

and copy your previous CONFIG.js and other customizations to the new location:

Code: Select all

cp dashticz_v2/custom/CONFIG.js dashticz/custom
cp dashticz_v2/custom/custom.css dashticz/custom
cp dashticz_v2/custom/custom.js dashticz/custom

If you are running Apache according the installation instructions, then you have to add the symlink in the www-root folder to the new Dashticz V3 location:

Code: Select all

sudo ln -s $(pwd)/dashticz/ /var/www/html

After that Dashticz_v3 can be found on:
http://[IP-ADDRESS]/dashticz

Automatic installation script
The beta-branch contains an automatic installation script.
I need some beta testers to make the script more robust. I will create a new forum topic for this.

Enjoy.

[EdwinK]

Just one question. Is Rob okay with this? I know in the past someone created a 'Dashtichz V3', it was later renamed to something else, because he didn't want the name Dashticz to be used.

[EdwinK]

Code: Select all

git clone https://github.com/dashticzv3/dashticz_v3

This asks for a username.

This works:

Code: Select all

git clone https://github.com/dashticzv3/dashticz_v3.git new_dash

[EdwinK]

deleted post

[Lokonli]

Just one question. Is Rob okay with this? I know in the past someone created a 'Dashtichz V3', it was later renamed to something else, because he didn't want the name Dashticz to be used.

Good to know.
I tried to contact Rob, but I didn't get any reaction until now.

@RobGeerts:
If you prefer that we don't use the name Dashticz V3 please let me know, and we'll solve it.

[EdwinK]

With a git pull:

/volume1/web/dashboard# git pull
From https://github.com/dashticzv3/dashticz_v3
* [new branch] beta -> beta/beta
* [new branch] master -> beta/master
There is no tracking information for the current branch.
Please specify which branch you want to merge with.
See git-pull(1) for details.

git pull <remote> <branch>

If you wish to set tracking information for this branch you can do so with:

git branch --set-upstream-to=origin/<branch> master

[Gianni]

just move over from v2 to v3

love the graph part.
But i notice that setting not save anymore(dont need it really because i do it manual).
But for some test it's easy in the settings
Did the manual setup,made the simlink and chmod

Knipselv3.JPG (35.94 KiB) Viewed 10156 times

Fixed looks like the write permissions did not complete.
run chmod a+w /home/pi/dashticz/custom/CONFIG.js again and now everything works fine.

[t3v3h]

Nice work thanks!
For me the graphProperties is not working. do you have any idea?

Code: Select all

blocks['graph_19'] = {
    graph: 'bar',
    graphProperties : {
        gridTextColor : '#c3f6fe',	
        barColors: ['#f1c40f', '#40e0d0', '#eee'],
	stacked: 'true',
        ymax:'auto'  //set to 'auto' for auto scaling
    }
}

[Lokonli]

Nice work thanks!
For me the graphProperties is not working. do you have any idea?

Code: Select all

blocks['graph_19'] = {
    graph: 'bar',
    graphProperties : {
        gridTextColor : '#c3f6fe',	
        barColors: ['#f1c40f', '#40e0d0', '#eee'],
	stacked: 'true',
        ymax:'auto'  //set to 'auto' for auto scaling
    }
}

What's your exact Dashticz version? It has been implemented from 3.0.4 onwards.
Do you see the graph? Is it a bar graph or line graph?

[t3v3h]

OK, thanks!
my version is 3.0.0, so it is the problem

[Lokonli]

OK, thanks!
my version is 3.0.0, so it is the problem

Get the latest version from the new location:
https://github.com/Dashticz/dashticz

After that you can update via git pull.

[t3v3h]

OK, thanks!
my version is 3.0.0, so it is the problem

how to upgrade to beta?

[Lokonli]

Several methods:

You can download a release from the release page:
https://github.com/Dashticz/dashticz/releases

or, if you have a Raspberry or Ubuntu like distribution: run the automatic installation script:
https://dashticz.readthedocs.io/en/late ... stall.html

or: manual install, see:
https://dashticz.readthedocs.io/en/late ... stallation


or, if your 3.0.0 already came from github.com/Dashticz/dashticz, then in the Dashticz folder type:

Code: Select all

git checkout beta
git pull

[t3v3h]

Thanks!

[edwin1234]

I have dashticz v3 and it works,
Very good work.
I have the standerd setup and dont have devices in the left bottom, (the place where the sliders are in the example) and want a graph of my gasdevice id 9.
I cant get that to work. I read a lot of dashticz docs but cant figure out how to do that.
Can someone please help?

Thanks

[EdwinK]

try 'graph_9'


See also: https://dashticz.readthedocs.io/en/mast ... tom-graphs

[edwin1234]

Yes but how do get it in the left part of the screen under my devices?

[EdwinK]

In config.JS add the following:

Code: Select all

var columns = {}

//--- Screen 1 ---
columns[1] = {}
    columns[1]['blocks'] = ['graph_9' ]
    columns[1]['width'] = 6;

var screens = {}

screens[1] = {}
  //  screens[1]['background'] = 'bg14.jpg';
    screens[1]['columns'] = [1]

In this case, the only block shown is the graph, with a width of 6.

More reading: https://dashticz.readthedocs.io/en/mast ... tom-layout

[edwin1234]

Thanks for your help,
I’m gonna try it out

[TankySpanky]

I still love dashticz, stopped for a while because all was going smooth until i added some Tuya (converted to Tasmota) from the Action where added.
Then i tought i give it a overhaul

I only cannot find how to use "bigger" images for the pictures in the blocks & titleblocks
Its a but silly for the most icons now too tiny.

dashticz screen 1.png (176.39 KiB) Viewed 5922 times