Code: Select all
var config = {}
// Configuratie
config['language'] = 'nl_NL';
config['domoticz_ip'] = 'http://192.168.0.11:8080';
config['app_title'] = 'HOME Control';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '30';
// config['default_news_url'] = 'http://www.nu.nl/rss/Algemeen';
// config['news_scroll_after'] = '15';
// config['default_cors_url'] = 'http://cors-anywhere.herokuapp.com/'
config['dashticz_php_path'] ='./vendor/dashticz/'
config['standby_after'] = 10;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '600';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = 'http://calendar.google.com/calendar';
// config['idx_moonpicture'] = 23;
// config['switch_horizon'] = 0;
config['selector_instead_of_buttons']=0;
config['auto_positioning'] = 0;
config['use_favorites'] = 0;
config['last_update'] = 0;
config['hide_topbar'] = 1;
config['hide_seconds'] = 0;
config['hide_seconds_stationclock'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 1;
config['translate_windspeed'] = 0;
config['static_weathericons'] = 0;
config['calendar_parse_localy'] = true;
config['hide_mediaplayer'] = 0;
config['logo'] = '';
config['last_update'] = 0;
// config['gm_api'] = '';
// config['boss_stationclock'] = 'RedBoss';
// config['hide_seconds_stationclock'] = 0;
config['lineColors'] = ['#f1c40f', '#40e0d0', '#eee'];
config['disable_googleanalytics'] = true;
// config['spot_clientid'] = '';
config['owm_api'] = '';
config['owm_city'] = 'Rhoon';
config['owm_name'] = '';
config['owm_country'] = 'nl';
config['owm_cnt'] = 4; // Number of columns to show. If showing days, max is 5
config['owm_days'] = 1; // Enter 1 for showing forecast in days, 0 for the OWM default 3 hour forecast
config['owm_min'] = 1; // Enter 1 to show min temperature on 2nd row
config['owm_lang'] = 'nl'; // Set language for de description of the forecast (rain, cloudy, etc.). For available languages, see https://openweathermap.org/forecast5/#multi
config['static_weathericons'] = 0; // Enter 1 for animated weather icons, 0 for static icons
//Vuilnis Module
config['garbage_company'] = 'mijnafvalwijzer';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = '';
config['garbage_street'] = '';
config['garbage_housenumber'] = '';
config['garbage_maxitems'] = '4';
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: '#7CFC00', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
rest: {kliko: 'grey', code: '#333333', name: 'Restafval', icon:
'img/garbage/kliko_grey.png'},
papier: {kliko: 'blue', code: '#0000FF', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
kerstboom: {kliko: 'green', code: '#375b23', name: 'Kerstboom', icon: 'img/garbage/tree.png'},}
// pmd: {kliko: 'orange', code: '#db5518', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
// kca: {kliko: 'red', code: '#b21807', name: 'Chemisch afval',icon: 'img/garbage/kliko_red.png'},
// brown: {kliko: 'brown', code: '#7c3607', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
// black: {kliko: 'black', code: '#000000', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
// milieu: {kliko: 'yellow', code: '#f9e231', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
config['longfonds_zipcode'] = '';
config['longfonds_housenumber'] = '';
function getStatus_12(idx,value,device){
if(device['Data']!="Off"){
$('div.block_12').removeClass('background_red').addClass('background_green');
}
else {
$('div.block_12').removeClass('background_green').addClass('background_red');
}
}
var buttons = {}
buttons.webcam = { width:12, isimage:true, refresh:5000, image: 'img/offline.gif', url: 'img/offline.gif' } // I use a RTSP webcam, domoticz/dashticz can't work with those. For now a static image
var calendars = {}
calendars.business = { url: 'PRIVATE', icon:'fa-calendar', maxitems: 10, color:'red',icalurl: 'PRIVATE' }
calendars.private = { icon: 'fa-calendar', maxitems: 10, color:'green',icon:'fa-calendar', color:'green', icalurl: 'PRIVATE' }
calendars.combined = {}
calendars.combined.maxitems = 10 ;
calendars.combined.calendars = [
{ color:'orange',calendar:calendars.business },
{ color:'white', calendar:calendars.private }
]
calendars.combined.url = 'https://calendar.google.com/calendar';
//var frames = {}
var blocks = {}
blocks[12] = {}
blocks[12]['width'] = 6;
blocks[12]['icon'] = 'fas fa-male';
blocks[20] = {}
blocks[20]['width'] = 8;
blocks[20]['hide_stop'] = true;
blocks[30] = {}
blocks[30]['width'] = 4;
blocks[31] = {}
blocks[31]['width'] = 4;
blocks[32] = {}
blocks[32]['title'] = 'Smart Plug';
blocks[32]['icon'] = 'fas fa-plug';
blocks[32]['width'] = 4;
blocks[44] = {}
blocks[44]['width'] = 4;
blocks[70] = {}
blocks[70]['switch'] = true;
blocks[70]['title'] = 'Temperatuur';
blocks[70]['width'] = 4;
blocks[130] = {}
blocks[130]['switch'] = true;
blocks[130]['title'] = 'WindChill';
blocks[130]['width'] = 4;
blocks[137] = {}
blocks[137]['width'] = 12;
blocks[138] = {}
blocks[138]['width'] = 12;
blocks[189] = {}
blocks[189]['switch'] = true;
blocks[189]['title'] = 'WIND';
blocks[189]['width'] = 4;
//temperatuur blokken
blocks['21_1'] = {}
blocks['21_1']['width'] = 6;
blocks['21_1']['switch'] = true;
blocks['33_1'] = {}
blocks['33_1']['width'] = 6;
blocks['33_1']['switch'] = true;
blocks['141_1'] = {}
blocks['141_1']['switch'] = true;
blocks['141_1']['width'] = 6;
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Verlichting/Schakelaars';
blocks['blocktitle_1a'] = {}
blocks['blocktitle_1a']['type'] = 'blocktitle';
blocks['blocktitle_1a']['title'] = 'TOON™';
blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Zonnescherm';
blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Gasverbruik';
blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['title'] = 'Energieverbruik';
blocks['blocktitle_5'] = {}
blocks['blocktitle_5']['type'] = 'blocktitle';
blocks['blocktitle_5']['title'] = 'Agenda';
blocks['blocktitle_6'] = {}
blocks['blocktitle_6']['type'] = 'blocktitle';
blocks['blocktitle_6']['title'] = '';
blocks['blocktitle_8'] = {}
blocks['blocktitle_8']['type'] = 'blocktitle';
blocks['blocktitle_8']['title'] = 'Afvalkalender';
var columns = {}
columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1',31,15,'s1','s2','s3','s4','blocktitle_1a',44,70,32,'blocktitle_2',20,30]
columns[1]['width'] = 4;
columns[2] = {}
columns[2]['blocks'] = ['weather_owm',127,189,192,'blocktitle_7',buttons.webcam]
columns[2]['width'] = 5;
columns[3] = {}
columns[3]['blocks'] = ['sunrise',12,'141_1','21_1','33_1',137,138,'blocktitle_8','garbage']
columns[3]['width'] = 3;
columns[4] = {}
columns[4]['blocks'] = ['blocktitle_4','graph_115',115]
columns[4]['width'] = 6;
columns[5] = {}
columns[5]['blocks'] = ['blocktitle_3','graph_117',117]
columns[5]['width'] = 6;
columns[6] = {}
columns[6]['blocks'] = ['blocktitle_5',calendars.combined]
columns[6]['width'] = 3;
columns[7] = {}
columns[7]['blocks'] = ['blocktitle_6',]
columns[7]['width'] = 3;
columns[8] = {}
columns[8]['blocks'] = ['blocktitle_7',]
columns[8]['width'] = 3;
columns[9] = {}
columns[9]['blocks'] = ['blocktitle_8',]
columns[9]['width'] = 3;
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg10.jpg';
screens[1]['columns'] = [1,2,3]
screens[2] = {}
screens[2]['background'] = 'bg10.jpg';
screens[2]['columns'] = [4,5]
screens[3] = {}
screens[3]['background'] = 'bg10.jpg';
screens[3]['columns'] = [6,7,8,9]
I came up with this... The Chuck Button... 
