[WORKAROUND] Group of shutters show as "lights" in Dashticz - How to change?

[Sjonnie2017]

Hi All,

I am having some trouble getting the shutter (Venetian blinds) groups (defined in Domoticz) to show up as shutters in Dashticz. They show as a light switches which means I can't fully control the groups. I would like to be able to stop the shutters going up or down but I am missing the controls to do so. I do have the controls on the individual shutters as you can see in the screenshot below.

I tried to change the type in Domoticz from "group" to "scene" but that didn't change much.

Is there a way to have the groups show up as shutters in Dashticz?

A screenshot to explain what I mean:

(Luikensets = group of shutters
Luiken = shutters
for those who are not fluent in Dutch )



Below the CONFIG.js showing the general settings and the settings for the shutters:

Code: Select all

// --------------------------------------------------------------------------------------------
// Algemene configuratie

// --------------------------------------------------------------------------------------------

var config = {}
config['domoticz_ip'] = 'http://<stripped>';
config['login_timeout'] = '60';
config['user_name'] = 0;
config['pass_word'] = 0;
config['app_title'] = '<stripped.';

config['room_plan'] = 0;

config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';

config['default_news_url'] = 'https://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '7';

config['dashticz_php_path'] = './vendor/dashticz/';

config['standby_call_url'] = 0;
config['standby_call_url_on_end'] = 0;

config['theme'] = 'default';
config['background_image'] = 'img/bg14.jpg';

config['standby_after'] = 0;
config['start_page'] = 1;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '10';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'month';
config['blink_color'] = '255, 255, 255, 1';

config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'en_US';
config['calendarurl'] = 0;

config['boss_stationclock'] = 'RedBoss';

config['gm_api'] = 0;
config['gm_zoomlevel'] = 0;
config['gm_latitude'] = 0;
config['gm_longitude'] = 0;
config['speak_lang'] = 'en-US';

config['wu_api'] = '<stripped>';
config['wu_city'] = '<stripped>';
config['wu_name'] = 0;
config['wu_country'] = 'NL';

config['owm_api'] = 0;
config['owm_city'] = 'Mainaschaff';
config['owm_name'] = 0;
config['owm_country'] = 'de';
config['owm_lang'] = 0;
config['owm_cnt'] = '4';
config['owm_days'] = 0;
config['owm_min'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 0;
config['translate_windspeed'] = 1;
config['static_weathericons'] = 0;

config['idx_moonpicture'] = 0;
config['switch_horizon'] = 0;

config['host_nzbget'] = 0;
config['spot_clientid'] = 0;
config['sonarr_url'] = 0;
config['sonarr_apikey'] = 0;
config['sonarr_maxitems'] = 0;

config['garbage_company'] = 0;
config['garbage_icalurl'] = 0;
config['google_api_key'] = 0;
config['garbage_calendar_id'] = 0;
config['garbage_zipcode'] = 0;
config['garbage_street'] = 0;
config['garbage_housenumber'] = 0;
config['garbage_housenumberadd'] = 0;
config['garbage_maxitems'] = 0;
config['garbage_width'] = 0;
config['garbage_hideicon'] = 0;
config['garbage_icon_use_colors'] = 1;
config['garbage_use_colors'] = 0;
config['garbage_use_names'] = 0;
config['garbage_use_cors_prefix'] = 1;

config['setpoint_min'] = '5';
config['setpoint_max'] = '40';

config['loginEnabled'] = 0;

config['disable_update_check'] = 0;
config['no_rgb'] = 0;
config['auto_positioning'] = 1;
config['use_favorites'] = 0;
config['disable_googleanalytics'] = 1;

config['last_update'] = 1;
config['hide_topbar'] = 0;
config['security_button_icons'] = 0;
config['edit_mode'] = 0;

config['hide_seconds'] = 0;
config['hide_seconds_stationclock'] = 0;

config['hide_mediaplayer'] = 0;

// --------------------------------------------------------------------------------------------
// Screen definitions
// --------------------------------------------------------------------------------------------

var max_resolution_desktop    = 'default';
var max_resolution_smart      = 'tablet';

// --------------------------------------------------------------------------------------------
// Title Definitions
// --------------------------------------------------------------------------------------------

var title_lampen              = 'title_lampen';
var title_dimmers             = 'title_dimmers';
var title_lampen_2200         = 'title_lampen_2200';
var title_vochtsensors        = 'title_vochtsensors';
var title_ventilator1         = 'title_ventilator1';
var title_rookmelders         = 'title_rookmelders';
var title_gas_en_elektra      = 'title_gas_en_elektra';
var title_luikensets          = 'title_luikensets';
var title_luiken              = 'title_luiken';
var title_datum_tijd          = 'title_datum_tijd'
var title_weer                = 'title_weer';
var title_klimaatsensors      = 'title_klimaatsensors';
var title_deurbel             = 'title_deurbel';
var title_raspberry           = 'title_raspberry';
var title_overige_schakelaars = 'title_overige_schakelaars';

// --------------------------------------------------------------------------------------------
// IDX Definitions
// --------------------------------------------------------------------------------------------

// Luiken
var luik_keuken                = 63;
var luik_dressoir              = 67;
var luik_haard                 = 68;
var luik_kop_tuin              = 69;
var luik_tuindeur              = 70;
var luik_tuinraam              = 71;
var luik_secretaire            = 72;
var luik_eettafel              = 77;
var luik_hobby_waterzijde      = 80;
var luik_hobby_kop             = 81;

// Luikensets (Scenes)
var luiken_waterzijde          = 's1';
var luiken_tuinzijde           = 's2';
var luiken_hobby               = 's3';

// Lampenset
var lampen_2200                = 's4';

// --------------------------------------------------------------------------------------------
// Blocks
// --------------------------------------------------------------------------------------------

var blocks = {}

// --------------------------------------------------------------------------------------------
// Lampen
// --------------------------------------------------------------------------------------------

// Lampen uit om 22.00 uur
blocks['lampen_2200'] = {}
blocks['lampen_2200']['title'] = 'Lampen uit om 22.00';
blocks['lampen_2200']['width'] = 6;
blocks['lampen_2200']['hide_data'] = true;

// --------------------------------------------------------------------------------------------
//Rolluiken
// --------------------------------------------------------------------------------------------

// Title Luikensets
blocks[title_luikensets] = {}
blocks[title_luikensets]['type'] = 'blocktitle'
blocks[title_luikensets]['title'] = 'Luikensets'

// Luikenset - Waterzijde

blocks['luiken_waterzijde'] = {}
blocks['luiken_waterzijde']['title'] = 'Waterzijde';
blocks['luiken_waterzijde']['width'] = 6;
blocks['luiken_waterzijde']['hide_data'] = true;


// Luikenset - Tuinzijde
blocks['luiken_tuinzijde'] = {}
blocks['luiken_tuinzijde']['title'] = 'Tuinzijde';
blocks['luiken_tuinzijde']['width'] = 6;
blocks['luiken_tuinzijde']['hide_data'] = true;

// Luikenset - Hobby
blocks['luiken_hobby'] = {}
blocks['luiken_hobby']['title'] = 'Hobby';
blocks['luiken_hobby']['width'] = 6;
blocks['luiken_hobby']['hide_data'] = true;

// Title Luiken
blocks[title_luiken] = {}
blocks[title_luiken]['type'] = 'blocktitle'
blocks[title_luiken]['title'] = 'Luiken'

// Luiken - Secretaire
blocks[luik_secretaire] = {}
blocks[luik_secretaire]['width'] = 4;
blocks[luik_secretaire]['title'] = 'Secretaire'
blocks[luik_secretaire]['protected'] = false;

// Luiken - Eettafel
blocks[luik_eettafel] = {}
blocks[luik_eettafel]['width'] = 4;
blocks[luik_eettafel]['title'] = 'Eettafel'
blocks[luik_eettafel]['protected'] = false;

// Luiken - Tuin Raam
blocks[luik_tuinraam] = {}
blocks[luik_tuinraam]['width'] = 4;
blocks[luik_tuinraam]['title'] = 'Tuinraam'
blocks[luik_tuinraam]['protected'] = false;

// Luiken - Tuin Deur
blocks[luik_tuindeur] = {}
blocks[luik_tuindeur]['width'] = 4;
blocks[luik_tuindeur]['title'] = 'Tuindeur'
blocks[luik_tuindeur]['protected'] = false;

// Luiken - Kop Tuin
blocks[luik_kop_tuin] = {}
blocks[luik_kop_tuin]['width'] = 4;
blocks[luik_kop_tuin]['title'] = 'Kop Tuin'
blocks[luik_kop_tuin]['protected'] = false;

// Luiken - Haard
blocks[luik_haard] = {}
blocks[luik_haard]['width'] = 4;
blocks[luik_haard]['title'] = 'Haard'
blocks[luik_haard]['protected'] = false;

// Luiken - Dressoir
blocks[luik_dressoir] = {}
blocks[luik_dressoir]['width'] = 4;
blocks[luik_dressoir]['title'] = 'Dressoir'
blocks[luik_dressoir]['protected'] = false;

// Luiken - Keuken
blocks[luik_keuken] = {}
blocks[luik_keuken]['width'] = 4;
blocks[luik_keuken]['title'] = 'Keuken'
blocks[luik_keuken]['protected'] = false;

// Luiken - Hobby Waterzijde
blocks[luik_hobby_waterzijde] = {}
blocks[luik_hobby_waterzijde]['width'] = 4;
blocks[luik_hobby_waterzijde]['title'] = 'Hobby W'
blocks[luik_hobby_waterzijde]['protected'] = false;

// Luiken - Hobby Kop
blocks[luik_hobby_kop] = {}
blocks[luik_hobby_kop]['width'] = 4;
blocks[luik_hobby_kop]['title'] = 'Hobby K'
blocks[luik_hobby_kop]['protected'] = false;

// --------------------------------------------------------------------------------------------
// Columns
// --------------------------------------------------------------------------------------------
var columns = {}

columns[1] = {}
columns[1]['blocks'] = [title_lampen, simon_levelt, wandbord, cd_rek, theaterspot, title_dimmers, eettafel, plafondspot_tv, plafondspot_haard, title_luikensets, luiken_tuinzijde, luiken_waterzijde, luiken_hobby, lampen_2200, title_luiken, luik_secretaire, luik_eettafel, luik_tuinraam, luik_tuindeur, luik_kop_tuin, luik_haard, luik_dressoir, luik_keuken, luik_hobby_waterzijde, luik_hobby_kop]
columns[1]['width'] = 4;

columns[2] = {}
columns[2]['blocks'] = [title_gas_en_elektra, grafiek_elektra, elektra_nu, elektra_vandaag, elektra_totaal, grafiek_gas, gas]
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = [title_klimaatsensors, regen, tuinvilla_buiten, tuinvilla, schuur, kelder_achter, title_deurbel, deurbel, title_rookmelders, rookmelder_gang, title_vochtsensors, vochtsensor_ontvochtiger, vochtsensor_cv_ketel, vochtsensor_waterontharder, vochtsensor_wasmachine]
columns[3]['width'] = 3;

//columns[4] = {}
//columns[4]['blocks'] = [title_overige_schakelaars]
//columns[4]['width'] = 12;

// --------------------------------------------------------------------------------------------
// Screens
// --------------------------------------------------------------------------------------------
var screens = {}

// Desktop

screens[max_resolution_desktop] = {}
screens[max_resolution_desktop]['maxwidth'] = 1920;
screens[max_resolution_desktop]['maxheight'] = 1200;

screens[max_resolution_desktop][1] = {}
screens[max_resolution_desktop][1]['background'] = 'img/bg15.jpg';
screens[max_resolution_desktop][1]['columns'] = [1,2,3]

//screens[max_resolution_desktop][2] = {}
//screens[max_resolution_desktop][2]['background'] = 'img/bg15.jpg';
//screens[max_resolution_desktop][2]['columns'] = [4]

// Tablet

screens[max_resolution_smart] = {}
screens[max_resolution_smart]['maxwidth'] = 1440;
screens[max_resolution_smart]['maxheight'] = 900;

screens[max_resolution_smart][1] = {}
screens[max_resolution_smart][1]['background'] = 'img/bg.jpg';
screens[max_resolution_smart][1]['columns'] = [1,2,3]

I hope you can help fix this.

TIA

Greetz,

Sjonnie

[Lokonli]

You can change the icon via the icon or image parameter in the block definition in CONFIG.js

See
https://dashticz.readthedocs.io/en/mast ... locks.html


Sent from my SM-A320FL using Tapatalk

[Sjonnie2017]

Hi Lokonli,

Thanks for your reply and suggestion. I tried to change the image using the following code in the blocks section:

Code: Select all

// Title Luikensets
blocks[title_luikensets] = {}
blocks[title_luikensets]['type'] = 'blocktitle'
blocks[title_luikensets]['title'] = 'Luikensets'

// Luikenset - Waterzijde

blocks[luiken_waterzijde] = {}
blocks[luiken_waterzijde]['title'] = 'Waterzijde';
blocks[luiken_waterzijde]['width'] = 6;
blocks[luiken_waterzijde]['hide_data'] = true;


// Luikenset - Tuinzijde
blocks[luiken_tuinzijde] = {}
blocks[luiken_tuinzijde]['title'] = 'Tuinzijde';
blocks[luiken_tuinzijde]['width'] = 6;
blocks[luiken_tuinzijde]['hide_data'] = true;

// Luikenset - Hobby
blocks[luiken_hobby] = {}
blocks[luiken_hobby]['title'] = 'Hobby';
blocks[luiken_hobby]['width'] = 6;
blocks[luiken_hobby]['iconOn'] = 'img/blinds_closed.png'; <-- added this but no success
blocks[luiken_hobby]['iconOff'] = 'img/blinds_open.png'; <-- added this but no success
blocks[luiken_hobby]['hide_data'] = true;

// Title Luiken
blocks[title_luiken] = {}
blocks[title_luiken]['type'] = 'blocktitle'
blocks[title_luiken]['title'] = 'Luiken'

Unfortunately I can't get the icons to show the way I want (coding skills of a Kangaroo )



Apart from my lack of coding skills I fear I have been unsuccessful to explain what I would like to achieve. So I have created a "screenshot" of what I would ultimately like to have



Is that possible or am I on a "mission impossible" here?

Looking forward to your reply!

Greetz,

Sjonnie

[Lokonli]

With Dashticz everything is possible

The icon parameters are for icons from fontawesome.com

For images you can use the imageOn and imageOff parameters.

All image parameters should contain the image filename relative to the 'img/' location, so you have to remove the 'img/' part from your filenames.

Sent from my SM-A320FL using Tapatalk

[Sjonnie2017]

Good to know that with Dashticz everything is possible because I am almost there but not quite

I got the "image" part working so there is progress I now have the right icons/images on the groups. For those equally "noobed" as I am, here is the code in my CONFIG.js:

Code: Select all

// Title Luikensets
blocks[title_luikensets] = {}
blocks[title_luikensets]['type'] = 'blocktitle'
blocks[title_luikensets]['title'] = 'Luikensets'

// Luikenset - Waterzijde

blocks[luiken_waterzijde] = {}
blocks[luiken_waterzijde]['title'] = 'Waterzijde';
blocks[luiken_waterzijde]['width'] = 6;
blocks[luiken_waterzijde]['imageOff'] = 'blinds_open.png';
blocks[luiken_waterzijde]['imageOn'] = 'blinds_closed.png';
blocks[luiken_waterzijde]['hide_data'] = false;


// Luikenset - Tuinzijde
blocks[luiken_tuinzijde] = {}
blocks[luiken_tuinzijde]['title'] = 'Tuinzijde';
blocks[luiken_tuinzijde]['width'] = 6;
blocks[luiken_tuinzijde]['imageOff'] = 'blinds_open.png';
blocks[luiken_tuinzijde]['imageOn'] = 'blinds_closed.png';
blocks[luiken_tuinzijde]['hide_data'] = false;

// Luikenset - Hobby
blocks[luiken_hobby] = {}
blocks[luiken_hobby]['title'] = 'Hobby';
blocks[luiken_hobby]['width'] = 6;
blocks[luiken_hobby]['imageOff'] = 'blinds_open.png';
blocks[luiken_hobby]['imageOn'] = 'blinds_closed.png';
blocks[luiken_hobby]['hide_data'] = false;

Unfortunately I cannot get the controls to show up on the groups (see my second screen dump in my previous post). I would really love to be able to control my shutter groups the same way I can control my individual shutters. Do you have a tip as to how to get this done?

Thank you for your continued support!!

Greetz,

Sjonnie

[Lokonli]

The easiest way is to create a dummy device in Domoticz, and to use that device in combination with some scripting to control the real blinds in Domoticz.



Sent from my SM-A320FL using Tapatalk

[Sjonnie2017]

Thanks. I am not sure that's the road I would like to go. It looks like a workaround for something that works out of the box in Domoticz.

I have functioning/working scenes in Domoticz where the group of shutters close if I press the "On" switch. If I press the "On" switch again the closing stops. The same for opening a group of shutters. In Dashticz I have only one button. If I press it to close the shutters and during closing I press the button again, the shutters do not stop but they reverse (i.e. are opening again).

Started scrolling through the main.js file and found this section (as of line 1223). I see some code that has been remarked. Further down there seems to be a section that determines what blocks are used given a certain device type in Domoticz. Would it be possible to have my scenes/groups identified as device type Ventian Blinds (EU)?

Code: Select all

*snip*
case 'Group':
        case 'Scene':
            /*
                        if (device['Type'] === 'Group') $('.block_' + idx).attr('onclick', 'switchDevice(this)');
                        if (device['Type'] === 'Scene') $('.block_' + idx).attr('onclick', 'switchScene(this)');

                        if (device['Status'] === 'Off') html += iconORimage(idx, 'far fa-lightbulb', buttonimg, getIconStatusClass(device['Status']) + ' icon');
                        else html += iconORimage(idx, 'fas fa-lightbulb', buttonimg, getIconStatusClass(device['Status']) + ' icon');
                        html += getBlockData(device, idx, language.switches.state_on, language.switches.state_off);
                        return [html, addHTML];
            */
            return getDefaultSwitchBlock(device, blocks[idx], idx, 'fas fa-lightbulb', 'far fa-lightbulb', buttonimg);
    }

    switch (device['HardwareType']) {
        case 'Toon Thermostat':
            if (device['SubType'] !== 'SetPoint' &&
                device['SubType'] !== 'AC'
            ) {
                return getSmartMeterBlock(device, idx);
            }
            if (device['SubType'] === 'SetPoint') {
                return getThermostatBlock(device, idx);
            }
            break;
        case 'Logitech Media Server':
            html = getLogitechControls(device);
            $('div.block_' + idx).addClass('with_controls');
            return [html, addHTML];
    }

    switch (device['SwitchType']) {
        case 'Dimmer':
            return getDimmerBlock(device, idx, buttonimg);
        case 'Door Contact':
        case 'Contact':
            if (device['Status'] === 'Closed') html += iconORimage(idx, 'fas fa-door-closed', '', 'off icon', '', 2);
            else html += iconORimage(idx, 'fas fa-door-open', '', 'on icon', '', 2);
            html += getBlockData(device, idx, language.switches.state_open, language.switches.state_closed);
            return [html, addHTML];
        case 'Door Lock':
            if (device['Status'] === 'Unlocked') html += iconORimage(idx, 'fas fa-unlock', buttonimg, 'on icon', '', 2);
            else html += iconORimage(idx, 'fas fa-lock', buttonimg, 'off icon', '', 2);
            html += getBlockData(device, idx, language.switches.state_unlocked, language.switches.state_locked);
            return [html, addHTML];
        case 'Venetian Blinds EU':
        case 'Venetian Blinds US':
        case 'Venetian Blinds EU Inverted':
        case 'Venetian Blinds US Inverted':
        case 'Blinds':
        case 'Blinds Inverted':
            return getBlindsBlock(device, idx, false);
        case 'Blinds Percentage':
        case 'Blinds Percentage Inverted':
        case 'Venetian Blinds EU Percentage':
        case 'Venetian Blinds EU Inverted Percentage':
        case 'Venetian Blinds EU Percentage Inverted':
            return getBlindsBlock(device, idx, true);
        case 'Security': *snip*

If so, can this be used outside main.js (i.e. in /custom/custom.js)? And how would I do that?

I know I am asking a lot and it looks like I don't put in any effort but coding is above and beyond my capabilities

Greetz,

Sjonnie

[Sjonnie2017]

Not solved but a acceptable workaround.

I have created 6 new scenes in Domoticz without timers (I have three groups of shutters, each has an on and off state). I left the original scenes (with timers) in Domoticz untouched. Reduced the size of the blocks and assigned them the appropriate images (I don't "do" icons ).

Now I can stop the closing or opening off the shutter groups by pressing the appropriate button again.

All in all a more than acceptable solution. up to the next "challenge" (

Greetz,

Sjonnie

[madpatrick]

Hi,

Is it possible to make the UP/DOWN button and STOP button larger (wider)
My fingers and the thick or my tablet is too small