Domoticz

EdwinK wrote: Saturday 20 March 2021 19:04 Shouldn't it be CONFIG.js instead of config.js?

Lokonli wrote: Saturday 20 March 2021 20:05 What is the output of

make stop
make start

Sent from my SM-A320FL using Tapatalk

~/dev/dashticz $ make stop
Cleaning up dtv3-8082
Container dtv3-8082 exists
sudo docker stop dtv3-8082
dtv3-8082
sudo docker rm dtv3-8082
dtv3-8082

~/dev/dashticz $ make start
Checking container dtv3-8082
Checking port 8082
sudo docker build --build-arg tz="Europe/Amsterdam" -t dtv3-8082 .
Sending build context to Docker daemon  3.072kB
Step 1/4 : FROM php:7.4-apache
 ---> a6a0a1e0a8da
Step 2/4 : ARG tz="Europe/Amsterdam"
 ---> Using cache
 ---> 8ff05c84eadd
Step 3/4 : RUN printf "[PHP]\ndate.timezone = $tz\n" > /usr/local/etc/php/conf.d/tzone.ini && mv "$PHP_INI_DIR/php.ini-production" "$PHP_INI_DIR/php.ini"
 ---> Using cache
 ---> d0ad1726f727
Step 4/4 : SHELL ["/bin/bash", "-c"]
 ---> Using cache
 ---> 2ef0c3cf431c
Successfully built 2ef0c3cf431c
Successfully tagged dtv3-8082:latest
sudo docker run  --restart unless-stopped -v /etc/localtime:/etc/localtime:ro  --name dtv3-8082 -d -p 8082:80 --mount type=bind,source="/home/pi/dev/dashticz",target=/var/www/html dtv3-8082
10eb0b4e99a416692dfe48e06924d4878d4b9c7b3b3f638fa81c8759b06d9220

Dashticz is running at:
http://192.168.16.165:8082
http://172.17.0.1:8082

TroisSix wrote: Monday 22 March 2021 15:21 PS: I am still searching why Dashticz exits on my iPad either in Safari (shortcut as an app) or Kiosk Browser, if you have any advice?

TroisSix wrote: Tuesday 23 March 2021 20:13 Hi Lokonli,
After a lot of tests, it seems that the reason of the bug was the frame displaying the floorplan of my domoticz:

Code: Select all

frames.floorplan = { frameurl: 'http://192.168.x.x:8080/#/Floorplans', height: 695, width:12 }

What is wrong?

In fact, I would prefer to have a simple button displaying the floorplan in fullscreen, but I couldn't make it work. So I added a page with this frames.floorplan

TroisSix wrote: Wednesday 24 March 2021 8:42 Hi Lokonli,

In fact, I also had the bug without this frame.floorplan...
I will start again all my tests by waiting more longer (several jours between each test...)
If only I could know where to search in logs :'(

Ok madpatrick, I can search inside my code for all the missing quotes, and control I have double quotes for the url, if Lokonli confirms?

config['enable_websocket'] = false;

Lokonli wrote: Tuesday 16 March 2021 19:06

Chris12 wrote: Tuesday 16 March 2021 11:03

Lokonli wrote: Monday 15 March 2021 21:19
There are a few steps:
1) Add the right device status
You can use the recently added device hook functionality. You have to do some programming...
Add the following to custom.js:

Code: Select all

function deviceHook(device) {
    if (device.idx==43) {  //Check that device 43 is indeed the correct Domoticz device id
        var ppmvalue = parseFloat(device.Data);
        device.deviceStatus = ppmvalue> 500 ? 'bad':'good';
    }
}

In this example the deviceStatus will be labeled 'bad' or 'good', depending on the ppm value.
The deviceStatus will be added as CSS class name to the dial values that use this device.

2) Set the styling in custom.css

Code: Select all

.item.bad {
  color: 'red' !important
}

.item.good {
   color: 'green' !important
}

Does this work for Dials with text values shown as well?

I have a dial basically showing me the status of my RPi Active/inactive using Monit, on that RPi I run Pihole.
So it would be great if I can see if the status is OK (Active) or Not OK (Inactive)

I tried this custom.js code:

Spoiler: show

Code: Select all

function deviceHook(device) {
    if (device.idx==1032) {  //Domoticz device ID 
        var rpiactive = parseFloat(device.Data);
        device.deviceStatus = rpiactive=='Active' ? 'good':'bad';
    }
}

And added the css code as well. But I cannot see any changes for the specific dial (I expect that it will be green, as status is active)
The device ID is correct (it's a text device in Domoticz)

The data of your text device is already a string, so you have to remove parseFloat, otherwise it will be interpreted as a number. Like this:

Code: Select all

function deviceHook(device) {
    if (device.idx==1032) {  //Domoticz device ID 
        var rpiactive = device.Data;
        device.deviceStatus = rpiactive=='Active' ? 'good':'bad';
    }
}

Formatting the main value of a dial is also slightly different. You can use the following:

Code: Select all

.good .value {
    color: green;
}

.bad .value {
    color: red;
}

Spoiler: show

Code: Select all

blocks['VPN-Status'] = {
	title: 'VPN Status',
	type: 'dial',
	width: 4,
		values : [
        {
         idx: 1155,
        },
	]
}

Spoiler: show

Code: Select all

function deviceHook(device) {
        if (device.idx==1155) {  //Domoticz device ID VPN-status script
        var VPNstatus = device.Data;
        device.deviceStatus = VPNstatus=='On' ? 'good':'bad';
    }
}

Lokonli wrote: Friday 26 March 2021 12:54 What is the device type of device 1155? A switch or a text device?

Spoiler: show

Code: Select all

blocks['VPN-Status'] = {
	title: 'VPN Status',
	idx: 1155,
	type: 'dial',
	popup: 'VPN-Status-graph',
	width: 4,
	dialicon: 'fas fa-user-secret',
	last_update: true,
}

Chris12 wrote: Friday 26 March 2021 13:04

Lokonli wrote: Friday 26 March 2021 12:54 What is the device type of device 1155? A switch or a text device?

it is a switch type.

My current dial config:

Spoiler: show

Code: Select all

blocks['VPN-Status'] = {
	title: 'VPN Status',
	idx: 1155,
	type: 'dial',
	popup: 'VPN-Status-graph',
	width: 4,
	dialicon: 'fas fa-user-secret',
	last_update: true,
}

The 'dialicon' does not change the icon within the dial.

edit: Another thing noticed is that the graph does not show any values of this switch. In domoticz I can see the ON/OFF in the log/graph, so there're values logged.

/*title color*/
div[data-id='switchtest'] .on .device {
    color: green !important
}

div[data-id='switchtest'] .off .device {
    color: red !important
}

/*switch icon color*/
div[data-id='switchtest'] .on i {
    color: green !important
}

div[data-id='switchtest'] .off i {
    color: red !important
}

/*ring color*/
div[data-id='switchtest'] .dial-center.on {
    --dial-rgba: green !important;
}

div[data-id='switchtest'] .dial-center.off {
    --dial-rgba: red !important;
}

div[data-id='switchtest'] .off .switch-face {
    box-shadow: 0 0 25px 1px var(--dial-rgba);
}

/*last update colors*/
div[data-id='switchtest'] .on .info {
    color: green !important
}

div[data-id='switchtest'] .off .info {
    color: red !important
}

blocks['switchtest'] = {
//  idx: 5,
  type: 'dial',
  idx: 5,
  iconSwitch: 'fas fa-volume-up'
}