Dashticz Documentation Release beta Rob Geerts Sep 05, 2021 Contents: 1 Introduction 3 1.1 Why Dashticz..............................................3 1.2 Concept..................................................3 2 Getting started 5 2.1 Installation................................................5 2.2 Configuring a basic Dashticz Dashboard................................8 3 Configuration 13 3.1 Dashticz configuration.......................................... 13 3.2 Blocks.................................................. 21 3.3 Columns................................................. 156 3.4 Screens.................................................. 156 4 Customizations 161 4.1 Styling via custom.css.......................................... 161 4.2 Functionality via custom.js........................................ 172 5 Tips and Tricks 177 5.1 Dashticz security............................................. 177 5.2 Dashticz security (method 2)....................................... 179 5.3 Use of Web Fonts............................................ 180 5.4 Changing alert icon colors dynamically................................. 180 6 Release Notes 183 6.1 Upgrade instructions........................................... 183 6.2 Release Notes.............................................. 188 7 Troubleshooting 207 7.1 Docker.................................................. 207 8 For Developers 211 8.1 Code................................................... 211 8.2 Design.................................................. 215 8.3 Translations............................................... 217 8.4 Documentation.............................................. 218 9 Indices and tables 221 i ii Dashticz Documentation, Release beta This documentation describes how to install and configure Dashticz. For Dashticz’s beta version documentation go to: https://dashticz.readthedocs.io/en/beta/ For Dashticz’s master version documentation go to: https://dashticz.readthedocs.io/en/master/ Contents: 1 Dashticz Documentation, Release beta 2 Contents: CHAPTER 1 Introduction 1.1 Why Dashticz The Dashboard of Domoticz is quite powerful. The disadvantage is that it’s only possible to show information known in Domoticz. There is where Dashticz steps in. Dashticz is able to show (almost) all Domoticz information. In addition to that it’s possible to show information from all kind of other sources. 1.2 Concept The Dashticz dashboard may consist of several screens. Every screen consist of one or more columns. In every column you place one or more blocks. A block may be a Domoticz device, external content being displayed in a frame, or some special block. The next sections show how to setup your system, how to configure Dashticz, how to configure a block, how to add blocks to a column, and how to define screens. 3 Dashticz Documentation, Release beta 4 Chapter 1. Introduction CHAPTER 2 Getting started 2.1 Installation 2.1.1 Automatic install Note: The installation scripts currently only works on Raspberry (except xbian) and Ubuntu For the automatic install open a terminal in a folder of choice where Dashticz V3 will get installed: mkdir dev cd dev Then start the installation script with: .<(wget-qO- https://raw.githubusercontent.com/Dashticz/dashticz/beta/scripts/ ,!dashticz_install.sh ) The script: • asks for a folder where to install Dashticz V3 • asks to install the beta or master branch : For now only beta works with the auto install!! • Clones the Dashticz V3 repository and selected branch into a new folder • Asks for the IP adress of your Domoticz server. • Copies CONFIG_DEFAULT.js to CONFIG.js with the correct IP address for Domoticz Then a Makefile is executed which: • Installs Docker (if not installed yet) • Creates a Dashticz V3 container, named dtv3, containing Apache and PHP • FInd the first free port, 8082 or higher 5 Dashticz Documentation, Release beta • Starts the container on the first free port • Mounts the dashticz folder to the web-root of the container • Shows the Dashticz url If you open this url then the default Dashticz dashboard becomes visible. So no more need to configure Apache and/or PHP! It just works out-of-the box. You need a few 100 MB free space on your system. The first time the installation may take a while (5 - 15 minutes?): be patient. Update from a previous version If the default page is working then you can copy your previous CONFIG.js, custom.css, custom.js from your previous installation to dashticz/custom. Just refresh your browser, and your new dashboard is shown. No need to rebuild the docker container. 2.1.2 Manual Setup Manual setup consists of two steps: • Preparing your system • Installing Dashticz System preparation Since Beta 2.4.6 (October 2018) the installation instruction changed. Main reason is that for most functionality PHP support in the web server is needed. The Domoticz web server doesn’t support PHP. That means that Dashticz needs to be installed under a different web server with PHP enabled. The installation instruction consists in two steps: Installation of a web server This example shows installation of Apache on Raspberry in it’s most basic configuration: running at port 80. Besides Apache also PHP needs to be installed, since it’s used by the Calendar and Garbage module in Dashticz. sudo apt-get update sudo apt-get install apache2 php php-xml php-curl libapache2-mod-php sudo systemctl restart apache2 Note: On some Raspberry configurations the installation of php is failing. In that case you can try the alternative installs under Advanced Installation below Now check whether Apache is running by browsing to http://<YOUR IP> You should see the Apache demo page. Alternative installations For debian/stretch: • https://tecadmin.net/install-php-debian-9-stretch/ (PHP installation instructions)]. 6 Chapter 2. Getting started Dashticz Documentation, Release beta Functionality that is lost without PHP: • calendar • garbage • savings settings from Dashticz • version check • CORS proxy, which is used for TVguide, news, traffic info, frames, images in buttons (You can switch an external CORS proxy as well.) Quick install for Synology NAS • Install Apache HTTP Server (Web Station will be installed too) and PHP • In Web Station configure your HTTP back-end server and PHP (PHP Extensions curl and openssl needs to be selected) • Download Dashticz ZIP file from GitHub https://github.com/Dashticz/dashticz (choose branch) • Create Dashticz folder on your Web Server • Unpack downloaded Dashticz ZIP file to your Dashticz folder • Copy CONFIG_DEFAULT.js to CONFIG.js • Edit CONFIG.js to your needs and set write permission Dashticz installed on ISS • You have to register a MIME type for tpl extension mime-type type="text/x-phpbb-template • See also https://bobcares.com/blog/http-error-404-3-not-found/ and https://forums.iis.net/t/1095097.aspx Dashticz Installation Example for Raspberry PI running Apache web server: Assumption: • Apache is running at http://192.168.1.3 on the default port 80 (but this can be any IP:port address) • Domoticz is running at http://192.168.1.3:8084 First clone the dashticz repository to a folder of your choice: cd /home/pi git clone https://github.com/Dashticz/dashticz If you prefer the development branch (might be less stable, but latest and greatest), then use the following git clone command: git clone https://github.com/Dashticz/dashticz--branch beta After the installation is finished, go to the /home/pi/Dashticz/custom/ folder, copy the CON- FIG_DEFAULT.js file to CONFIG.js (mind the CAPITALS!), and edit it with the basics: cd dashticz/custom/ cp CONFIG_DEFAULT.js CONFIG.js nano CONFIG.js Example of CONFIG.js: 2.1. Installation 7 Dashticz Documentation, Release beta var config={} config['language']= 'nl_NL'; //or: en_US, de_DE, fr_FR, hu_HU, it_IT, pt_PT, sv_SV config['domoticz_ip']= 'http://192.168.1.3:8084'; config['domoticz_refresh']= '5'; config['dashticz_refresh']= '60'; You can read more about the connection configurtion Connection. Then create a symbolic link from the root of the www folder of your web server to the previously created Dashticz location: sudo ln-s/home/pi/dashticz//var/www/html Set the correct permissions to the files and folders: chmod-R a+rX/home/pi/dashticz If you want to be able to save the settings via Dashticz to CONFIG.js then you have to give write permission to CONFIG.js for root: chmod a+w/home/pi/dashticz/custom/CONFIG.js Now you can browse to the dashboard: http://192.168.1.3/dashticz/index.html Replace 192.168.1.3 with the IP Ad- dress (and Port number) for your web server, NOT your Domoticz IP! By default, Dashticz will show all your Domoticz favorites on the dashboard. Updating Option 1 - From terminal you can add the following command in Dashticz folder: git pull Option 2 - Download zip file from GitHub, copy and extract in your Dashticz folder. Create backup of your custom folder(s) first. Troubleshooting After updating my Ubuntu version I had to manually enable php7.3 on Apache: sudo a2enmod php7.3 sudo systemctl restart apache2 Dashticz can be installed in two ways: • Automatic install via the installation script • Manual install 2.2 Configuring a basic Dashticz Dashboard If you followed the steps as described in Installation then you are prepared for creating your own Dashboard. 8 Chapter 2. Getting started Dashticz Documentation, Release beta 2.2.1 Step 1: Default Dashboard Let’s start with a minimal config. Create the config file custom/CONFIG.js with the following content: var config={} config['language']='nl_NL';// or: en_US, de_DE, fr_FR, hu_HU, it_IT, pt_PT,