Dashticz - General Discussions

[htilburgs]

@Jake, login to the Wiki is restored this morning by Gizmocuz.
I've updated the Wiki (as best as I can )

Excellent, I went through all proposals and you did a good job! I was now also able to edit the wiki myself, so I updated or clarified some little things.

Nice!

[aiolos]

Good work in updating the wiki! Thanks! (I might change a lot of functionality, but I'm not the best in updating documentation...)

Small remark: Not all configuration for the garbage is necessary. This is the case on more places, it might be worth to notice that somehow.

[10us]

After editing a lot of hours my first Dashticz dashboard is nearly ready. Is it possible to change the background of the standby screen? I think I can do this in the custom CSS, but i'm a noob in CSS editing..... Can someone tell me how i can get a black background on the standby screen? (the standard screen is greyed ?) Because of using my iPad on the wall i need a black screen as background. My blocks were also black as background with white text.

Thanx a lot for your help!
When my project is finished i will share my dashboard here for comments and ideas.

[DewGew]

After editing a lot of hours my first Dashticz dashboard is nearly ready. Is it possible to change the background of the standby screen? I think I can do this in the custom CSS, but i'm a noob in CSS editing..... Can someone tell me how i can get a black background on the standby screen? (the standard screen is greyed ?) Because of using my iPad on the wall i need a black screen as background. My blocks were also black as background with white text.

Thanx a lot for your help!
When my project is finished i will share my dashboard here for comments and ideas.

Just put this in your custom.css or yourtheme.css:

Code: Select all

.standby .swiper-slide {
	background-color:#000000;
}

[10us]

After editing a lot of hours my first Dashticz dashboard is nearly ready. Is it possible to change the background of the standby screen? I think I can do this in the custom CSS, but i'm a noob in CSS editing..... Can someone tell me how i can get a black background on the standby screen? (the standard screen is greyed ?) Because of using my iPad on the wall i need a black screen as background. My blocks were also black as background with white text.

Thanx a lot for your help!
When my project is finished i will share my dashboard here for comments and ideas.

Just put this in your custom.css or yourtheme.css:

Code: Select all

.standby .swiper-slide {
	background-color:#000000;
}

Thanx! That does the trick!

[gielie]

Id like to change the way my selector switch is displayed, now it looks like this.


Id like to change the color of the selected tile in the selector switch so it becomes more clear which one is selected, how can i do that?

[robgeerts]

You could add this to custom.css

Code: Select all

label.btn.btn-default.active {
    background-color: #aaa !important;
    border-color: #aaa !important;
}

[jeroenkl]

You could add this to custom.css

Code: Select all

label.btn.btn-default.active {
    background-color: #aaa !important;
    border-color: #aaa !important;
}

thanks! Needed it as well

[10us]

Hi, when I use a frame on the standby screen, it becomes partly transparent (greyed out). I read in previous posts that it is a part of the design? Is it already possible (via custom css?) to overrule this? It would be nice if you can also place frames that are visible on a standby screen.

Schermafdruk 2018-01-24 22.52.51.png (124.82 KiB) Viewed 2082 times

[renerene]

Offtopic: what is the use of standby screen?
Avoid burn-in? Power saving?

[10us]

Offtopic: what is the use of standby screen?
Avoid burn-in? Power saving?

Power saving and for minimalistic page design on my 24/7 wall tablet.

[Mads]

hi. have some problems with my dashticz.

the first problem is:
If i use diffrent browser etc. my phone, safari (mac), chrome (mac), chrome (pc) none of the settings is saved. Every i connect with a new browser, it ask for settings. using the same ip in the browser, not index2.html

i have config the CONFIG.js

the second problem (for now )
is that i cant get the moonphases to work. nothing happend, when i load dashticz.

[Mads]

part 2

[JimmyH1969]

I think you need to remove the "/*" at the beginning and end of the file.

[Mads]

when i do that, the page wont load :/ have tried

Third problem.

Can´t make blocktitles :/ is there just somthing big wrong with my settings, nothing is happening :S

[htilburgs]

Can you post your complete CONFIG.js (filter your keys, etc..)?
With the screenshots it's not possible to see what is going on.

Place it between (replace <> by [] )

<spoiler><code>--</code></spoiler>

Example:

Spoiler: show

Code: Select all

// PRODUCTIE

var config = {}
config['domoticz_ip'] = 'http://192.168.0.1:8080';
config['app_title'] = 'Domotica Dashboard';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['default_news_url'] = 'https://cors-anywhere.herokuapp.com/http://www.nu.nl/rss';
config['news_scroll_after'] = '7';
config['standby_after'] = 15;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = 0;	
config['auto_slide_pages'] = 0;			//set _AUTO_SWIPEBACK_TIME = 0
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YYYY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = 0;
config['boss_stationclock'] = 'RedBoss';
config['gm_api'] = 0;
config['gm_zoomlevel'] = 0;
config['gm_latitude'] = 0;
config['gm_longitude'] = 0;
config['wu_api'] = 'xxxxx';
config['wu_city'] = 'xxxxx';
config['wu_name'] = 0;
config['wu_country'] = 'NL';
config['idx_moonpicture'] = '7';
config['switch_horizon'] = 0;
config['host_nzbget'] = 0;
config['spot_clientid'] = 0;
config['garbage_company'] = 'cure';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = 'xxxxx';
config['garbage_street'] = 'xxxxx';
config['garbage_housenumber'] = '6';
config['garbage_maxitems'] = '6';
config['garbage_width'] = '12';
config['selector_instead_of_buttons'] = 1;
config['auto_positioning'] = 0;
config['use_favorites'] = 0;
config['last_update'] = 0;
config['hide_off_button'] = 0;
config['hide_topbar'] = 0;
config['edit_mode'] = 0;
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'] = 0;
config['selector_instead_of_buttons'] = 0;	//use for selectors
config['hide_off_button'] = 0; //use for selectors
config['no_rgb'] = 1; //use for RGB selector

// Garbage - Advanced Settings
config['garbage_use_names'] = true;
config['garbage_use_colors'] = false;
config['garbage_icon_use_colors'] = false;
config['garbage_use_cors_prefix'] = false;


config['garbage'] = {
        gft: {kliko: 'green', code: '#375b23', name: 'GFT', icon: 'img/garbage/kliko_green.png'},
        pmd: {kliko: 'orange', code: '#db5518', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
        rest: {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'},
        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'},
        kerstboom: {kliko: 'green', code: '#375b23', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

// iCalendar Plugin, supports all .ics calendar types like Google Calendar, Apple Calendar
var _ICALENDAR_URL			= 'https://testurl.com/ical.ics'; //supports .ics type calendars (Google Calendar, Apple Calendar etc.)
var _ICALENDAR_DATEFORMAT	= 'DD-MM-YYYY | HH:mm'; //'friendly', 'MM.DD.YYYY HH:mm', 'DD.MM.YYYY HH:mm', 'YYYY.MM.DD HH:mm'
var _ICALENDAR_LOCALE		= 'nl'; //en,hu, etc. 

// Calendar
var calendars = {}
calendars.f1 = {maxitems: 5, title:'', image:'', icalurl:'xxxxx'}
calendars.prive = {maxitems: 5, title: '', image: '', icalurl:'xxxxx'}

// Online Radio Stream Plugin, Note: you must enable plugin in column section 'streamplayer'
var _STREAMPLAYER_TRACKS     = [
   {"track":1,"name":"100%NL","file":"http://stream.100p.nl/100pctnl.mp3"},
   {"track":2,"name":"Radio 538","file":"http://vip-icecast.538.lw.triple-it.nl/RADIO538_MP3"},
   {"track":3,"name":"Arrow Classic Rock","file":"http://www.garnierstreamingmedia.com/asx/streamerswitch.asp?stream=205"},
   {"track":4,"name":"Radio Veronica","file":"http://live.icecast.kpnstreaming.nl/skyradiolive-SRGSTR09.mp3"},
   {"track":5,"name":"Q-music","file":"http://live.icecast.kpnstreaming.nl/omroepbrabantlive-OmroepBrabantHq.m3u"},
];

var buttons = {}
buttons.moon = {width:8, isimage:true, refreshimage:60000, image: 'moon'}
buttons.cam_voor = { width:12, isimage:false, refresh:2000, image: 'xxxxx', url: 'xxxxx' }

//CUSTOM POSITIONING:
//defining wich blocks to show, de numbers represents the IDX of the device in Domoticz
//only define if you want to use a custom width instead of the default

var blocks = {}

//Schakelaars
blocks[226] = {} //Rolluik woonkamer - Selector
blocks[226]['title'] = 'Rolluik Woonkamer';
blocks[226]['width'] = 12;
blocks[226]['icon'] = '' 

blocks[225] = {} //Rolluik slaapkamer - Selector
blocks[225]['title'] = 'Rolluik Slaapkamer';
blocks[225]['width'] = 12;
blocks[225]['icon'] = '' 

blocks[6] = {} //Rolluik woonkamer
blocks[6]['width'] = 12;
blocks[6]['hide_stop'] = true;
blocks[6]['hide_data'] = false; 
blocks[6]['icon'] = 'fa-align-justify';

blocks[217] = {} //Rolluik slaapkamer
blocks[217]['width'] = 12;
blocks[217]['hide_stop'] = true;
blocks[217]['hide_data'] = false;
blocks[217]['icon'] = 'fa-align-justify';

blocks[461] = {} //Woonkamer achter - Selector
blocks[461]['title'] = 'Woonkamer achter';
blocks[461]['icon'] = '' 
blocks[461]['width'] = 12;

blocks[179] = {} //Woonkamer achter
blocks[179]['title'] = 'Woonkamer achter';
blocks[179]['width'] = 12;
//blocks[179]['hide_data'] = true; 

blocks[193] = {} //Woonkamer voor
blocks[193]['title'] = 'Woonkamer voor';
blocks[193]['width'] = 12;
//blocks[193]['hide_data'] = true; 

blocks[462] = {} //Woonkamer voor - Selector
blocks[462]['title'] = 'Woonkamer voor';
blocks[462]['icon'] = '' 
blocks[462]['width'] = 12;

blocks[443] = {} //Schemerlamp woonkamer
blocks[443]['title'] = 'Schemerlamp';
blocks[443]['width'] = 12;
blocks[443]['hide_data'] = true; 

blocks[463] = {} //Overloop
blocks[463]['title'] = 'Lamp Overloop';
blocks[463]['width'] = 12;
blocks[463]['hide_data'] = true; 

blocks[464] = {} //Zolder
blocks[464]['title'] = 'Lamp Zolder';
blocks[464]['width'] = 12;
blocks[464]['hide_data'] = true; 

blocks[562] = {} //Gang
blocks[562]['title'] = 'Lamp Gang';
blocks[562]['width'] = 12;
blocks[562]['hide_data'] = true; 

blocks[213] = {} //Yeelight Huiskamer
blocks[213]['title'] = 'Yeelight Woonkamer';
blocks[213]['width'] = 12;

blocks[214] = {} //Yeelight RGBW
blocks[214]['title'] = 'Yeelight Woonkamer';
blocks[214]['icon'] = ''
blocks[214]['width'] = 12;

blocks[485] = {} //Yeelight LEDStrip
blocks[485]['title'] = 'Yeelight LEDStrip';
blocks[485]['width'] = 12;

blocks[486] = {} //Yeelight LEDSTrip RGBW
blocks[486]['title'] = 'Yeelight LEDStrip';
blocks[486]['icon'] = ''
blocks[486]['width'] = 12;

blocks[452] = {} //Schemerlamp - Sara
blocks[452]['title'] = 'Lamp Sara';
blocks[452]['width'] = 12;
blocks[452]['hide_data'] = true; 

//Temperatuur
blocks[536] = {} //Thermostaat
blocks[536]['title'] = 'Thermostaat'
blocks[536]['width'] = 12;
blocks[536]['show_lastupdate'] = true;

blocks[256] = {} //Temp Rookmelder Woonkamer
blocks[256]['title'] = 'Woonkamer'
blocks[256]['width'] = 6;
blocks[256]['show_lastupdate'] = true;
blocks[256]['switch'] = true;

blocks[507] = {} //Temp Rookmelder Aanbouw
blocks[507]['title'] = 'Aanbouw'
blocks[507]['width'] = 6;
blocks[507]['show_lastupdate'] = true;
blocks[507]['switch'] = true;

blocks[271] = {} //Temp Rookmelder Verdieping
blocks[271]['title'] = 'Verdieping'
blocks[271]['width'] = 6;
blocks[271]['show_lastupdate'] = true;
blocks[271]['switch'] = true;

blocks[290] = {} //Temp Rookmelder Zolder
blocks[290]['title'] = 'Zolder'
blocks[290]['width'] = 6;
blocks[290]['show_lastupdate'] = true;
blocks[290]['switch'] = true;

//Overige
blocks[150] = {} //iPhone Harm
blocks[150]['width'] = 12;		
blocks[150]['icon'] = 'fa-male'
blocks[150]['show_lastupdate'] = true;
blocks[150]['protected'] = true;
blocks[150]['playsound'] = 'sounds/sonar.mp3';	
blocks[150]['title'] = 'Harm'

blocks[153] = {} //iPhone Nassira
blocks[153]['width'] = 12;		
blocks[153]['icon'] = 'fa-female'
blocks[153]['show_lastupdate'] = true;
blocks[153]['protected'] = true;
blocks[153]['playsound'] = 'sounds/sonar.mp3';	
blocks[153]['title'] = 'Nassira'

blocks[553] = {} //Sensor Voordeur
blocks[553]['title'] = 'Voordeur'
blocks[553]['icon'] = ' fa-lock'; 
blocks[553]['show_lastupdate'] = true;
blocks[553]['protected'] = true;
//blocks[553]['playsound'] = 'sounds/doorbell.mp3';	
blocks[553]['width'] = 12;

blocks[559] = {} //Sensor Achterdeur
blocks[559]['title'] = 'Achterdeur'
blocks[559]['icon'] = ' fa-lock'; 	
blocks[559]['show_lastupdate'] = true;
blocks[559]['protected'] = true;
//blocks[559]['playsound'] = 'sounds/doorbell.mp3';
blocks[559]['width'] = 12;

blocks[563] = {} //Alarm in-uitschakelen
blocks[563]['title'] = 'Beveiliging';
blocks[563]['icon'] = 'fa-shield';
blocks[563]['width'] = 12;


//Block Titles
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Familie agenda';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'F1 Kalender';

blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Afvalkalender';

//Empty Block
blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['title'] = '';

//blocks[1] = {}
//blocks[1]['width'] = 4; 							// 1 to 12, remove this line if you want to use the default (4)
//blocks[1]['title'] = 'Living room' 				// if you want change the name of switch different then domoticz
//blocks[1]['icon'] = 'fa-eye'; 					// if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
//blocks[1]['image'] = 'bulb_off.png'; 				// if you want to show an image instead if icon, place image in img/ folder
//blocks[1]['switch'] = true;						// if you want to switch title and data
//blocks[1]['hide_data'] = true; 					// if you want to hide the data of this block
//blocks[1]['show_lastupdate'] = true;				// show lastupdate time from device (per device)
//blocks[1]['protected'] = true;					// make switch protected (no actions on push)
//blocks[1]['playsound'] = 'sounds/sonar.mp3';		// play sound

var columns = {}

columns[1] = {}
columns[1]['blocks'] = [6,179,214,213,443,216,562,452,'blocktitle_4',256,507]
columns[1]['width'] = 3; 

columns[2] = {}
columns[2]['blocks'] = [217,193,486,485,464,463,536,'blocktitle_4',271,290]
columns[2]['width'] = 3; 

columns[3] = {}
columns[3]['blocks'] = [buttons.cam_voor, 'blocktitle_1',calendars.prive,'blocktitle_2',calendars.f1]
columns[3]['width'] = 4; 

columns[4] = {}
columns[4]['blocks'] = [563,'sunrise','currentweather_big','garbage',150,153,553,559]
columns[4]['width'] = 2; 

//TOP Bar
columns['bar'] = {}
columns['bar']['blocks'] = ['logo','miniclock','settings']

//Standby Screen
var columns_standby = {}

columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','weather']
columns_standby[1]['width'] = 12

columns_standby[2] = {}
columns_standby[2]['blocks'] = ['blocktitle_1',calendars.prive]
columns_standby[2]['width'] = 4

columns_standby[3] = {}
columns_standby[3]['blocks'] = ['blocktitle_2',calendars.f1]
columns_standby[3]['width'] = 4

columns_standby[4] = {}
columns_standby[4]['blocks'] = ['blocktitle_3','blocktitle_4','garbage']
columns_standby[4]['width'] = 4

//Screens & Background
var screens = {}

screens[1] = {}
screens[1]['background'] = 'dv2-bg10.jpg';
screens[1]['columns'] = [1,2,3,4]

[Mads]

yes offcouse

Spoiler: show

/*
var config = {}
config['domoticz_ip'] = 'http://192.168.1.188:8080';
config['app_title'] = 'Dashticz';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['idx_moonpicture'] = 1;


var trashnames = {}
trashnames['Gft'] = 'GFT';
trashnames['Pmd'] = 'Plastic';
trashnames['Rest'] = ''; //LEAVE EMPTY IF YOU WANT TO HIDE IT

var publictransport = {}
publictransport.ovinfobus = { show_via: false, station: 'son-en-breugel/bushalt$

var tvguide = {}
tvguide.dutch = { key:'dutch', icon: 'fa-television', width:7, channels: [1,3,4$

var buttons = {}
buttons.nunl = {key: 'nunl', width:12, icon: 'fa-newspaper-o', title: 'Nu.nl',$
buttons.nos = {key: 'nos', width:12, icon: 'fa-newspaper-o', title: 'Nos', url$
buttons.moon = {width:12, isimage:true, refreshimage:60000, image: 'moon'}

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

var columns = {}
columns['bar'] = {}
columns['bar']['blocks'] = ['logo','miniclock','settings']

columns[1] = {}
columns[1]['blocks'] = ['currentweather_big','weather','garbage', buttons.moon]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['blocktitle_1',tvguide.dutch,publictransport.ovinfobus]
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['sunrise','streamplayer',buttons.nunl,buttons.nos, butt$
columns[3]['width'] = 2;


var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','weather']
columns_standby[1]['width'] = 12;

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

*/

if i remove the /* */, then i cant see the frontpage. just a white screen and an error in the console log:

Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
send @ jquery.min.js:4

[EdwinK]

is this ' butt$' maybe a the problem?

[Mads]

is this ' butt$' maybe a the problem?

it is because i have copy/paste from TERMINAL

[Mads]

Did find the problem.. (maybe)

removed the last */ at the end at the script now the moonpashse is there. and the block i made.. But now my switces is gone..
Gonna make then in the config files?