Domoticz

Is it possible for you to share you're current config.JS and custom.css WITHOUT any personal information?

Here you go, it still in progress and i need to clean up the code...

config.js

Spoiler: show

Code: Select all

config['news_scroll_after'] = '7';
config['standby_after'] = 0;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '10';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
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['idx_moonpicture'] = 0;
config['switch_horizon'] = 0;
config['host_nzbget'] = 0;
config['spot_clientid'] = 0;
config['auto_positioning'] = 1;
config['use_favorites'] = 1;
config['last_update'] = 0;
config['hide_topbar'] = 1;
config['hide_seconds'] = 0;
config['hide_seconds_stationclock'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 0;
config['translate_windspeed'] = 1;
config['static_weathericons'] = 0;
config['hide_mediaplayer'] = 0;
config['garbage_hideicon'] = 1;

var _LANGUAGE = 'nl_NL';
var _APIKEY_WUNDERGROUND = 'fc6a96ef129be23a';
var _WEATHER_CITY = 'Gullegem';
var _WEATHER_COUNTRY = 'BE';
var _USE_AUTO_POSITIONING = false;
var _USE_FAVORITES = false;
var _HIDE_SECONDS_IN_CLOCK = false;
var _HIDE_MEDIAPLAYER_WHEN_OFF = false;
var _STANDBY_AFTER_MINUTES = 1;
var _USE_BEAUFORT = true;
var _TRANSLATE_SPEED = false;
var _SHOW_LASTUPDATE = true;
var _LASTUPDATE_FORMAT = 'DD-MM-YY HH:mm';
var _IDXmoonpicture = 1; //index of the uservariabele MoonPicture
var _SCREENSLIDER_EFFECT = 'slide';
var trashcolors = {}
trashcolors['Restafval'] = 'Green';
trashcolors['Pmd'] = 'Blue';
trashcolors['P-k'] = 'Orange';

var _STREAMPLAYER_TRACKS = [
{"track":1,"name":"Q-music","file":"http://icecast-qmusic.cdp.triple-it.nl/ ... ive_96.mp3"},
{"track":2,"name":"538 Hitzone","file":"http://vip-icecast.538.lw.triple-it.nl/WEB11_MP3"},
{"track":3,"name":"Slam! NonStop","file":"http://stream.radiocorp.nl/web10_mp3"},
{"track":4,"name":"100%NL","file":"http://stream.100p.nl/100pctnl.mp3"},
{"track":5,"name":"StuBru","file":"http://mp3.streampower.be/stubru-high.mp3"},
]; 

var buttons = {}
buttons.camera = {width:12, isimage:true, image: 'http://192.168.0.107:5001/cgi-bin/mjpg/video.cgi?channel=0&subtype=1', url: 'http://192.168.0.107:5001/cgi-bin/mjpg/video.cgi?channel=0&subtype=1'}
buttons.buienradar = {width:12, isimage:true, url: 'http://api.buienradar.nl/image/1.0/RadarMapBE?w=500&h=500'}
buttons.moon= {width:12, isimage:true, refreshimage:60000, image: 'moon'}


var blocks = {}
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';

blocks['news_2'] = {}
blocks['news_2']['feed'] = 'https://crossorigin.me/http://feeds.fee ... ers/nieuws';


blocks[22] = {}
blocks[22]['hide_stop'] = true;
blocks[22]['width'] = 6;
blocks[21] = {}
blocks[21]['hide_stop'] = true;
blocks[21]['title'] = 'L';
blocks[21]['width'] = 2;
blocks[21]['state'] = '';
blocks[20] = {}
blocks[20]['hide_stop'] = true;
blocks[20]['width'] = 2;
blocks[20]['title'] = 'R'
blocks[207] = {}
blocks[207]['hide_stop'] = true;
blocks[207]['width'] = 6;
blocks[2471] = {}
blocks[2471]['title'] = 'Rolluiken vooraan';
blocks[2471]['width'] = 8;
blocks[2471]['image'] = false;
//blocks[96] = {}
//blocks[96]['title'] = 'Vooraan 100% op';
//blocks[96]['width'] = 0;
//blocks[96]['image'] = 'blinds_open.png';
blocks[19] = {}
blocks[19]['title'] = 'Hue led"s';
blocks[19]['width'] = 6;
blocks[19]['hide_data'] = true;
blocks[16] = {}
blocks[16]['title'] = 'Jukebox';
blocks[16]['width'] = 6;
blocks[16]['hide_data'] = true;
blocks[478] = {}
blocks[478]['title'] = 'Muziek Living';
blocks[478]['width'] = 6;
blocks[478]['hide_data'] = true;
blocks[479] = {}
blocks[479]['title'] = 'Muziek Keuken';
blocks[479]['width'] = 6;
blocks[479]['hide_data'] = true;
blocks[4] = {}
blocks[4]['title'] = 'Bierfrigo';

blocks['6_1'] = {}
blocks['6_1']['title'] = 'Temp Buiten';
blocks['6_1']['width'] = 5;
blocks['2_1'] = {}
blocks['2_1']['title'] = 'Temp Binnen';
blocks['2_1']['width'] = 5;
blocks[1] = {}
blocks[1]['title'] = 'Windkracht';
blocks[1]['width'] = 8;
blocks[1]['switch'] = true;
blocks[15] = {}
blocks[15]['title'] = 'Regenval';
blocks[15]['width'] = 4;
blocks[15]['switch'] = true;
blocks['sunrise'] = {}
blocks['sunrise']['title'] = 'zon';
blocks['sunrise']['width'] = 12;
blocks['garbage'] = {}
blocks['garbage']['width'] = 12;
blocks[2393] = {}
blocks[2393]['icon'] = 'fa-male';
blocks[2393]['title'] = 'Ikke';
blocks[2393]['width'] = 12;
blocks[2450] = {}
blocks[2450]['title'] = '';
blocks[2450]['width'] = 6;
blocks[2450]['icon'] = '';
blocks[2467] = {}
blocks[2467]['title'] = '';
blocks[2467]['width'] = 6;
blocks[2467]['icon'] = '';
blocks[30] = {}
blocks[30]['width'] = 12;


var columns = {}
columns[1] = {}
columns[1]['blocks'] = [21,2471,20,207,22,19,16,478,479,2450,2467,'6_1','2_1',4,1,15]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = [buttons.camera,'weather'] 
columns[2]['width'] = 5; 
columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',2393,30]
columns[3]['width'] = 2; 
columns[4] ={}
columns[4]['blocks'] = ['clock','weather']
columns[5] ={}
columns[5]['blocks'] = [2450]

var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['width'] = 12;

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg2.jpg';
screens[1]['columns'] = [1,2,3]
//screens[2] = {}
//screens[2]['background'] = 'bg2.jpg';
//screens[2]['columns'] = [4,5,6]

custom.css

Spoiler: show

Code: Select all

fa.fa-lightbulb-o.on:before    {color:#00FF00;font-size: 25px;}
.fa.fa-lightbulb-o.off:before   {color:#ff0000;font-size: 25px;}
.fa.fa-male.on {color: lightgreen}
.fa.fa-male.off {color: red}


.block_2471 .btn-group {
    position: fixed;
    display: inline-block;
    vertical-align: middle;
	margin-left: -37px !important;
	}
.block_2471 .btn-default {   
width: 68px;

	}	
.block_2450 .btn-default {   
width: 32px;

	}	
.block_2467 .btn-default {   
width: 32px;

	}		
	
.block_2450 .btn-group, .block_2450 .btn-group-vertical {
    position: fixed;
    display: inline-block;
    vertical-align: middle;
	margin-left: -36px !important;
		}



.block_2450 .title {
	font-size: 12px !important; 
	margin-left: 1px !important;
	margin-top: 1px ;
}
.block_2467 .btn-group, .block_2467 .btn-group-vertical {
    position: fixed;
    display: inline-block;
    vertical-align: middle;
	margin-left: -36px !important;
	}



.block_2467 .title {
	font-size: 12px !important; 
	margin-left: 1px !important;
}
.block_2471 .title {
	font-size: 15px !important; 
	margin-left: 40px !important;
}
.block_19 .title,
.block_16 .title,
.block_478 .title,
.block_479 .title {
	font-size: 15px !important; 
	margin-left: 5px !important;
	}

.block_20 .title {
	font-size: 15px !important; 
	margin-left: 7px !important;
}
.block_21 .title {
	font-size: 15px !important; 
	margin-left: 7px !important;
}
.block_22 .title {
	font-size: 15px !important; 
	margin-left: 1px !important;
}
.block_207 .title {
	font-size: 15px !important; 
	margin-left: 1px !important;
}

.transbg.col-xs-1,
.transbg.col-xs-2,
.transbg.col-xs-3,
.transbg.col-xs-4,
.transbg.col-xs-5,
.transbg.col-xs-6,
.transbg.col-xs-7,
.transbg.col-xs-8,
.transbg.col-xs-9,
.transbg.col-xs-10,
.transbg.col-xs-11 { padding-top:20px; padding-bottom:10px; border:2px solid rgba(255,255,255,0) ; } 
.transbg.col-xs-12 { padding-top:5px; padding-bottom:2px; padding-left:2px; border:2px solid rgba(255,255,255,0) ; }
 
.transbg.block_2450 { height:84px; padding-top:0px; padding-bottom:1px; border:2px solid rgba(255,255,255,0) ; }
.transbg.block_2467 { height:84px; padding-top:0px; padding-bottom:1px; border:2px solid rgba(255,255,255,0) ; }
.transbg.block_16 { height:50px; padding-top:10px; padding-bottom:1px; border:2px solid rgba(255,255,255,0) ; }
.transbg.block_19 { height:50px; padding-top:10px; padding-bottom:1px; border:2px solid rgba(255,255,255,0) ; }
.transbg.block_2471 { padding-top:10px; padding-bottom:10px; padding-left:2px; border:2px solid rgba(255,255,255,0); border-left: 0px solid rgba(255,255,255,0) ; border-right: 0px solid rgba(255,255,255,0) ; }
.transbg.block_2393 { height:80px; padding-top:15px; padding-bottom:1px; border:2px solid rgba(255,255,255,0) ; }
.transbg.block_20 { padding-top: 10px; border-left:0px solid rgba(255,255,255,0) ; }
.transbg.block_21 { padding-top: 10px; border-right:0px solid rgba(255,255,255,0) ; }
.transbg.block_478 { height: 50px ;padding-top: 20px; border-bottom:0px solid rgba(255,255,255,0) ; }
.transbg.block_479 { height: 50px ;padding-top: 20px; border-bottom:0px solid rgba(255,255,255,0) ; }
.transbg.block_2450 { height:70px;padding-top: 0px; border-top:0px solid rgba(255,255,255,0) ; }
.transbg.block_2467 { height:70px;padding-top: 0px; border-top:0px solid rgba(255,255,255,0) ; }
.btn-default {
	background-color: transparent !important;
	border: 2px solid #2f703e ;	
	border-radius: 25px;
	color: #FFF !important;
}
.btn-default.active {
   color: #31b750 !important;
	}
.input-groupBtn.input-chevron .btn-number {
    padding: 7px 10px 10px 10px;
    background-color: transparent ;
    height: 40px;
}
.background_green {
	background-color: rgba(0, 255, 0, 0.3) !important;
}

.background_red {
	background-color: rgba(255, 0, 0, 0.3) !important;
}
.transbg.block_20 .col-data .state,
.transbg.block_21 .col-data .state {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.0);
	}

I see the block that is behaving 'strange' is block 30.
What kind of device is this?

Can you send me the result of http://domoticz:port/json.htm?type=devices&rid=30

The device is a wall ventilator, it is controlled bij a 433 mhz receiver, but it's not only with this device that i gave this effect.

json result

Ok, Thanx.
I look into this.

I've got this "problem" since the first release of v2. It seems to be touch device related, so there is no issue in Chrome on Desktop but in Chrome on my Android Phone and Fully Kiosk Browser on my Android Tablet.

Wich problem? (Did I miss something?)

For as far as I can see, the hover state keeps active.

htilburgs wrote: ↑Friday 17 November 2017 10:04 For as far as I can see, the hover state keeps active.

I see that BlacksnOw mentions same behaviour, maybe device/browser related. I check if i can install other browsers...
Thanks.

robgeerts wrote: ↑Friday 17 November 2017 10:03 Wich problem? (Did I miss something?)

http://www.domoticz.com/forum/viewtopic ... a1#p157987

@pvm
http://www.domoticz.com/forum/viewtopic ... 20#p153835
sorry for my late reply. There you can find anything about slide and how to set it up.

@robgeerts @aiolos
I really like the new fullscreen modus, is it possible to set fullscreen on without the topbar? Maybe put it in CONFIG.js? I use dashticz on an old 7" tablet mounted on a wall. How more space I could get for my switches how better it is.

config['hide_topbar'] = 1;

But then the fullscreen option is gone too


About the hover-state, this is normale behaviour on a touch but normally you wont notice it because a button/link redirects you to another page or something. I will fix this tough...

Edit: Hold on, almost ready

Test latest beta....
I hope it works on your device too

robgeerts wrote: ↑Friday 17 November 2017 22:39 Test latest beta....
I hope it works on your device too

It's working well on my tablet and on my smartphone!
I think its another time to spend you one or two beers

robgeerts wrote: ↑Friday 17 November 2017 22:39 Test latest beta....
I hope it works on your device too

Great job, works fine now.
Thnx!

Tried to look around, couldnt find the answer.
is there anyway, to play with the weather_big size/internal alignment so the next column will be aligned as well? thanks.

EDIT:
Nevermind, found in creative.css.
changes to

It better to add this in custom.css:
Otherwise, it woulde get overwritten again in the next update.

After some time i started to all over with this very nice project and i still have some problems with my temp sensors, i can't get them to switch title/value.
This is the code i use; but the title and value doesn't switch, why?

gielie wrote: ↑Monday 20 November 2017 15:24 After some time i started to all over with this very nice project and i still have some problems with my temp sensors, i can't get them to switch title/value.
This is the code i use;

Code: Select all

blocks['303_1'] = {} //badkamer temp
blocks['303_1']['title'] = 'Badkamer'
blocks['303_1']['switch'] = true
blocks['303_1']['width'] = 3

but the title and value doesn't switch, why?

Hmm, I tried it too, and indeed, it doesn't switch. I looked in the code and it turns out it is swapped twice, so not at all...

I'll make a pull request to fix it.

Edit: And Rob already merged it, check out latest beta