Open source Home Automation System
https://forum.domoticz.com/
you could create a buttons.webcam1 and buttons.webcam2 and put those in your column
Superb that did the trick!bierlaagh wrote: ↑Friday 07 September 2018 11:12you could create a buttons.webcam1 and buttons.webcam2 and put those in your column
take a look at @Corbin example
http://www.domoticz.com/forum/viewtopic ... 40#p131610
ok its now official....I still have a lot to learn.HansieNL wrote: ↑Friday 07 September 2018 13:27 @bierlaagh :
You can set the class of a button with the key. For example:
buttons.hoofdmenu = {key: 'hoofdmenu', width:12, image: 'img/hoofdmenu_mirror.png', title: 'Hoofdmenu' ,slide:0 }
and then you the UNKNOWN should have the value buttons-hoofdmenu.
Code: Select all
var config = {}
config['language'] = 'nl_NL'; //or: en_US, de_DE, fr_FR, hu_HU, it_IT, pt_PT, sv_SE
config['domoticz_ip'] = 'http://192.168.0.185:8080';
config['app_title'] = 'Dashboard';
config['domoticz_refresh'] = '0.1';
config['dashticz_refresh'] = '60';
config['standby_after'] = 0;
config[''] = 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'] = 'nl_NL';
config['calendarurl'] = 0;
config['boss_stationclock'] = 'RedBoss';
config['gm_api'] = 'XXX';
config['gm_zoomlevel'] = '8';
config['gm_latitude'] = 'XXX';
config['gm_longitude'] = 'XXX';
config['wu_api'] = '40e147012dd3f272';
config['wu_city'] = 'Rapenberg';
config['wu_name'] = 'in Bazel';
config['wu_country'] = 'BE';
config['idx_moonpicture'] = 0;
config['switch_horizon'] = 0;
config['host_nzbget'] = 0;
config['spot_clientid'] = 'xxxxxx';
config['garbage_width'] = '6';
config['selector_instead_of_buttons'] = 0;
config['auto_positioning'] = 0;
config['use_favorites'] = 1;
config['last_update'] = 0;
config['hide_topbar'] = 0;
config['hide_seconds'] = 1;
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_company'] = 'afhaalkalender';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = 'xxxxx';
config['garbage_street'] = 'xxxxx';
config['garbage_housenumber'] = 'xxxx';
config['garbage_maxitems'] = '5';
config['garbage_width'] = '6';
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'] = true;
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'},
};
var calendars = {}
calendars.business = { maxitems: 5, url: 'https://calendar.google.com/calendar/', icalurl: 'https://calendar.google.com/calendar/' }
calendars.private = { maxitems: 5, icalurl: 'xxxxxxx' }
// 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/as ... stream=205"},
{"track":4,"name":"Radio Veronica","file":"http://live.icecast.kpnstreaming.nl/sky ... GSTR09.mp3"},
{"track":5,"name":"Q-music","file":"http://live.icecast.kpnstreaming.nl/omr ... bantHq.m3u"},
];
var buttons = {}
buttons.webcam1 = { width:6, isimage:true, refresh:5000, image: 'http://sensored/image.jpg', url: 'http://sensored/image.jpg' }
buttons.webcam2 = { width:6, isimage:true, refresh:5000, image: 'sensored' }
buttons.buienradar = {width:4, isimage:true, refreshimage:60000, image: 'http://api.buienradar.nl/image/1.0/RadarMapNL?w=sensored', url: 'http://www.weeronline.nl/Europa/Nederland/Dordrecht/sensored'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nzbget = {width:12, icon: 'fa-download', title: 'NZBget', url: 'http://sensored:6789'}
buttons.log = {key:'log', width:12, icon:'fa-microchip', title: 'Domoticz Log', log:true, level: 2}
//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 = {}
//Groepen & Scenes
//Schakelaars
//Overige
blocks[6] = {}
blocks[6]['width'] = 6;
blocks[6]['title'] = 'Temp. Kamer Amaury:'
blocks[6]['switch'] = true;
blocks[7] = {}
blocks[7]['width'] = 6;
blocks[7]['title'] = 'Temp. Kamer Valerie:'
blocks[7]['switch'] = true;
blocks[8] = {}
blocks[8]['width'] = 6;
blocks[8]['title'] = 'Temp. Woonkamer:'
blocks[8]['switch'] = true;
//Titels
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Temperatuur sensors';
blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Scenes';
blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Schakelaars';
blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['title'] = 'Weer';
blocks['blocktitle_5'] = {}
blocks['blocktitle_5']['type'] = 'blocktitle';
blocks['blocktitle_5']['title'] = 'Radio';
blocks['news_2'] = {}
blocks['news_2']['feed'] = 'http://feeds.feedburner.com/tweakers/nieuws';
// Kolommen
var columns = {}
columns[1] = {}
columns[1]['blocks'] = ['clock','sunrise', 'currentweather_big']
columns[1]['width'] = 2;
columns[2] = {}
columns[2]['blocks'] = ['news', 'blocktitle_1','6','7','8', calendars.private, 'news_2']
columns[2]['width'] = 5;
columns[3] = {}
columns[3]['blocks'] = ['blocktitle_3','1','2','5','blocktitle_4','weather']
columns[3]['width'] = 5;
columns[4] = {}
columns[4]['blocks'] = ['currentweather_big']
columns[4]['width'] = 6;
columns[5] = {}
columns[5]['blocks'] = [buttons.buienradar, buttons.radio, buttons.nunl]
columns[5]['width'] = 6;
//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg9.jpg';
screens[1]['background_night'] = 'bg12.jpg';
screens[1]['columns'] = [1,2,3]
Code: Select all
blocks['news_2']['feed'] = 'https://cors-anywhere.herokuapp.com/http://feeds.feedburner.com/tweakers/nieuws';well it took a while, finally found the problem.HansieNL wrote: ↑Friday 07 September 2018 18:30 @bierlaagh : Me too still have a lot to learn
You have to use the class shown in the developers tools. That's in your case buttons-weer.
So try: .buttons-weer
https://www.w3schools.com/ I think is a good place to start to learn HTML and CSS.
Can you post your config.js file here?peter141080 wrote: ↑Saturday 08 September 2018 11:22 Hey,
I installed Domoticz on a Raspberry Pi 3B +. I installed Dasticz with Github. Then I changed the Config file with the correct IP address and port number. When I go to http://192.168.0.128:8081/dashticz_v2/index.html I get the message:
Dashticz v2 is loading ...
Time-out! Something is wrong please check your CONFIG.js
For more help visit Dashticz v2 wiki
I have already searched the forum but can not really find an answer. What am I missing? I have already placed Authentication on Basic-Auth in settings.
Dashboard of Domoticz is working fine.
.Stephan83 wrote: ↑Tuesday 03 April 2018 18:21javed222pi wrote: ↑Sunday 01 April 2018 0:53 Hi all,
I’m try to insert an CO2 (air quality) graph, in my dashticz dashboard, but I cant …
How I must to do? I must to edit graphs.js ? but how??
Please help
I can get the basiscs of the graph with this code:But the result is this:Code: Select all
//Luchtkwaliteit blocks[255] = {} //CO2 blocks[255]['width'] = 4; blocks['graph_255'] = {} //CO2 blocks['graph_255']['width'] = 12;
2018-04-03 18_13_01-CONFIG.js — C__Users_Stephan_AppData_Local_Temp_scp10343_home_pi_domoticz_www_da.png
If I check the json (x.x.x.x/json.htm?type=graph&sensor=counter&idx=255&range=day) in Domoticz this is my data:
Do you get the same or less?Code: Select all
result 0 co2 "398" d "2018-04-02 18:15" 1 co2 "399" d "2018-04-02 18:20" 2 co2 "398" d "2018-04-02 18:25" 3 co2 "399" d "2018-04-02 18:30" 4 co2 "398" d "2018-04-02 18:35" 5 co2 "398" d "2018-04-02 18:40" 6 co2 "399" d "2018-04-02 18:45" 7 co2 "414" d "2018-04-02 18:50" 8 co2 "486" d "2018-04-02 18:55" 9 co2 "481" d "2018-04-02 19:00" 10 co2 "480" d "2018-04-02 19:05"
And how can I get the graph in total?
Theversion of FontAwesome is changed to newer version. You have to change fa to fas. fas fa-bell