Domoticz

Spoiler: show

////////////////////// GENERAL CONFIG /////////////////////////
var config = {}
config['language'] = 'nl_NL';
config['domoticz_ip'] = 'http://192.168.xxx.xxx:8080';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['app_title'] = 'Thuis';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '10';
config['standby_after'] = 15;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '60';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'day';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = 0;
config['boss_stationclock'] = 'RedBoss';
config['selector_instead_of_buttons'] = 0;
config['auto_positioning'] = 1;
config['use_favorites'] = 0;
config['last_update'] = 0; //niet noodzakelijk
config['hide_topbar'] = 0;
config['hide_seconds'] = 1;
config['hide_seconds_stationclock'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 0;
config['translate_windspeed'] = 0;
config['static_weathericons'] = 1;
config['hide_mediaplayer'] = 0;
config['settings_icons'] = ["settings", "fullscreen"];
config['shortdate'] = 'D MMM';
config['longdate'] = 'D MMMM YYYY';
config['shorttime'] = 'HH:mm';
config['longtime'] = 'HH:mm:ss';
config['weekday'] = 'dddd';
config['no_rgb'] = 1;
config['hide_off_button'] = 1;
config['owm_api'] = 'xxxxxxxxxxxxx';
config['owm_city'] = 'Zwolle';
config['owm_name'] = '';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_min'] = true;
config['owm_days'] = true;

config['dashticz_php_path']='./vendor/dashticz/'
config['garbage_company'] = 'rova';
config['garbage_icalurl'] = '';
config['garbage_calendar_id'] = '';
config['garbage_zipcode'] = '8017AR';
config['garbage_street'] = 'Van Laersweg';
config['garbage_housenumber'] = '20';
config['garbage_housenumberadd'] = '';
config['garbage_maxitems'] = '12';
config['garbage_width'] = '12';
config['garbage_hideicon'] = 0;
config['garbage_use_names'] = true;
config['garbage_use_colors'] = true;
config['garbage_icon_use_colors'] = true;
config['garbage_use_cors_prefix'] = false;
config['garbage'] = {
GFT: {kliko: 'green', code: '#375b23', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
Plastic: {kliko: 'grey', code: '#5e5d5c', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
Papier: {kliko: 'blue', code: '#153477', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
};

////////////////////// ADDONS ///////////////////////////
var tvguide = {}
tvguide.dutch = { key:'dutch', icon: '', image: 'tv.png', width:12, channels: [1,2,3,4,31,36,46,37,34,92], maxitems: 10 }

var publictransport = {}

var calendars = {}

////////////////////// FRAMES ///////////////////////////

////////////////////// BUTTONS /////////////////////////
var buttons = {}
buttons.buienradar = { key: 'buienradar', width:12, isimage:true, refresh:30000,
refreshiframe:6000, forcerefresh:1,
image: 'http://api.buienradar.nl/image/1.0/Rada ... =275&h=230',
url:'https://gadgets.buienradar.nl/gadget/zo ... e=3&voor=1', framewidth:580, frameheight: 520, closebutton:false};
buttons.moon = {width:12, isimage:true, refreshimage:60000, image: 'moon'}
//buttons.page1 = { width:9, key:'first', title:'1', slide:1};
//buttons.page2 = { width:9, title:'2', slide:2};
//buttons.page3 = { width:9, title:'3', slide:3};
buttons.calendar = {title: 'Agenda xxxxxxxxxxx', url: 'about:blank'} //'xxxxxxxxxxx'}

////////////////////// BLOCKS AND BLOCK TITLES /////////////////////////
var blocks = {}
blocks['blocktitle_8'] = {}
blocks['blocktitle_8']['type'] = 'blocktitle';
blocks['blocktitle_8']['title'] = 'Weerstation';

blocks['blocktitle_wie'] = {}
blocks['blocktitle_wie']['type'] = 'blocktitle';
blocks['blocktitle_wie']['title'] = 'Wie is er thuis';

blocks['blocktitle_uitprobeersels'] = {}
blocks['blocktitle_uitprobeersels']['type'] = 'blocktitle';
blocks['blocktitle_uitprobeersels']['title'] = 'Uitprobeersels';

blocks['blocktitle_slimmemeter'] = {}
blocks['blocktitle_slimmemeter']['type'] = 'blocktitle';
blocks['blocktitle_slimmemeter']['title'] = 'Meterstanden';

blocks['blocktitle_scenes'] = {}
blocks['blocktitle_scenes']['type'] = 'blocktitle';
blocks['blocktitle_scenes']['title'] = 'Scenes';

blocks['s1'] = {
width: 6,
title: 'Welterusten',
} //Scene voor slapen gaan

blocks[8] = {
width: 3,
} //Weerstation

blocks[9] = {
width: 3,
} //Weerstation accu

blocks[19] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[20] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[21] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[22] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[23] = {
width: 3,
title: 'TV aan/uit',
} //TV aan/uit

blocks[24] = {
width: 3,
title: 'Dressoir',
} //Lamp dressoir

blocks[25] = {
width: 4,
title: 'Standen elektra',
} //Meterstanden elektra

blocks[29] = {
width: 4,
title: 'Stand gas',
} //Meterstand gas

////////////////////// COLUMNS /////////////////////////
var columns = {}
/*
columns['menu'] = {}
columns['menu']['blocks'] = [
buttons.page1,
buttons.page2,
buttons.page3
]
columns['menu'].width = 1;
*/

columns[1] = {}
columns[1]['blocks'] = [
buttons.calendar,
tvguide.dutch,
buttons.buienradar,
'traffic',
]
columns[1]['width'] = 3;

columns[2] = {}
columns[2]['blocks'] = [
'sunrise',
'blocktitle_8',
8,
9,
'blocktitle_wie',
19,
20,
21,
22,
'currentweather_big_owm',
'weather_owm',
]
columns[2]['width'] = 6;

columns[3] = {}
columns[3]['blocks'] = [
'garbage',
'news',
buttons.moon,
]
columns[3]['width'] = 3;

columns[4] = {}
columns[4]['blocks'] = [
'blocktitle_uitprobeersels',
23,
24,
'blocktitle_slimmemeter',
25,
29,
]
columns[4]['width'] = 6;

columns[5] = {}
columns[5]['blocks'] = [
'blocktitle_scenes',
's1',
]
columns[5]['width'] = 6;

columns[6] = {}
columns[6]['blocks'] = [
'log',
]
columns[6]['width'] = 6;

////////////////////// STANDBY /////////////////////////
var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','123']
columns_standby[1]['width'] = 12;

////////////////////// SCREEENS /////////////////////////
var screens = {}
// Background image files must be in the "img" folder
screens[1] = {
background: 'bg2.jpg',
columns: [1,2,3]
}
screens[2] = {
background: 'bg2.jpg',
columns: [4,5]
}
screens[3] = {
background: 'bg2.jpg',
columns: [6]
}

Spoiler: show

/*
CUSTOM CSS FILE
*/
.transbg[class*="col-xs"] {
border-radius: 15px; /* Rounded corners */
border: 3px solid rgba(255,255,255,0); /* border: 7px -> 3px - Smaller space between blocks */
}
.far,.fas,.wi {
font-size:22px !important;
}
div.mh.titlegroups {
height: 50px !important; /* default height=75px */
padding-top: 3px; /* center text for new height */
}

Kranendijk wrote: ↑Wednesday 29 May 2019 18:17 Hi all,

As a new registered user I would first and foremost thank all of the people developing Dashticz and all modules/addons/scripts and so on. Until now I am quite new in the domotica scene an learning a lot from all I've been reading overhere. Good job

I wouldn't register unless there is a real question, (let's be frank) hoping to find an answer or a hint to the solution. Of course I will try to add as much information as possible.
Running Dashticz v2.5.10, Domoticz Version: 4.10717 on a Rpi3.

The question is regarding the trash section in Dashticz. Despite keying in all correct information (in my opinion at least) and all php config according to the manual, it simply shows me only a trashcan. No more, no less. What am I dong wrong here? The carrier is Rova and for other people it seems to work allright.

Also (different question) I am running circles in how to get the fa icons installed. Can't find a way nor instruction on the world wide wait on how to do that.

Any help appreciated!

Preview of the Dashticz screen with trash module in the upper right corner:


CONFIG.js

Spoiler: show

////////////////////// GENERAL CONFIG /////////////////////////
var config = {}
config['language'] = 'nl_NL';
config['domoticz_ip'] = 'http://192.168.xxx.xxx:8080';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['app_title'] = 'Thuis';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '10';
config['standby_after'] = 15;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '60';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'day';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = 0;
config['boss_stationclock'] = 'RedBoss';
config['selector_instead_of_buttons'] = 0;
config['auto_positioning'] = 1;
config['use_favorites'] = 0;
config['last_update'] = 0; //niet noodzakelijk
config['hide_topbar'] = 0;
config['hide_seconds'] = 1;
config['hide_seconds_stationclock'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 0;
config['translate_windspeed'] = 0;
config['static_weathericons'] = 1;
config['hide_mediaplayer'] = 0;
config['settings_icons'] = ["settings", "fullscreen"];
config['shortdate'] = 'D MMM';
config['longdate'] = 'D MMMM YYYY';
config['shorttime'] = 'HH:mm';
config['longtime'] = 'HH:mm:ss';
config['weekday'] = 'dddd';
config['no_rgb'] = 1;
config['hide_off_button'] = 1;
config['owm_api'] = 'xxxxxxxxxxxxx';
config['owm_city'] = 'Zwolle';
config['owm_name'] = '';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_min'] = true;
config['owm_days'] = true;

config['dashticz_php_path']='./vendor/dashticz/'
config['garbage_company'] = 'rova';
config['garbage_icalurl'] = '';
config['garbage_calendar_id'] = '';
config['garbage_zipcode'] = '8017AR';
config['garbage_street'] = 'Van Laersweg';
config['garbage_housenumber'] = '20';
config['garbage_housenumberadd'] = '';
config['garbage_maxitems'] = '12';
config['garbage_width'] = '12';
config['garbage_hideicon'] = 0;
config['garbage_use_names'] = true;
config['garbage_use_colors'] = true;
config['garbage_icon_use_colors'] = true;
config['garbage_use_cors_prefix'] = false;
config['garbage'] = {
GFT: {kliko: 'green', code: '#375b23', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
Plastic: {kliko: 'grey', code: '#5e5d5c', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
Papier: {kliko: 'blue', code: '#153477', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
};

////////////////////// ADDONS ///////////////////////////
var tvguide = {}
tvguide.dutch = { key:'dutch', icon: '', image: 'tv.png', width:12, channels: [1,2,3,4,31,36,46,37,34,92], maxitems: 10 }

var publictransport = {}

var calendars = {}

////////////////////// FRAMES ///////////////////////////

////////////////////// BUTTONS /////////////////////////
var buttons = {}
buttons.buienradar = { key: 'buienradar', width:12, isimage:true, refresh:30000,
refreshiframe:6000, forcerefresh:1,
image: 'http://api.buienradar.nl/image/1.0/Rada ... =275&h=230',
url:'https://gadgets.buienradar.nl/gadget/zo ... e=3&voor=1', framewidth:580, frameheight: 520, closebutton:false};
buttons.moon = {width:12, isimage:true, refreshimage:60000, image: 'moon'}
//buttons.page1 = { width:9, key:'first', title:'1', slide:1};
//buttons.page2 = { width:9, title:'2', slide:2};
//buttons.page3 = { width:9, title:'3', slide:3};
buttons.calendar = {title: 'Agenda xxxxxxxxxxx', url: 'about:blank'} //'xxxxxxxxxxx'}

////////////////////// BLOCKS AND BLOCK TITLES /////////////////////////
var blocks = {}
blocks['blocktitle_8'] = {}
blocks['blocktitle_8']['type'] = 'blocktitle';
blocks['blocktitle_8']['title'] = 'Weerstation';

blocks['blocktitle_wie'] = {}
blocks['blocktitle_wie']['type'] = 'blocktitle';
blocks['blocktitle_wie']['title'] = 'Wie is er thuis';

blocks['blocktitle_uitprobeersels'] = {}
blocks['blocktitle_uitprobeersels']['type'] = 'blocktitle';
blocks['blocktitle_uitprobeersels']['title'] = 'Uitprobeersels';

blocks['blocktitle_slimmemeter'] = {}
blocks['blocktitle_slimmemeter']['type'] = 'blocktitle';
blocks['blocktitle_slimmemeter']['title'] = 'Meterstanden';

blocks['blocktitle_scenes'] = {}
blocks['blocktitle_scenes']['type'] = 'blocktitle';
blocks['blocktitle_scenes']['title'] = 'Scenes';

blocks['s1'] = {
width: 6,
title: 'Welterusten',
} //Scene voor slapen gaan

blocks[8] = {
width: 3,
} //Weerstation

blocks[9] = {
width: 3,
} //Weerstation accu

blocks[19] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[20] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[21] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[22] = {
width: 3,
} //xxxxxxxxxxx thuis

blocks[23] = {
width: 3,
title: 'TV aan/uit',
} //TV aan/uit

blocks[24] = {
width: 3,
title: 'Dressoir',
} //Lamp dressoir

blocks[25] = {
width: 4,
title: 'Standen elektra',
} //Meterstanden elektra

blocks[29] = {
width: 4,
title: 'Stand gas',
} //Meterstand gas

////////////////////// COLUMNS /////////////////////////
var columns = {}
/*
columns['menu'] = {}
columns['menu']['blocks'] = [
buttons.page1,
buttons.page2,
buttons.page3
]
columns['menu'].width = 1;
*/

columns[1] = {}
columns[1]['blocks'] = [
buttons.calendar,
tvguide.dutch,
buttons.buienradar,
'traffic',
]
columns[1]['width'] = 3;

columns[2] = {}
columns[2]['blocks'] = [
'sunrise',
'blocktitle_8',
8,
9,
'blocktitle_wie',
19,
20,
21,
22,
'currentweather_big_owm',
'weather_owm',
]
columns[2]['width'] = 6;

columns[3] = {}
columns[3]['blocks'] = [
'garbage',
'news',
buttons.moon,
]
columns[3]['width'] = 3;

columns[4] = {}
columns[4]['blocks'] = [
'blocktitle_uitprobeersels',
23,
24,
'blocktitle_slimmemeter',
25,
29,
]
columns[4]['width'] = 6;

columns[5] = {}
columns[5]['blocks'] = [
'blocktitle_scenes',
's1',
]
columns[5]['width'] = 6;

columns[6] = {}
columns[6]['blocks'] = [
'log',
]
columns[6]['width'] = 6;

////////////////////// STANDBY /////////////////////////
var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','123']
columns_standby[1]['width'] = 12;

////////////////////// SCREEENS /////////////////////////
var screens = {}
// Background image files must be in the "img" folder
screens[1] = {
background: 'bg2.jpg',
columns: [1,2,3]
}
screens[2] = {
background: 'bg2.jpg',
columns: [4,5]
}
screens[3] = {
background: 'bg2.jpg',
columns: [6]
}

CUSTOM.css

Spoiler: show

/*
CUSTOM CSS FILE
*/
.transbg[class*="col-xs"] {
border-radius: 15px; /* Rounded corners */
border: 3px solid rgba(255,255,255,0); /* border: 7px -> 3px - Smaller space between blocks */
}
.far,.fas,.wi {
font-size:22px !important;
}
div.mh.titlegroups {
height: 50px !important; /* default height=75px */
padding-top: 3px; /* center text for new height */
}

config['garbage'] = {
gft: {kliko: 'green', code: '#375b23', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
plastic: {kliko: 'grey', code: '#5e5d5c', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
papier: {kliko: 'blue', code: '#153477', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
};

Kranendijk wrote: ↑Thursday 30 May 2019 10:30 It works, great! Now only the fa icons remain...

bayensf wrote: ↑Saturday 01 February 2020 9:25 Hi, I am also using Dashticz and have rova as garbage company. When opening the dashboard I get sometimes a message that PHP server is not available, after a refresh op the page it's gone and garbage icon and frame are filled. What I am missing the most, the garbage pickup of the day is not shown[/b ].

Last Friday we had "Restafval", the day before it had the message, the due day is was gone. I would like it's show also the day of pick up and when possible even highlighted or flashing. Not a must have, but a nice to have. To all whom contributed, may thanks for this great work .

/* garbage module */

.trashcan {
    height: 50px !important;
}

.trash .state div.trashrow {
    font-size: 14px;
    color: #aaaaaa !important;
    padding-left: 10px !important;
}

.trash .state div.trashtomorrow {
    color: #ffffff !important;  
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px !important;

}

.trash .state div.trashtoday {
    font-size: 26px;
    font-weight: bold;
    padding-left: 10px !important;
    -webkit-animation: BLINK-ANIMATION 1s infinite;
    -moz-animation: BLINK-ANIMATION 1s infinite;
    -o-animation: BLINK-ANIMATION 1s infinite;
    animation: BLINK-ANIMATION 1s infinite;
}

@-webkit-keyframes BLINK-ANIMATION {
   0%, 49% {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
   }
   50%, 100% {
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
   }
}

bayensf wrote:Hi Jaap,

Unfortunately it dot not work. I was home late last Friday (23:00) when a trash pickup was scheduled. When I looked at the dashboard it was showing next Friday pickup. I loaded the CSS file and was able to tweak the icon size and color of the letters, so it seems the file is integrated. Any other suggestions?

madpatrick wrote: ↑Saturday 08 August 2020 18:06 Hi,

Is it possible to have the garbage module displaying on the standby screen only when you need to put garbage out tomorrow and on the day itself.
So nothing on the screen when it it longer (>tomorrow)

Second question. Are two configurations possible.
- normal display on the screen with multiple days
- standby with only 1 day (only tomorrow and today)

.trash:not(.trashtoday):not(.trashtomorrow)  {
    display: none;
}

[data-id='standbygarbage'].trash:not(.trashtoday):not(.trashtomorrow)  {
    display: none;
}