Page 161 of 184

Re: Dashticz - General Discussions - WIKI update

Posted: Saturday 20 January 2018 10:59
by htilburgs
jake wrote: Friday 19 January 2018 16:29
htilburgs wrote: Friday 19 January 2018 11:35 @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! :D

Re: Dashticz - General Discussions

Posted: Saturday 20 January 2018 20:28
by 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.

Re: Dashticz - General Discussions

Posted: Monday 22 January 2018 1:24
by 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.

Re: Dashticz - General Discussions

Posted: Monday 22 January 2018 8:13
by DewGew
10us wrote: Monday 22 January 2018 1:24 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;
}

Re: Dashticz - General Discussions

Posted: Monday 22 January 2018 9:02
by 10us
DewGew wrote: Monday 22 January 2018 8:13
10us wrote: Monday 22 January 2018 1:24 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!
:lol:

Re: Dashticz - General Discussions

Posted: Monday 22 January 2018 16:12
by gielie
Id like to change the way my selector switch is displayed, now it looks like this.
Image

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?

Re: Dashticz - General Discussions

Posted: Monday 22 January 2018 21:26
by robgeerts
You could add this to custom.css

Code: Select all

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

Re: Dashticz - General Discussions

Posted: Tuesday 23 January 2018 20:09
by jeroenkl
robgeerts wrote: Monday 22 January 2018 21:26 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

Re: Dashticz - General Discussions

Posted: Wednesday 24 January 2018 23:32
by 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
Schermafdruk 2018-01-24 22.52.51.png (124.82 KiB) Viewed 2079 times

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 0:05
by renerene
Offtopic: what is the use of standby screen?
Avoid burn-in? Power saving?

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 0:14
by 10us
renerene wrote: Thursday 25 January 2018 0:05 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.

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 16:38
by 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.

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 16:39
by Mads
part 2

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 16:47
by JimmyH1969
I think you need to remove the "/*" at the beginning and end of the file.

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 16:56
by 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 :twisted:

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 18:33
by 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]

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 19:34
by 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

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 19:49
by EdwinK
is this ' butt$' maybe a the problem?

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 19:57
by Mads
EdwinK wrote: Thursday 25 January 2018 19:49 is this ' butt$' maybe a the problem?
it is because i have copy/paste from TERMINAL

Re: Dashticz - General Discussions

Posted: Thursday 25 January 2018 20:00
by 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?