Domoticz

Derik wrote:

Spoiler: show

@ Hansie

Thanks!!
Look nice this option..
Have more stuff..

Only your link and option is not working?
Did place with copy past.
And place the frames.buienradar in a 12 width colum..

See no thing. [ also no error ]

Derik wrote:mmm do i need more to install?

Spoiler: show

Last beta, from just in time.
Copy past your code.
set after the colum var frames.buienradar?
colum 2 3 and 4 no luck 2 All.

Some other settings??

Spoiler: show

var _LANGUAGE = 'nl_NL'; //or: en_US, fr_FR, hu_HU
var _HOST_DOMOTICZ = 'http://192.168.5.70:8080';
var _DOMOTICZ_REFRESH = 3; //in seconds
var _DASHTICZ_REFRESH = 20; //in minutes 30 standard
var _THEME = 'default'; // default = dashticz default theme
var _APIKEY_WUNDERGROUND = '8fdca0e42c7479';
var _WEATHER_CITY = 'INijmeg32';
var _WEATHER_CITYNAME = ''; //show a different city name, leave empty if same as _WEATHER_CITY
var _WEATHER_COUNTRY = 'NL';
var _USE_AUTO_POSITIONING = false; // want to configure positions, use auto positioning
var _USE_FAVORITES = false; //only used when using auto positioning
var _HIDE_SECONDS_IN_CLOCK = true; //do not show the seconds in the clock
var _HIDE_MEDIAPLAYER_WHEN_OFF = true; //when you have a mediaplayer connected, hide it if nothing is playing
var _NEWS_RSSFEED = 'http://www.nu.nl/rss/algemeen';
var _USE_FAHRENHEIT = false;
var _USE_BEAUFORT = true; //Bft instead of m/s
var _TRANSLATE_SPEED = true; //windspeed, north northwest instead of NNW
var _STANDBY_AFTER_MINUTES = false; //enter amount of minutes like: 5 (5 minutes) niet op standby: false invullen
var _SCROLL_NEWS_AFTER = 7000; //milliseconds, so 7000 is 7 seconds
var _SHOW_LASTUPDATE = false;
var _LASTUPDATE_FORMAT = 'DD-MM-YY HH:mm';
var _USE_STATIC_WEATHERICONS = true; // Static or 'moving' weather icons
var _SCREENSLIDER_EFFECT = 'slide'; //'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
var _APIKEY_MAPS = 'AIzaSyB8UijMhtDse1SZO5czjKrkMP0ik';
var _MAPS_LATITUDE = '51.879623';
var _MAPS_LONGITUDE = '9.844494';
var _MAPS_ZOOMLEVEL = 9;
var _AUTO_SWIPEBACK_TO = 1; //when no activity, swipe back to main screen after x seconds / standaard 1
var _AUTO_SWIPEBACK_TIME = 50; //seconds / standaard 10

/* var buttons */
var buttons = {}
buttons.nunl = {width:12, icon: 'fa-newspaper-o', title: 'Nu.nl', url: 'http://www.nu.nl'}
buttons.buienradar = {width:12, isimage:true, refreshimage:60000, image: 'http://api.buienradar.nl/image/1.0/Rada ... =506&h=454', url: 'http://www.weer.nl/mobiel/verwachting/n ... t/1811155/'}
buttons.webcam = {width:12, isimage:true, refresh:2000, image: 'http://ip_url_to_webcam', url: 'http://ip_url_to_webcam'}

var frames = {}
frames.buienradar = {refreshiframe:10000, height:270, frameurl:"https://gadgets.buienradar.nl/gadget/zo ... ",width:12}


*/ Google Calendars */
var calendars = {}
calendars.business = { maxitems: 5, url: 'https://calendar.google.com/calendar/', icalurl: 'https://calendar.google.com/calendar/' }
calendars.private = { maxitems: 5, icalurl: 'https://calendar.google.com/calendar/' }

/* Vuilnis*/
var trashcan = {}
trashcan.afvalwijzer = { maxitems: 4, trashapp: 'mijnafvalwijzer', width:12, zipcode:'623', housenumber:'24' }
var trashnames = {}
trashnames['Restafval'] = 'Grijs';
trashnames['Papier en karton'] = 'Papier';
trashnames['Gft'] = 'GFT/Folie';
trashnames['Tuinafval'] = 'Takken';
trashnames['Grofvuil'] = 'Grof';


var trashcolors = {}
trashcolors['Restafval'] = 'Lightblue';
trashcolors['Papier'] = 'Blue';
trashcolors['Gft'] = 'Green';
trashcolors['Tuinafval'] = 'Orange';
trashcolors['Grofvuil'] = 'Brown';




var blocks = {}

/* temp */
blocks[2059] = {} // cb
blocks[2059]['width'] = 6; //1 to 12, remove this line if you want to use the default (4)
blocks[2059]['title'] = 'ÇB' //if you want change the name of switch different then domoticz
blocks[2059]['icon'] = 'fa-line-chart'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks[2059]['switch'] = false; //if you want to switch the title and data
blocks[2059]['hide_data'] = false; //if you want to hide the data of this block
blocks[2059]['show_lastupdate'] = true; //if you want to show the last update specific for this block

blocks[4097] = {} //Buiten
blocks[4097]['width'] = 12;
blocks[4097]['icon'] = 'fa-line-chart';
blocks[4097]['switch'] = true;
blocks[4097]['show_lastupdate'] = true; //if you want to show the last update specific for this block

blocks[4414] = {} //ter schap
blocks[4414]['width'] = 6;
blocks[4414]['icon'] = 'fa-line-chart';
blocks[4414]['switch'] = true;

/* schakelaars */
blocks[9] = {} // D1 Kamer
blocks[9]['width'] = 12; //1 to 12, remove this line if you want to use the default (4)
blocks[9]['title'] = 'D1' //if you want change the name of switch different then domoticz
blocks[9]['icon'] = 'fa-lightbulb-o'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks[9]['switch'] = true; //if you want to switch the title and data
blocks[9]['hide_data'] = true; //if you want to hide the data of this block
blocks[9]['show_lastupdate'] = true; //if you want to show the last update specific for this block
blocks[9]['playsound'] = 'sounds/ping.mp3'; //play a sound when a device changes
blocks[9]['protected'] = false; //protect switching manually in Dashticz

/*Scene blocks */
blocks['s5'] = {} // gaan slapen
blocks['s5']['width'] = 12; //1 to 12, remove this line if you want to use the default (4)
blocks['s5']['title'] = 'Slapen' //if you want change the name of switch different then domoticz
blocks['s5']['icon'] = 'fa-bed'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks['s5']['switch'] = true; //if you want to switch the title and data
blocks['s5']['hide_data'] = true; //if you want to hide the data of this block
blocks['s5']['show_lastupdate'] = true; //if you want to show the last update specific for this block
blocks['s5']['playsound'] = 'sounds/ping.mp3'; //play a sound when a device changes
blocks['s5']['protected'] = true; //protect switching manually in Dashticz


/* Groep Blocks moet ook met S beginnen */
blocks['s11'] = {} // Eetkamer Fel
blocks['s11']['width'] = 12; //1 to 12, remove this line if you want to use the default (4)
blocks['s11']['title'] = 'Tafel helder' //if you want change the name of switch different then domoticz
blocks['s11']['icon'] = 'fa-eye'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks['s11']['switch'] = true; //if you want to switch the title and data
blocks['s11']['hide_data'] = true; //if you want to hide the data of this block
blocks['s11']['show_lastupdate'] = true; //if you want to show the last update specific for this block
blocks['s11']['playsound'] = 'sounds/ping.mp3'; //play a sound when a device changes
blocks['s11']['protected'] = false; //protect switching manually in Dashticz

blocks['s12'] = {} // Eetkamer
blocks['s12']['width'] = 12; //1 to 12, remove this line if you want to use the default (4)
blocks['s12']['title'] = 'Eettafel' //if you want change the name of switch different then domoticz
blocks['s12']['icon'] = 'fa-eye'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks['s12']['switch'] = true; //if you want to switch the title and data
blocks['s12']['hide_data'] = true; //if you want to hide the data of this block
blocks['s12']['show_lastupdate'] = true; //if you want to show the last update specific for this block
blocks['s12']['playsound'] = 'sounds/ping.mp3'; //play a sound when a device changes
blocks['s12']['protected'] = false; //protect switching manually in Dashticz

blocks['s13'] = {} // zithoek
blocks['s13']['width'] = 12; //1 to 12, remove this line if you want to use the default (4)
blocks['s13']['title'] = 'Zithoek' //if you want change the name of switch different then domoticz
blocks['s13']['icon'] = 'fa-lightbulb-o'; //if you want an other icon instead of the default, choose from: http://fontawesome.io/cheatsheet/
blocks['s13']['switch'] = true; //if you want to switch the title and data
blocks['s13']['hide_data'] = true; //if you want to hide the data of this block
blocks['s13']['show_lastupdate'] = true; //if you want to show the last update specific for this block
blocks['s13']['playsound'] = 'sounds/ping.mp3'; //play a sound when a device changes
blocks['s13']['protected'] = false; //protect switching manually in Dashticz

/* var bloktitels */

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


blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Van alles';

var columns = {}

columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1','s13','s11','s12','blocktitle_2',9,'s5',trashcan.afvalwijzer]
columns[1]['width'] = 6;

columns[2] = {}
columns[2]['blocks'] = [trashcan.afvalwijzer]
columns[2]['width'] = 6;

columns[3] = {}
columns[3]['blocks'] = [buttons.buienradar]
columns[3]['width'] = 6;


columns[4] = {}
columns[4]['blocks'] = ['blocktitle_2','frames.buienradar' ]
columns[4]['width'] = 4;



/*if you want to use multiple screens, use the code below: */

var screens = {}

screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['background_morning'] = 'bg_morning.jpg';
screens[1]['background_noon'] = 'bg_noon.jpg';
screens[1]['background_afternoon'] = 'bg_afternoon.jpg';
screens[1]['background_night'] = 'bg_night.jpg';
screens[1]['columns'] = [1,3]


screens[2] = {}
screens[2]['background'] = 'bg2.jpg';
screens[2]['background_morning'] = 'bg_morning.jpg';
screens[2]['background_noon'] = 'bg_afternoon.jpg';
screens[2]['background_afternoon'] = 'bg_noon.jpg';
screens[2]['background_night'] = 'bg_night.jpg';
screens[2]['columns'] = [2,4]

Spoiler: show

/*CUSTOM CSS FILE*/

/*icons color en size aangepaste*/
.fa-eye.on {color: red;}
.fa-eye:before {font-size:45px;}
.fa-eye.off {color: blue;}
.fa-eye:before {font-size:45px;}

.fa-lightbulb-o.on {color: red;}
.fa-lightbulb-o.on:before {font-size:50px;}
.fa-lightbulb-o.off {color: blue;}
.fa-lightbulb-o.off:before {font-size:50px;}

.fa-bed.on {color: cyan}
.fa-bed.on:before {font-size:45px;}
.fa-bed.off {color: skyblue}
.fa-bed.off:before{font-size:45px;}

.fa-toggle-off {color: chartreuse}
.fa-toggle-off:before {font-size:55px;}

.fa-toggle-on {color: aquamarine}
.fa-toggle-on:before {font-size: 55px;}

.fa-sun-o {color: fuchsia}
.fa-sun-o:before {font-size: 55px;}



/*icons_color*/
.fa-home.on {color: green}
.fa-home.off {color: red}

/*icons_size*/
.fa-thermometer:before {font-size:26px;}
.fa-thermometer-half:before {font-size:26px;}
.fa-percent:before {font-size:26px;}
.fa-trash-o:before {font-size:26px;}
.fa-plug:before {font-size:26px;}
.fa-train:before {font-size:22px;}

/*Tekst_in_knoppen*/
.col-data .title {font-size: 40px; margin: 50px; margin-left: 55px; font-weight: 110; color: white;}

/* Kleine tekst onderin knoppen, staat uit */
.col-data span {font-size:16px; margin: 0px; margin-left: 10px; font-weight: 600; color: black;}

/*Smaller Title blocks (Height)[edit]*/
div.mh.titlegroups { height: 90px; padding-top: 0px;} /* default height=75px, */ /* center text for new height */

/*Change font size of 1 specific (text) device*/
.block_2059 { font-size:22px ;color:red !important;}


/*title font and color */
h1 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 5px; margin-right: 15px; font-weight: 900; font-size: 175%; color: blue;} /* header klok*/
h2 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 5px; margin-right: 50px; font-weight: 600; font-size: 175%; color: yellow;}
h3 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 0px; margin-left: 35px; font-weight: 1000; font-size: 60px; color: orange;} /*-alle bloktitels*/
h4 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 20px; margin-centre:80px; font-weight: 600; font-size: 175%; color: white;} /* header tijd en datum*/
h5 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 20px; margin-right: 20px; font-weight: 600; font-size: 175%; color: yellow;}
h6 { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; margin: 10px; margin-right: 20px; font-weight: 1000; font-size: 200%; color: orange;}

/* DOTS BELOW SCREEN SWITCH SCREENS */
.swiper-pagination-bullet {background: #FFFFFF; width: 200px; height: 200px; float:left; position:relative; left:90px;}

/* Weather */
.wi {color:#fff000;}

/* sunrise */
.sunriseholder,
.sunriseholder.wi{font-size:60px !important; color: blue;}
.sunriseholder.wi{color: red;}


/* Kliko tekst */
.trash .state div.trashrow {font-size: 40px;}
.trash .state div.trashtoday {font-size: 30px;}
.trash .state div.trashtomorrow {font-size: 60px;}

/* Space between blocks smaller en ronde hoeken */
.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,
.transbg.col-xs-12
{ padding-top:10px; padding-bottom:10px; border:7px solid rgba(255,255,255,0); background:rgba(0,0,0,0.2); background-clip: padding-box; border-radius: 32px; }
/* border: 7px -> 3px - Smaller space between blocks */ /* Round corners */

//add custom javascript in here
function afterGetDevices(){
} function getExtendedBlockTypes(blocktypes){	//blocktypes.Type['Lighting 2'] = { icon: 'fa fa-lightbulb-o', title: '<Name>', value: 'ds' }	return blocktypes;}

window.alert = function ( text ) { console.error( text ); return true; };

Trigun wrote:Hi Guys, does anyone know how to set the background based on the time of day?
the idea is to use a different backgrounds by sunrise and sunset.

if someone else Like the idea perhaps it could be a nice feature request?

screens[2]['background_morning'] = 'bg_morning.jpg';
screens[2]['background_noon'] = 'bg_noon.jpg';
screens[2]['background_afternoon'] = 'bg_afternoon.jpg';
screens[2]['background_night'] = 'bg_night.jpg';

Trigun wrote:I've seen it but to be honest I didn't think this would be the solution.
probably should try this first

HansieNL wrote:

Trigun wrote:I've seen it but to be honest I didn't think this would be the solution.
probably should try this first

It uses fixed times. You can find them in the wiki.

HansieNL wrote:

Trigun wrote:I've seen it but to be honest I didn't think this would be the solution.
probably should try this first

It uses fixed times. You can find them in the wiki.

Clemen wrote:What about a function so the dashboard automatic switches between screens after x seconds, in an endless loop.?

robgeerts wrote:Just turned off my laptop... qill merge tomorrow! By the way, I wanted to start on this tonight, luckily I didnt