It was primarily designed for my EvoHome devices; the controller, the hot water and each of the zones. But it should also work fine for thermostats and dimmers. It currently supports devices for SwitchType = "Dimmer", Type = "Heating" or "Thermostat" and SubType= "SetPoint" or 'Evohome'.
This is with my EvoHome devices ...
This is with my LightwaveRF dimmer lights ....
Note: if you have lights that support dimming, make sure you have set their "Switch Type" to "Dimmer" in Domoticz first.
A demonstration of the UI interaction ...
The block config can be as follows, with the "type" param set to "dial":
Code: Select all
blocks[401] = {
title: 'Kitchen',
type: 'dial',
width: 3
}Code: Select all
blocks['kitchen_lights'] = {
idx: 401,
title: 'Kitchen',
type: 'dial',
width: 3
} All of the currently supported block params are as follows:
Code: Select all
blocks['kitchen_lights'] = {
idx: 401, // idx of the device (mandatory if named block)
title: 'Kitchen', // title that will appear on the dial (mandatory)
type: 'dial', // indentifies this block as a dial (mandatory)
width: 3, // dial width (optional, default 3)
height: 250, // dial height (optional, default based on width)
color: '#57c4d6' // color theme for the dial (default orange)
} 
For EvoHome devices, their outer ring color changes, depending on the temperature and setpoint.
In the above image:
1. The device temperature is 22 degrees, the setpoint is 26 degrees, the device is heating, the dial glows
2. When hovering above the dial in this state, the outer ring will be blue, as it is colder than the target setpoint
3. The device is at or above it's setpoint, therefore it is not on or glowing, when hovering above the dial, it shows orange
The dials are interactive. Rotating the dial needle will change and set the new value. Single tapping the dial will also provide different commands.
- Setpoint devices (Evohome and Thermostat) - a single tap will cancel any temporary override, and the device will return to its schedule.
- Hot water device (Evohome) - this will toggle the hotwater on (temporary override using CONFIG.js setting) and off.
- Lights (Dimmer) - this will toggle the light on (100) and off (0).
Hope you like it. Any issues (its a beta!) or feedback, I am sure you'll let me know
I've got Toon setup with dummy-devices already, so it should work (I hope)
