Dashticz v3.7.3 beta

Lokonli · Post by **Lokonli** » Monday 25 January 2021 16:11

Dashticz v3.7.3 beta

Before installing make a backup of your files in the custom/ folder first!!

This release of Dashticz contains two important changes:

Improved behavior of popup windows for buttons, dials and Domoticz blocks
The possibility to include multiple blocks into a popup window

Breaking changes
This update also has some side effects, for which you probably have to make some changes in your configuration files. This includes:

moon block
log block
The 'old' calendar block
Styling of popup windows

Please read the upgrade instructions before updating:
https://dashticz.readthedocs.io/en/beta ... /v373.html

For the complete list of changes see the release notes:
https://dashticz.readthedocs.io/en/beta ... notes.html

Updating
If you are already running Dashticz 3.7.2 beta, you can update with 'git pull' (recommended)

If you are running an earlier version, the update instructions are the same as for Dashticz 3.7.2:

viewtopic.php?f=67&t=34997

Warning
If you switch back from beta 3.7.3 (or 3.7.2) to master via 'git checkout master', your custom/custom.css and custom/custom.js will be overwritten without warning. So make a backup first.

Although not so visible from the outside there are some significant code redesigns included in this update. So I expects some bugs still will be present. Please help with testing, and leave a message here if you encounter something unexpected.

Update 26-1
Some styling updates:

removed the square background of a dial
Improved dial sizing
Improved height of popup block

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 10:19

Hi Lokonli,

For the new log block, how to rebuild the buttons.log to this new log block?
My current domoticz log (not working anymore in 3.7.3 beta, no pop-up screen):

Code: Select all

var buttons = {}
	buttons.log = {key:'log', width:4, image: '../custom/img/domoticz.png', title: 'Domoticz Log', log:true, level: 1}

PS. Tested the popup graph for an actual graph as well, this works fine.

Lokonli · Post by **Lokonli** » Tuesday 26 January 2021 19:21

Try:

Code: Select all

blocks['log'] = {
    title: 'log in block'
}

blocks['logpopup'] = {
    title: 'log in popup',
    popup: 'log'
}

The first block will display the log on the dashboard.
The second block will display the log in a popup windows after click.

Explanation:
'log' is recognized as a predefined block type. So that will be displayed as a log-block.

'logpopup' is not a predefined block type. Default type is a button. So that block will become a button with as popup-block a 'log' block.

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 19:50

Hi @lokonli,

I tried to get the same behavior as with the buttons.log (clicking on the button opens the scrolling domoticz log file)
Added the following code:

Code: Select all

blocks['domoticz-log'] = {
    title: 'Domoticz Log File',
}
blocks['domoticz-log-popup'] = {
    title: 'Domoticz Log',
    popup: 'domoticz-log',
	image: '../custom/img/domoticz.png',
	width: 4
}

I do now have a button with domoticz icon (like the previous button.log), and when clicking on it a popup window is shown. But the log file is not displayed in there. Only the defined title 'Domoticz Log File'.

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 20:42

Spoiler: show

Chris12 wrote: ↑Tuesday 26 January 2021 19:50 Hi @lokonli,

I tried to get the same behavior as with the buttons.log (clicking on the button opens the scrolling domoticz log file)
Added the following code:
Code: Select all
blocks['domoticz-log'] = {
    title: 'Domoticz Log File',
}
blocks['domoticz-log-popup'] = {
    title: 'Domoticz Log',
    popup: 'domoticz-log',
	image: '../custom/img/domoticz.png',
	width: 4
}
I do now have a button with domoticz icon (like the previous button.log), and when clicking on it a popup window is shown. But the log file is not displayed in there. Only the defined title 'Domoticz Log File'.

@Chris12 Can you try with

Code: Select all

blocks['log'] = {
    title: 'Domoticz Log File',
}
blocks['domoticz-log-popup'] = {
    title: 'Domoticz Log',
    popup: 'log',
	image: '../custom/img/domoticz.png',
	width: 4
}

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 21:03

@lokonli / @HansieNL

It now works, the popup windows shows the domoticz log file (and scrolling down to up

)
But... the popup window is way bigger than the logfile window itself.

screenshot:

Spoiler: show

How to get the log window the same size as the pop-up window?

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 21:10

Spoiler: show

Chris12 wrote: ↑Tuesday 26 January 2021 21:03 @lokonli / @HansieNL

It now works, the popup windows shows the domoticz log file (and scrolling down to up )
But... the popup window is way bigger than the logfile window itself.

screenshot:
Spoiler: show
How to get the log window the same size as the pop-up window?

@Chris12 Try with. You can change 250 to your own needs.

Code: Select all

blocks['log'] = {
    title: 'Domoticz Log File',
    height: 250,
}

Edit: You can also try

Code: Select all

height: 'auto',

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 21:18

No that makes no difference (also tried frameheight, but same result).
Tried the 'auto' value as well.

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 21:30

Chris12 wrote: ↑Tuesday 26 January 2021 21:18 No that makes no difference (also tried frameheight, but same result).
Tried the 'auto' value as well.

I got a full height log. Can you try in a private browser window or to clean your cache and see if that changes the height.

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 21:35

HansieNL wrote: ↑Tuesday 26 January 2021 21:30
Chris12 wrote: ↑Tuesday 26 January 2021 21:18 No that makes no difference (also tried frameheight, but same result).
Tried the 'auto' value as well.
I got a full height log. Can you try in a private browser window or to clean your cache and see if that changes the height.

Edit: can you update to the latest beta version? I did a pull git, but didn't know that the log frame view is changed.

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 21:50

Hi, I tried FF and GC browsers (all latest versions), both have the same behavior like seen in the screenshot earlier posted.
I'm already running on the 3.7.3 beta release, downloaded/installed this morning.

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 21:56

Chris12 wrote: ↑Tuesday 26 January 2021 21:50 Hi, I tried FF and GC browsers (all latest versions), both have the same behavior like seen in the screenshot earlier posted.
I'm already running on the 3.7.3 beta release, downloaded/installed this morning.

There has been a new update during the day. Can you update to latest version. I think this will solve your problem.

Chris12 · Post by **Chris12** » Tuesday 26 January 2021 22:29

Ok, just updated to the latest beta (88 comits ahead of master, the one downloaded this morning was like 82 ahead)... and now the pop-up is working fine. The log file is shown in the complete popup window.

@HansieNL.. thanks for your help!

pvklink · Post by **pvklink** » Tuesday 26 January 2021 22:41

Hi,

I had the latest beta installed and upgraded to this latest beta.
I have a large dashboard with lots of pages.
With this version a only have 25% of the first page and all other pages are missing.

I like to test the latest version, but need some help with the things to change.
Perhaps someone can take a quick look which part i have to change...

I included my files

custom.css

Code: Select all

/* png met paint 3d gemaakt
  https://fontawesome.com/icons?d=gallery&m=free
  https://htmlcolorcodes.com/ maroon navy
  met f12 kan je in het tabblad network disable cache aanvinken zodat de nieuwe image wordt geladen...daarna weer aanzetten
  https://www.rapidtables.com/web/color/html-color-codes.html
  https://dashticz-v2.readthedocs.io/en/latest/customcss/customcss.html#block-titles
  https://www.w3schools.com/
*/

.fa-chromecast.on {color: gold;}
.fa-chromecast.off {color: lightgrey;}

.fa-cloud-showers-heavy.on {color: blue !important;}
.fa-cloud-showers-heavy.off {color: lightgrey !important;}

.fa-cloud-sun-rain {color: lightgrey !important;}

.fa-shower.on {color: blue !important;}
.fa-shower.off {color: lightgrey !important;}

.fa-snowflake.on {color: blue;}
.fa-snowflake.off {color: lightgrey;}

.fa-users.on {color: gold !important;} 
.fa-users.off {color: lightgrey !important;}

.fa-sun.on {color: gold !important;} 
.fa-sun.off {color: gold !important;}

.fa-moon.on {color: gold !important;} 
.fa-moon.off {color: gold !important;}

.fa-user-clock.on {color: gold !important;} 
.fa-user-clock.off {color: lightgrey !important;}

.fa-lightbulb.on {color: gold;}
.fa-lightbulb.off {color: lightgrey;}

.fa-tasks.on {color: gold;} 
.fa-tasks.off {color: lightgrey;}

.fa-history.on {color: gold;} 
.fa-history.off {color: lightgrey;}

.fa-glass-cheers.on {color: gold;} 
.fa-glass-cheers.off {color: lightgrey;}

.fa-bed.on {color: gold;} 
.fa-bed.off {color: lightgrey;}

.fa-toggle-on.on {color: gold;} 
.fa-toggle-on.off {color: lightgrey;}

.fa-redo-alt.on {color: gold;} 
.fa-redo-alt.off {color: lightgrey;}

.fa-utensils.on {color: gold;} 
.fa-utensils.off {color: lightgrey;}

.fa-dove.on {color: gold;} 
.fa-dove.off {color: lightgrey;}

.fa-newspaper {color: lightgrey;} 
.fa-video {color: lightgrey;}
.fa-microchip {color: lightgrey;}

.fa-trash.on {color: gold;} 
.fa-trash.off {color: lightgrey;}

.fa-tree.on {color: gold;} 
.fa-tree.off {color: lightgrey;}

.fa-fire.on {color: lightgrey !important;} 
.fa-fire.off {color: lightgrey !important;}

.fa-hdd.on {color: gold;} 
.fa-hdd.off {color: lightgrey;}

.fa-music.on {color: lightgrey;} 
.fa-music.off {color: lightgrey;}

.fa-battery-full.on {color: gold;}
.fa-battery-full.off {color: lightgrey;}

.fa-camera.on {color: lightgrey;} 
.fa-camera.off {color: lightgrey;}

.fa-print.on {color: gold;} 
.fa-print.off {color: lightgrey;}

.fa-tint.on {color: gold;} 
.fa-tint.off {color: lightgrey;}

.fa-temperature-low.on {color: gold;}
.fa-temperature-low.off {color: lightgrey;}

.fa-power-off.on {color: lightgrey;}
.fa-power-off.off {color: gold;}

.fa-phone-volume.on {color: red;}
.fa-phone-volume.off {color:green;}

.fa-desktop.on {color: red;}  
.fa-desktop.off {color: green;}

.fa-laptop.on {color: red;}
.fa-laptop.off {color: green;}

.fa-tablet-alt.on {color: red;} 
.fa-tablet-alt.off {color: green;}

.fa-gamepad.on {color:red;} 
.fa-gamepad.off {color:green;}

.fa-tv.on {color:red;} 
.fa-tv.off {color:green;}

.fa-bell.on {color: red !important;} 
.fa-bell.off {color: green !important;}

.fa-smoking.on {color: red !important;} 
.fa-smoking.off {color: green !important;}

/* 
.fa-running.on {color: red !important;} 
.fa-running.off {color: green !important;}
*/
.on .fa-running {color: red !important;}
.off .fa-running {color: green !important;}

.fa-exclamation-triangle.on {color: red !important;} 
.fa-exclamation-triangle.off {color: green !important;}

.fa-id-card {color: green !important;} 
.fa-id-card.on {color: red !important;} 
.fa-id-card.off {color: green !important;} 

.fa-door-open.on {color: green;} 
.fa-door-closed.off {color: red;}

/* .fa-cog.on {color: green;opacity:0.4 !important;} */
.fa-cog.on {color: gold !important;} 
.fa-cog.off {color: green;} 

.fa-shield-alt.on {color: red !important;} 
.fa-shield-alt.off {color: green !important;} 

/* For a selector device with a drop down selection box */
.block_134  select {font-size : 18px;}
.block_139  select {font-size : 18px;}
.block_353  select {font-size : 18px;}
.block_354  select {font-size : 18px;}
.block_985  select {font-size : 18px;}
.block_2253 select {font-size : 18px;}
.block_1049 select {font-size : 18px;}
.block_1190 select {font-size : 18px;}
.block_1191 select {font-size : 18px;}
.block_1192 select {font-size : 18px;}
.block_1364 select {font-size : 18px;}
.block_1365 select {font-size : 18px;}
.block_1366 select {font-size : 18px;}
.block_1367 select {font-size : 18px;}
.block_1470 select {font-size : 18px;}
.block_1478 select {font-size : 18px;}
.block_1479 select {font-size : 18px;}
.block_1482 select {font-size : 18px;}
.block_1581 select {font-size : 18px;}
.block_1607 select {font-size : 18px;}
.block_1780 select {font-size : 18px;}
.block_2247 select {font-size : 18px;}
.block_2197 select {font-size : 18px;}
.block_2254 select {font-size : 18px;}
.block_1190 select {font-size : 12px;}
.block_1191 select {font-size : 12px;}
.block_1192 select {font-size : 12px;}
.block_1268 select {font-size : 12px;}
.block_1580 select {font-size : 12px;}
.block_1606 select {font-size : 12px;}

/* Selector buttons active  */
.btn.btn-default.active {background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;}
.btn.btn-default {background-color: white !important;border-color: white !important;}

/*  selector buttons opmaak */
.block_134  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_139  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_353  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_354  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_985  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2253 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1049 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1049 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1012 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1190 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1191 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1192 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1268 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1271 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1275 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1362 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1364 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1365 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1366 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1367 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1470 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1478 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1479 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1482 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1580 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1581 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1606 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1607 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1780 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2247 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2197 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2254 .btn.active {color: white;background-color: rgb(119,110,97) !important;}

/*  swithes iconen overrule basis opmaak was block_2103_1 nu 2103 */
.block_2103_1 .fa-thermometer-full {color: red !important;} 
.block_354  .fa-music.on {color: gold;}
.block_354  .fa-music.off {color: lightgrey;}
.block_985  .fa-users.on  {color: gold;}
.block_985  .fa-users.off {color: lightgrey;}
.block_2253 .fa-users.on  {color: gold;}
.block_2253 .fa-users.off {color: lightgrey;}
.block_1005 .fa-gamepad.on  {color: gold;}
.block_1005 .fa-gamepad.off {color: lightgrey;}
.block_1362 .fa-users.on  {color: gold;}
.block_1362 .fa-users.off {color: lightgrey;}
.block_1457 .fa-tv.off {color: darkgrey;}
.block_1457 .fa-tv.on {color: darkgrey;}
.block_1464 .fa-tv.off {color: darkgrey;}
.block_1464 .fa-tv.on {color: darkgrey;}
.block_1466 .fa-tv.off {color: darkgrey;}
.block_1466 .fa-tv.on {color: darkgrey;}
.block_1468 .fa-tv.off {color: darkgrey;}
.block_1468 .fa-tv.on {color: darkgrey;}
.block_1470 .fa-users.on  {color: gold;}
.block_1470 .fa-users.off {color: lightgrey;}
.block_1480 .fa-door-open.on  {color: gold;}
.block_1480 .fa-door-closed.on  {color: gold;}
.block_1480 .fa-door-open.off  {color: gold;}
.block_1480 .fa-door-closed.off  {color: gold;}

.block_1749 .fa-hdd.on {color: gold;opacity:1 !important;}
.block_1749 .fa-hdd.off {color: lightgrey;opacity:1 !important;}

.block_1750 .fa-hdd.on {color: gold;opacity:1 !important;}
.block_1750 .fa-hdd.off {color: lightgrey;opacity:1 !important;}

.block_1473 .fa-trash.off {color: lightgrey;opacity:1 !important;}
.block_1473 .fa-trash.on {color: gold;opacity:1 !important;}

/* tuindeur_1 
.block_1775 .fa-door-open.on  {color: red;} 
.block_1775 .fa-door-closed.off  {color: green;}*/

/* meterkast_2 */
.block_1776 .fa-door-open.on  {color: red;} 
.block_1776 .fa-door-closed.off  {color: green;}

/*  ? */
.block_134  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_139  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_353  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_354  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_985  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2253 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1049 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1190 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1191 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1192 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1268 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1364 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1365 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1366 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1367 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1470 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1478 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1580 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1581 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1606 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1607 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1780 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2247 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2197 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2254 select {background-color: white !important;color: rgb(119,110,97)!important;}

/*  1250=weeralarm 1285=weer 1305=weerverwachting 1472=timers */
.block_1250 {height: 110px !important;}
.block_1250 .col-data {height: 100%;overflow-y: auto;}
.block_1285 {height: 110px !important;}
.block_1285 .col-data {height: 100%;overflow-y: auto;}
.block_1305 {height: 110px !important;}
.block_1305 .col-data {height: 100%;overflow-y: auto;}
/* maxheight werkt niet in custom.js bij een text veld */
.block_1472 {height: 300px !important;}
.block_1472 .col-data {height: 100%;overflow-y: auto;}

/* block dimmen bij off is default dan is dit de waarde */
.block_86 .off.icon {opacity:1 !important;}
.block_210 .on.icon {opacity:0.4 !important;}
.block_210 .off.icon {opacity:1 !important;}
.block_354 .off.icon {opacity:1 !important;}
.block_1163 .off.icon {opacity:1 !important;}
.block_1303 .off.icon {opacity:1 !important;}
.block_1423 .off.icon {opacity:1 !important;}
.block_1474 .off.icon {opacity:1 !important;}
.block_1480 .off.icon {opacity:1 !important;}
.block_1485 .on.icon {opacity:1 !important;}
.block_1485 .off.icon {opacity:0.8 !important;}

/* niet nodig, deze schakelaar onzichtbaar gemaakt, met deze inst kun je wel waardes van de pushbuttons weghalen */
.block_1752 .btn-group {display: none !important;}
.block_2009 .btn-group {display: none !important;}
.block_2010 .btn-group {display: none !important;}
.block_2011 .btn-group {display: none !important;}
.block_2061 .btn-group {display: none !important;}
.block_2062 .btn-group {display: none !important;}
.block_2063 .btn-group {display: none !important;}
.block_2064 .btn-group {display: none !important;}
.block_2126 .btn-group {display: none !important;}
//.block_2227 .btn-group {display: none !important;}
.block_2237 .btn-group {display: none !important;}
.block_2244 .btn-group {display: none !important;}
.block_2205 .btn-group {display: none !important;}
.block_2105 .btn-group {display: none !important;}
.block_2107 .btn-group {display: none !important;}
.block_2222 .btn-group {display: none !important;}
.block_2248 .btn-group {display: none !important;}
.block_2249 .btn-group {display: none !important;}

/* --------------------------------- */
/* SPECIAL BLOCKS STYLING ITEMS PAGE */
/* --------------------------------- */

/* opmaak blokken speciaal cam */
div[data-id='divcam1'] {height: 280px;width: 482px;background: none !important;}
div[data-id='divcam2'] {height: 280px;width: 482px;background: none !important;}
div[data-id='divcam3'] {height: 550px;}
div[data-id='divcam4'] {height: 550px;}

div[data-id='webcama'] {height: 85px;}
div[data-id='nu'] {height: 85px;}
div[data-id='streamplayer'] {height: 85px;}

/* DEZE werkt voor de button.log maar dan wordt de logsectie even hoog als de button! */
div[data-id='log'] {height: 85px;}


/* opmaak blokken speciaal calenders */
div[data-id='calendars.dvpeter'] {height: 150px;}
div[data-id='calendars.dvpeter'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvado'] {height: 343px;}
div[data-id='calendars.dvado'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvf1'] {height: 300px;}
div[data-id='calendars.dvf1'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvfam'] {height: 170px;}
div[data-id='calendars.dvfam'] .items {height: 100%;overflow-y: auto;}

/* opmaak blokken speciaal streamplayer */
div[data-id='streamplayer'] {height: 170px;}

/* opmaak blokken speciaal ziggo met title tvguide.dutch zetten*/
div[data-id='ziggo'] {height: 342px;}
.tvguide {height: 100%;overflow-y: auto;}

/* opmaak blokken speciaal clock, sunrise, weather */
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}

/* opmaak blokken speciaal garbage                   div[data-id='garbage'] {background-color: rgba(87, 64, 56, 1) !important;} */
div[data-id='garbage'] {height: 120px;width: 300px;}
div[data-id='garbage'] .items {height: 100%;overflow-y: auto;}

/*  opmaak blokken speciaal log; maxheight en title in een block log werkt nog niet en dataid tag ook niet!*/
.containslog .items {height: 300px !important;}  /* transbg in front does not work  */

/* opmaak blokken speciaal news are set in the corresponding block news_nualg in custom.js */
[data-id='news_nualg'].news .dt_title {height:25px} /* this only works if the block has a title in custom.js */
[data-id='news_nualg'].news .col-data {height: 100%;overflow-y: auto;} /* this only works if the block has a title in custom.js */
[data-id='news_nusp'].news .col-data {height: 100%;overflow-y: auto;} /* this only works if the block has a title in custom.js */
[data-id='news_nusp'].news .dt_title {height:25px} /* this only works if the block has a title in custom.js */

/* opmaak blokken speciaal ov .block_1473 toevoegen om een van de twee blokken op te maken lukt niet*/
.publictransport {height: 300px !important;}
.publictransport {height: 100%;overflow-y: auto;}

/* security panel */
/* div[data-id='secpanel'] {background-color: rgba(87, 64, 56, 1) !important;} */
div[data-id='secpanel'] {height: 254px !important;}

/* opmaak weather niet nodig */
/* div[data-id='currentweather_big'] {background: none !important;} */
div[data-id='currentweather_big'] {height: 85px !important;}

/* div[data-id='weather_owm'] {height: 250px !important;} WERKT NIET */

/* div[data-id='1285'] {background: none !important;} */

/* --------------------------------- */
/* GENERAL STYLING ITEMS PAGE -------*/
/* --------------------------------- */
/* div.mh.titlegroups {border-radius: 15px;}				 Rounded corners */

/* inputnumber thermostat */
.input-number {font-size: 12px !important}

/* Swiper*/
.swiper-pagination-bullet {width: 0px;height: 0px;}
.swiper-pagination-bullet {width: 35px !important;height: 35px !important;}
.swiper-pagination {text-align: right !important;}

/* Make the background of the titleblocks less high */
.transbg.titlegroups {height: 50px;padding: 0px;font-size: 12px;}
.transbg[class*="col-xs"] {border-radius: 20px;}                             /* Rounded corners */

/* general titleblocks 
.colbar {background-color: rgb(66, 29, 25) !important; color: white !important;}*/
.titlegroups {background-color: rgb(119,110,97) !important; color: white !important;}
.blocktitle .dt_title {height: 25px;padding: 0px;font-size: 18px;color: white;}

/* schonen log heeft een andere breedte op pagina 2 dan op 1, vandaar deze afwijkende regel 	111, 99, 88 
.block_1473 {width: 213px !important;} */

/*
.block_1728 {height: 85px !important;background-color: rgb(59,53,50) !important;}
.block_1728 .title {font-size: 12px !important;color: white;}
.block_1728 .btn {background-color:  white !important;border-color: white !important;font-size: 16px !important;}
.block_1728 .btn.btn-warning {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
.block_1728 .btn.btn-danger {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
*/

.block_83 {height: 85px !important;background-color: rgb(59,53,50) !important;}
.block_83 .title {font-size: 12px !important;color: white;}
.block_83 .btn {background-color:  white !important;border-color: white !important;font-size: 16px !important;}
.block_83 .btn.btn-warning {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
.block_83 .btn.btn-danger {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}

/*.block_1728 .btn.btn-default {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}*/

/* sensoren */
.block_2226 {background: none !important;}
.block_2225 {background: none !important;}
.block_152 {background: none !important;}
.block_1484 {background: none !important;}
.block_1180 {background: none !important;}
.block_1182 {background: none !important;}
.block_1776 {background: none !important;}
.block_1752 {background: none !important;}
.block_2009 {background: none !important;}
.block_2010 {background: none !important;}
.block_2011 {background: none !important;}
.block_2061 {background: none !important;}
.block_2062 {background: none !important;}
.block_2063 {background: none !important;}
.block_2064 {background: none !important;}
.block_2126 {background: none !important;}
//.block_2227 {background: none !important;}
.block_2237 {background: none !important;}
.block_2244 {background: none !important;}
.block_2205 {background: none !important;}
.block_207 {background: none !important;}
.block_210 {background: none !important;}
.block_2105 {background: none !important;}
.block_2107 {background: none !important;}
.block_2222 {background: none !important;}
.block_2248 {background: none !important;}
.block_2249 {background: none !important;}

/* end sensoren */

.block_1795 {background: none !important;}
.block_1796 {background: none !important;}
.block_1783 {background: none !important;}
.block_1809 {background: none !important;}
.block_1808 {background: none !important;}
.block_2044 {background: none !important;}
.block_2045 {background: none !important;}
.block_1793 {background: none !important;}
.block_1791 {background: none !important;}
.block_1792 {background: none !important;}
.block_2065 {background: none !important;}
.block_1794 {background: none !important;}

/* network devices */
/* .block_1784 {background: none !important;} */
/* .block_1786 {background: none !important;} */
/* .block_1787 {background: none !important;} */
/* .block_1785 {background: none !important;} */
/* .block_1790 {background: none !important;} */
/* .block_1789 {background: none !important;} */
/* end network devices */

.block_1788 {background: none !important;}
.block_1795 {background: none !important;}
.block_1796 {background: none !important;}
.block_1802 {background: none !important;}
.block_1804 {background: none !important;}
.block_1800 {background: none !important;}
.block_1799 {background: none !important;}
.block_1798 {background: none !important;}
.block_1801 {background: none !important;}
.block_1797 {background: none !important;}
.block_1803 {background: none !important;}
.block_1805 {background: none !important;}
.block_1782 {background: none !important;}

/* div[data-id='0c'] {background-color: rgb(119,110,97) !important;width: 600px !important;} */
div[data-id='0c'] {background-color: rgb(119,110,97)}
div[data-id='0d'] {background-color: rgb(119,110,97)}
div[data-id='0e'] {background-color: rgb(119,110,97)}
div[data-id='0f'] {background-color: rgb(119,110,97)}
div[data-id='0g'] {background-color: rgb(119,110,97)}
div[data-id='0h'] {background-color: rgb(119,110,97)}
div[data-id='2b'] {background-color: rgb(119,110,97)}

/* [data-id='secpanel'] .dt_content {width: 180px!important; height: 243px!important;} deze werkt niet */
/* div[data-id='secpanel'] {width: 200px!important;height: 240px !important;}*/
div[data-id='secpanel'] {width: 420px!important;height: 540px !important;}

config.js

Code: Select all


var config = {}
config['domoticz_ip'] = 'http://xxxx:82';
config['enable_websocket'] = 0;
config['user_name'] = 'xxx';
config['pass_word'] = 'xxx';
config['app_title'] = 'Domotica xxxxx';
config['room_plan'] = '0';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '30';
config['default_cors_url'] = '';
config['dashticz_php_path'] = './vendor/dashticz/';
config['standby_call_url'] = '';
config['standby_call_url_on_end'] = '';
config['theme'] = 'default';
config['background_image'] = 'img/bg3.jpg';
config['standby_after'] = '0';
config['auto_swipe_back_to'] = '1';
config['auto_swipe_back_after'] = '60';
config['auto_slide_pages'] = '';
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
config['blink_color'] = '255, 255, 255, 1';
config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM.YYYY HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = '';
config['boss_stationclock'] = 'RedBoss';
config['gm_api'] = '';
config['gm_zoomlevel'] = '';
config['gm_latitude'] = '';
config['gm_longitude'] = '';
config['speak_lang'] = 'nl-NL';
config['wu_api'] = '';
config['wu_city'] = 'Amsterdam';
config['wu_name'] = '';
config['wu_country'] = 'NL';
config['owm_api'] = 'ad2f8b7da8481b3bf02ad443947e7c21';
//config['owm_city'] = 'Rijswijk';
config['owm_city'] = 2748075;
config['owm_name'] = 'Rijswijk (zh)';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_days'] = 1;
config['owm_min'] = 0;
config['idx_moonpicture'] = '';
config['longfonds_zipcode'] = '';
config['longfonds_housenumber'] = '';
config['switch_horizon'] = '';
config['host_nzbget'] = '';
config['spot_clientid'] = '';
config['sonarr_url'] = '';
config['sonarr_apikey'] = '';
config['sonarr_maxitems'] = '';
config['garbage_company'] = 'avalex';
config['garbage_icalurl'] = '';
config['google_api_key'] = '';
config['garbage_calendar_id'] = '';
config['garbage_zipcode'] = 'xxxx';
config['garbage_street'] = 'Cornelia Schellingerlaan';
config['garbage_housenumber'] = '11';
config['garbage_housenumberadd'] = '';
config['garbage_maxitems'] = '12';
config['garbage_width'] = '6';
config['setpoint_min'] = '5';
config['setpoint_max'] = '40';
config['loginEnabled'] = 1;
config['disable_update_check'] = 0;
config['no_rgb'] = 0;
config['auto_positioning'] = 0;
config['use_favorites'] = 0;
config['disable_googleanalytics'] = 1;
config['last_update'] = 1;
config['hide_topbar'] = 0;
config['security_button_icons'] = 0;
config['edit_mode'] = false;
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['garbage_icon_use_colors'] = 1;
config['garbage_use_colors'] = 1;
config['garbage_use_names'] = 1;
config['garbage_use_cors_prefix'] = 1;

//Configuring the OWM parameters https://home.openweathermap.org/api_keys   locatie-id 2748075 of 76
config['garbage_mapping'] = {
    rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
    gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
    pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
    papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
    kca: ['chemisch', 'kca','kga'],
    brown: ['brown', 'verre'],
    black: ['black', 'zwart'],
    milieu: ['milieu'],
    kerstboom: ['kerst'],
};

config['garbage'] = {
    gft: {kliko: 'green', code: '#FFFFFF', name: 'GFT (groene bak)', icon: 'img/garbage/kliko_green.png'},
    pmd: {kliko: 'orange', code: '#FFFFFF', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
    rest: {kliko: 'grey', code: '#FFFFFF', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
    papier: {kliko: 'blue', code: '#FFFFFF', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
    kca: {kliko: 'red', code: '#FFFFFF', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
    brown: {kliko: 'brown', code: '#FFFFFF', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
    black: {kliko: 'black', code: '#FFFFFF', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
    milieu: {kliko: 'yellow', code: '#FFFFFF', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
    kerstboom: {kliko: 'green', code: '#FFFFFF', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

var _STREAMPLAYER_TRACKS =	[
	{"track":1,"name":"3fm","file":"http://icecast.omroep.nl/3fm-bb-mp3"},
	{"track":2,"name":"538","file":"http://18973.live.streamtheworld.com/RADIO538.mp3"},
	{"track":3,"name":"Q-Music","file":"http://icecast-qmusic.cdp.triple-it.nl/Qmusic_nl_live_96.mp33"},
	{"track":4,"name":"Radio10","file":"http://stream.radio10.nl/radio10"},
	{"track":5,"name":"Veronica","file":"http://playerservices.streamtheworld.com/api/livestream-redirect/VERONICA.mp3"},
	{"track":6,"name":"Skyradio","file":"http://playerservices.streamtheworld.com/api/livestream-redirect/SKYRADIO.mp3"},
				]

var frames = {}
	frames.cal1	= {height:600,width:800,frameurl:"https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxxx%40gmail.com&amp;color=%2329527A&amp;src=xxxxx
	frames.cal2	= {height:600,width:800,frameurl:"https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=appsfamvanklink%40gmail.com&amp;color=%2329527A&amp;src=o995k0mll8bt4v300arkj1bto08ng8uv%40import.calendar.google.com&amp;color=%230F4B38&amp;ctz=Europe%2FAmsterdam"}

var calendars = {}
	calendars.peter	= {key:'dvpeter', maxitems: 6, icon: 'fas fa-user-lock', url: 'https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxx%40gmail.com&amp;color=%2329527A&amp',icalurl: 'https://calendar.google.com/calendar/ical/xxxxx%40gmail.com/public/basic.ics' }
	calendars.ado	= {key:'dvado',maxitems: 20, icon: 'fas fa-volleyball-ball', url: 'https://calendar.google.com/calendar/embed?src=xxxxxxx%40group.calendar.google.com&ctz=Europe%2FAmsterdam',icalurl: 'https://calendar.google.com/calendar/ical/xxxxxxgroup.calendar.google.com/public/basic.ics' }
	calendars.fam	= {key:'dvfam',maxitems: 6, icon: 'fas fa-users',url: 'https://calendar.google.com/calendar/embed?height=200&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxx%40gmail.com&amp;color=%2329527A&amp',icalurl: 'https://calendar.google.com/calendar/ical/xxxxxx%40gmail.com/public/basic.ics' }
	calendars.f1	= { key:'dvf1',maxitems: 20, icon: 'fas fa-car', url: 'https://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/',icalurl: 'webcal://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/calendar.ics' }
	//calendars.avalex	= { key:'dvfam', maxitems: 6, title: 'Avalex', url: 'https://www.avalex.nl/ical/xxxxxxxx',icalurl: 'https://www.avalex.nl/ical/xxxxxxxxx' }

//calendars.combined = {}
	//calendars.combined.maxitems	= 10;
	//calendars.combined.calendars	= [{ color:'white',calendar:calendars.fam }, { color:'green',calendar:calendars.avalex }]
	//calendars.combined.url	= 'https://calendar.google.com/calendar';

var publictransport = {}
	publictransport.ovinfotrain	= { show_via: true, station: 'xxxxxx', title:'NS', provider: '9292-train', show_lastupdate:true, icon: 'fas fa-train', width: 6, results: 20 };
	publictransport.ovinfotram	= { show_via: false, station: 'xxxx', title:'HTM',provider: '9292-tram-bus', show_lastupdate:true, icon: 'fas fa-bus', width:6, results: 20 };

var tvguide = {}
	tvguide.dutch = {key:'ziggo',title:'Ziggo', icon: 'fas fa-tv', width:12, channels: [1,2,3,4,31,36,37,34,466,420], maxitems: 20 }

var buttons = {}
	buttons.radio	= {width:8, btnimage: 'radio', title: '/img/radio_on.png', url: 'http://nederland.fm'}
	buttons.webcam1 = {key:'divcam1', width:12, isimage:true, forcerefresh:false, refreshimage: 1000, refreshurl: 1000, btnimage: 'http://xxxxxx/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxx', url: 'http://xxxxx/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx'}
	buttons.webcam2 = {key:'divcam2', width:12, isimage:true, forcerefresh:false, cheapwebcam:true, refreshimage: 1000, refreshurl: 1000, btnimage: 'https://xxxxx/cgi-bin/currentpic.cgi?user=xxxx&pwd=xxxxx', url: 'https://xxxx.52/'}
	buttons.webcam3 = {key:'divcam3', width:12, isimage:true, forcerefresh:true, refreshimage: 5000, refreshurl: 5000, btnimage: 'http://xxxxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxx', url: 'http://xxxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx'}
	buttons.webcam4 = {key:'divcam4', width:12, isimage:true, forcerefresh:true, cheapwebcam:true, refreshimage: 5000, refreshurl: 5000, btnimage: 'https://xxxxxx.52/cgi-bin/currentpic.cgi?user=xxxx&pwd=xxxxx', url: 'https://xxxxx.52/'}
	buttons.log	= {key:'log',width:4, icon:'fas fa-microchip',title: 'Domoticz Log',log:true,level: 2}

	buttons.nunl	= {key:'nu', width:4, icon: 'fas fa-newspaper', title: 'Nu.nl', url: 'http://www.nu.nl'}
	buttons.webcama = {key:'webcama', width:4, icon: 'fas fa-video', title:'Cam',url: 'http://xxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx', framewidth:500, frameheight:400, slide:2}

// BLOKKEN 
var blocks = {}

// TITELBLOKKEN
blocks['t_observatie']			={type: 'blocktitle',title: 'Observatie'}
blocks['t_observatie_pc_devices_gaming']={type: 'blocktitle',title: 'Observatie pc en gaming devices'}
blocks['t_observatie_tv_devices']	={type: 'blocktitle',title: 'Observatie tv devices'}
blocks['t_observatie_mobiele_devices']	={type: 'blocktitle',title: 'Observatie mobiele devices'}
blocks['t_observatie_tablets']		={type: 'blocktitle',title: 'Observatie tablets'}
blocks['t_observatie laptops en tablets'] ={type: 'blocktitle',title: 'Observatie laptops'}
blocks['t_observatie_sensoren']		={type: 'blocktitle',title: 'Observatie sensoren'}
blocks['t_klimaat binnen']		={type: 'blocktitle',title: 'Klimaat binnen'}
blocks['t_scenes']			={type: 'blocktitle',title: 'Scenes'}
blocks['t_schakelaars']			={type: 'blocktitle',title: 'Schakelaars'}
blocks['t_tuin']			={type: 'blocktitle',title: 'Tuin'}
blocks['t_amusement']			={type: 'blocktitle',title: 'Amusement'}
blocks['t_netwerk']			={type: 'blocktitle',title: 'Netwerk'}
blocks['t_security']			={type: 'blocktitle',title: 'Security'}
//blocks['t_detectie']			={type: 'blocktitle',title: 'Detectie'}
blocks['t_apps']			={type: 'blocktitle',title: 'Apps'}
blocks['t_irrigatie_&_tuinverlichting']	={type: 'blocktitle',title: 'Irrigatie & tuinverlichting'}
blocks['t_klimaat_buiten']		={type: 'blocktitle',title: 'Klimaat buiten'}	
blocks['t_nieuws']			={type: 'blocktitle',title: 'Nieuws'}

// KLIMAAT BUITEN

blocks[1285]	= {title: 'Weer', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1305]	= {title: 'Weer verwachting', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1250]	= {title: 'Weeralarm', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1423]	= {title: 'Sensor', icon: 'fas fa-cloud-showers-heavy', hide_data: false, width: 3, switch: false, last_update: true, textOn: '', textOff: ''}	//speakOn: 'Regensensor aan', speakOff: 'Regensensor uit',
blocks[1303]	= {title: '', hide_data: false, last_update: true, icon: 'fas fa-cloud-showers-heavy', width: 3, textOn: '', textOff: '', textOn: 'Regen', textOff: 'Droog',switch: true}	//speakOn: 'Het regent',
blocks[1248]	= {title: 'Strijp', hide_data: true, switch: true, width: 3}
blocks['2241_1']= {title: 'Temp. achtertuin', hide_data: true, last_update: false, switch: true, width: 3}

// KLIMAAT BINNEN

blocks[1049]	= {title: 'Niels CV', hide_data: true, icon: 'fas fa-fire', width: 4, speak: 'Zolder verwarming aangepast'}
blocks[2125]	= {title: 'Radiator', switch: true, width: 4, hide_data: true, last_update: false}
blocks[2115]	= {title: 'Zolder radiator', hide_data: true, last_update: false, switch: true, width: 4}
blocks['2242_1']= {title: 'Zolder', hide_data: true, last_update: false, switch: true, width: 4}
blocks['2103_1']= {title: 'Was machine', icon: 'fas fa-thermometer-half', hide_data: true, width: 4, switch: true, last_update: false}
blocks[1163]	= {title: '', icon: 'fas fa-snowflake', hide_data: false,speak: 'Vorstalarm aangepast', width: 3, last_update: true, textOn: 'Vorst 4c', textOff: 'Geen vorst', switch: true}

// NEWS FEED https://crossorigin.me/ niet meer gebruiken

blocks['news_nualg']	= {title: 'Nu.nl (algemeen)', feed: 'http://www.nu.nl/rss/algemeen', maxheight: 150}
blocks['news_nusp']	= {title: 'Nu.nl (sport)', feed: 'http://www.nu.nl/rss/sport', maxheight: 150} 
blocks['news_twk']	= {title: 'Nu.nl (tweakers)', feed: 'http://feeds.feedburner.com/tweakers/nieuws', maxheight: 150}
// dit werkt niet, dus in css regelen blocks['log'] = {title: 'Domoticz logging',maxheight: 150}

//SCENES

blocks[1480] = {title: '', iconOn: 'fas fa-door-open', iconOff: 'fas fa-door-closed', width: 3, textOn: 'Thuis', textOff: 'Uit huis', last_update: false, switch: true}		//hide_data: true
blocks[1474] = {title: 'Zon', iconOn: 'fas fa-sun',iconOff: 'fas fa-moon', width: 3, textOn: 'Op', textOff: 'Onder', last_update: false}	//hide_data: true
blocks[1482] = {title: 'Avond', icon: 'fas fa-glass-cheers', hide_data: true, width: 9}
blocks[1476] = {title: 'Opstaan', hide_data: true, icon: 'fas fa-dove', width: 3}								//icon: 'fas fa-tasks'
blocks[1477] = {title: 'Ontbijten', hide_data: true, icon: 'fas fa-utensils', width: 3}
blocks[1475] = {title: 'Slapen', icon: 'fas fa-bed', hide_data: true, width: 3}

blocks[985]  = {title: 'Schakelklok', icon: 'fas fa-history', hide_data: true, width: 4, speakOn: 'Schakelklok aan', speakOff: 'Schakelklok uit'}	//icon: 'fas fa-users'
blocks[1362] = {title: 'Irrigatieklok', icon: 'fas fa-user-clock', hide_data: true, width: 4,speakOn: 'irrigatie aan',speakOff: 'Irrigatie uit'}
blocks[2253]  = {title: 'Config', icon: 'fas fa-history', hide_data: true, width: 4}									//icon: 'fas fa-users'

//
// IRRIGATIE
//


blocks[2250] = {}
blocks[2250]['title'] = 'Buiten lantaarn';
blocks[2250]['hide_data'] = true;
blocks[2250]['width'] = 3;
blocks[2250]['last_update'] = false;

blocks[1013] = {}
blocks[1013]['title'] = 'Buiten kerst';
blocks[1013]['hide_data'] = true;
blocks[1013]['width'] = 3;
blocks[1013]['last_update'] = false;
blocks[994] = {}
blocks[994]['title'] = 'Border voor';
blocks[994]['hide_data'] = true;
blocks[994]['width'] = 2;

blocks[991] = {}
blocks[991]['title'] = 'Border achter';
blocks[991]['hide_data'] = true;
blocks[991]['width'] = 2;


blocks[15] = {}
blocks[15]['title'] = 'Bew. lamp';
blocks[15]['hide_data'] = true;
blocks[15]['width'] = 2;

blocks[969] = {}
blocks[969]['title'] = 'Sproei border links';
blocks[969]['hide_data'] = true;
blocks[969]['icon'] = 'fas fa-shower';
blocks[969]['width'] = 3;
blocks[969]['speakOn'] = 'Irrigatie border links aan';
//blocks[969]['speakOff'] = 'Irrigatie border links uit';

blocks[1190] = {}
blocks[1190]['title'] = 'Duur in min';
blocks[1190]['icon'] = '';
blocks[1190]['width'] = 3;

blocks[1364] = {}
blocks[1364]['title'] = 'Timers';
blocks[1364]['hide_data'] = true;
blocks[1364]['icon'] = 'fas fa-user-clock';
blocks[1364]['width'] = 6;
//blocks[1364]['speakOn'] = 'Irrigatietimers aan';
//blocks[1364]['speakOff'] = 'Irrigatietimers uit';

blocks[973] = {}
blocks[973]['title'] = 'Sproei border rechts';
blocks[973]['hide_data'] = true;
blocks[973]['icon'] = 'fas fa-shower';
blocks[973]['width'] = 3;
blocks[973]['speakOn'] = 'Irrigatie border rechts aan';
//blocks[973]['speakOff'] = 'Irrigatie border rechts uit';

blocks[1192] = {}
blocks[1192]['title'] = 'Duur in min';
blocks[1192]['icon'] = '';
blocks[1192]['width'] = 3;

blocks[1365] = {}
blocks[1365]['title'] = 'Timers';
blocks[1365]['hide_data'] = true;
blocks[1365]['icon'] = 'fas fa-user-clock';
blocks[1365]['width'] = 6;
//blocks[1365]['speakOn'] = 'Irrigatietimers aan';
//blocks[1365]['speakOff'] = 'Irrigatietimers uit';

blocks[1189] = {}
blocks[1189]['title'] = 'Sproei gazon';
blocks[1189]['hide_data'] = true
blocks[1189]['icon'] = 'fas fa-shower';
blocks[1189]['width'] = 3;
blocks[1189]['speakOn'] = 'Irrigatie gazon aan';
//blocks[1189]['speakOff'] = 'Irrigatie gazon uit';

blocks[1191] = {}
blocks[1191]['title'] = 'Duur in min';
blocks[1191]['icon'] = '';
blocks[1191]['width'] = 3;

blocks[1366] = {}
blocks[1366]['title'] = 'Timers';
blocks[1366]['hide_data'] = true;
blocks[1366]['icon'] = 'fas fa-user-clock';
blocks[1366]['width'] = 6;
//blocks[1366]['speakOn'] = 'Irrigatietimers aan';
//blocks[1366]['speakOff'] = 'Irrigatietimers uit';

blocks[1267] = {}
blocks[1267]['title'] = 'Sproei planten';
blocks[1267]['hide_data'] = true;
blocks[1267]['icon'] = 'fas fa-shower';
blocks[1267]['width'] = 3;
blocks[1267]['speakOn'] = 'Irrigatie planten aan';
//blocks[1267]['speakOff'] = 'Irrigatie planten uit';

blocks[1268] = {}
blocks[1268]['title'] = 'Duur in min';
blocks[1268]['icon'] = '';
blocks[1268]['width'] = 3;

blocks[1367] = {}
blocks[1367]['title'] = 'Timers';
blocks[1367]['hide_data'] = true;
blocks[1367]['icon'] = 'fas fa-user-clock';
blocks[1367]['width'] = 6;
//blocks[1367]['speakOn'] = 'Irrigatietimers aan';
//blocks[1367]['speakOff'] = 'Irrigatietimers uit';

blocks[1601] = {}
blocks[1601]['title'] = 'Sproei voortuin links';
blocks[1601]['hide_data'] = true;
blocks[1601]['icon'] = 'fas fa-shower';
blocks[1601]['width'] = 3;
blocks[1601]['speakOn'] = 'Irrigatie voortuin links aan';
//blocks[1601]['speakOff'] = 'Irrigatie voortuin links uit';

blocks[1580] = {}
blocks[1580]['title'] = 'Duur in min';
blocks[1580]['icon'] = '';
blocks[1580]['width'] = 3;

blocks[1581] = {}
blocks[1581]['title'] = 'Timers';
blocks[1581]['hide_data'] = true;
blocks[1581]['icon'] = 'fas fa-user-clock';
blocks[1581]['width'] = 6;
//blocks[1581]['speakOn'] = 'Irrigatietimers aan';
//blocks[1581]['speakOff'] = 'Irrigatietimers uit';

blocks[1604] = {}
blocks[1604]['title'] = 'Sproei voortuin rechts';
blocks[1604]['hide_data'] = true;
blocks[1604]['icon'] = 'fas fa-shower';
blocks[1604]['width'] = 3;
blocks[1604]['speakOn'] = 'Irrigatie voortuin rechts aan';
//blocks[1604]['speakOff'] = 'Irrigatie voortuin rechts uit';

blocks[1606] = {}
blocks[1606]['title'] = 'Duur in min';
blocks[1606]['icon'] = '';
blocks[1606]['width'] = 3;

blocks[1607] = {}
blocks[1607]['title'] = 'Timers';
blocks[1607]['hide_data'] = true;
blocks[1607]['icon'] = 'fas fa-user-clock';
blocks[1607]['width'] = 6;
//blocks[1607]['speakOn'] = 'Irrigatietimers aan';
//blocks[1607]['speakOff'] = 'Irrigatietimers uit';

// SCHAKELAARS

blocks[1479]	= {title: 'Alle devices', icon: 'fas fa-toggle-on', hide_data: true, width: 4}
blocks[1470]	= {title: 'Usb lamp', hide_data: true, icon: 'fas fa-lightbulb', width: 4}						//speak: 'Usb lamp is gewijzigd';
blocks[86]	= {title: 'Rolluik', hide_data: true, width: 4, imageOff: 'pvk_blind_off.png', imageOn: 'pvk_blind_on.png', speak: 'Rolluik is gewijzigd'}
blocks[1481]	= {title: 'Basis voorz.', icon: 'fas fa-redo-alt', hide_data: true, width: 4}
blocks[262]	= {title: 'Boiler', icon: 'fas fa-tint', hide_data: true, width: 4}
blocks[2071]	= {title: 'Printer', icon: 'fas fa-print', hide_data: true, width: 4}
blocks[1002]	= {title: 'Lantaarn', hide_data: true, width: 4}									//, speakOn: 'Lantaarn is aan', speakOff: 'Lantaarn is uit'
blocks[259]	= {title: 'Nacht lamp', hide_data: true, width: 4}									//speakOn: 'Lantaarn is aan', speakOff: 'Lantaarn is uit'
blocks[997]	= {title: 'Lamp tv links', hide_data: true, width: 4}

//
// AMUSEMENT
//

blocks[354] = {}
blocks[354]['title'] = 'Denon volume';
blocks[354]['icon'] = 'fas fa-music';
blocks[354]['width'] = 6;

blocks[353] = {}
blocks[353]['title'] = 'Denon source';
blocks[353]['icon'] = 'fas fa-music';
blocks[353]['width'] = 6;

blocks[134] = {}
blocks[134]['title'] = 'Denon zenders';
blocks[134]['icon'] = 'fas fa-music';
blocks[134]['width'] = 6;

blocks[139] = {}
blocks[139]['title'] = 'Denon mixer';
blocks[139]['icon'] = 'fas fa-music';
blocks[139]['width'] = 6;

blocks[1012] = {}
blocks[1012]['title'] = 'Maak een foto';
blocks[1012]['icon'] = 'fas fa-camera';
blocks[1012]['hide_data'] = true;
blocks[1012]['width'] = 6;
blocks[1012]['speakOn'] = 'Er wordt een foto gemaakt';

blocks[1005] = {}
blocks[1005]['title'] = 'TV aanbouw';
blocks[1005]['icon'] = 'fas fa-gamepad';
blocks[1005]['hide_data'] = true;
blocks[1005]['width'] = 6;

blocks[1464] = {}
blocks[1464]['title'] = 'TV';
blocks[1464]['icon'] = 'fas fa-tv';
blocks[1464]['hide_data'] = true;
blocks[1464]['width'] = 3;
blocks[1464]['speak'] = 'TV is veranderd';

blocks[1466] = {}
blocks[1466]['title'] = 'kanaal up';
blocks[1466]['icon'] = 'fas fa-tv';
blocks[1466]['hide_data'] = true;
blocks[1466]['width'] = 3;
//blocks[1466]['speak'] = 'TV is veranderd';

blocks[1457] = {}
blocks[1457]['title'] = 'kanaal up';
blocks[1457]['icon'] = 'fas fa-tv';
blocks[1457]['hide_data'] = true;
blocks[1457]['width'] = 3;
//blocks[1457]['speak'] = 'TV is veranderd';

blocks[1468] = {}
blocks[1468]['title'] = 'MUTE';
blocks[1468]['icon'] = 'fas fa-tv';
blocks[1468]['hide_data'] = true;
blocks[1468]['width'] = 3;
blocks[1468]['speak'] = 'Mute is veranderd';

blocks[1271] = {}
blocks[1271]['title'] = 'Chrome huiskamer';
blocks[1271]['icon'] = 'fas fa-music';
blocks[1271]['hide_data'] = true;
blocks[1271]['width'] = 9;

blocks[1273] = {}
blocks[1273]['title'] = 'Titel';
blocks[1273]['icon'] = 'fas fa-music';
blocks[1273]['hide_data'] = true;
blocks[1273]['width'] = 3;

blocks[1275] = {}
blocks[1275]['title'] = 'Chrome sonia';
blocks[1275]['icon'] = 'fas fa-music';
blocks[1275]['hide_data'] = true;
blocks[1275]['width'] = 9;

blocks[1277] = {}
blocks[1277]['title'] = 'Titel';
blocks[1277]['icon'] = 'fas fa-music';
blocks[1277]['hide_data'] = true;
blocks[1277]['width'] = 3;
//
// TV
//
blocks[1793] = {}
blocks[1793]['title'] = 'TV Woon kamer';
blocks[1793]['icon'] = 'fas fa-tv';
blocks[1793]['hide_data'] = true;
blocks[1793]['width'] = 2;

blocks[1791] = {}
blocks[1791]['title'] = 'TV Werk kamer';
blocks[1791]['icon'] = 'fas fa-tv';
blocks[1791]['hide_data'] = true;
blocks[1791]['width'] = 2;

blocks[2045] = {}
blocks[2045]['title'] = 'Nest hub';
blocks[2045]['icon'] = 'fas fa-tv';
blocks[2045]['hide_data'] = true;
blocks[2045]['width'] = 2;

blocks[1792] = {}
blocks[1792]['title'] = 'TV Niels';
blocks[1792]['icon'] = 'fas fa-tv';
blocks[1792]['hide_data'] = true;
blocks[1792]['width'] = 2;
blocks[1792]['speakOn'] = 'TV niels aan';
//blocks[1792]['speakOff'] = 'TV niels uit';

blocks[2065] = {}
blocks[2065]['title'] = 'TV Niels noodvz';
blocks[2065]['icon'] = 'fas fa-tv';
blocks[2065]['hide_data'] = true;
blocks[2065]['width'] = 2;
blocks[2065]['speakOn'] = 'TV niels aan';

blocks[1794] = {}
blocks[1794]['title'] = 'TV Sonia';
blocks[1794]['icon'] = 'fas fa-tv';
blocks[1794]['hide_data'] = true;
blocks[1794]['width'] = 2;
blocks[1794]['On'] = 'TV sonia is aan';
//blocks[1794]['speakOff'] = 'TV sonia is uit';

// NETWERK 

blocks[1786] =	{title: 'Unify', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1787] =	{title: 'Zyxel', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1785] =	{title: 'NAS', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1790] =	{title: 'Edge router', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1789] =	{title: 'Ziggo lan', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1788] =	{title: 'Ziggo wan', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1784] =	{title: 'DNS Google', width: 4, icon: 'fas fa-hdd', hide_data: true}
//blocks[260]  =	{title: 'Edge router', width: 4, icon: 'fas fa-hdd', hide_data: true}

// TELEPHONE

blocks[1783] = {}
blocks[1783]['title'] = 'Peter 06';
blocks[1783]['icon'] = 'fas fa-phone-volume';
blocks[1783]['hide_data'] = true;
blocks[1783]['width'] = 2;

blocks[1809] = {}
blocks[1809]['title'] = 'Monique 06';
blocks[1809]['icon'] = 'fas fa-phone-volume';
blocks[1809]['hide_data'] = true;
blocks[1809]['width'] = 2;

blocks[1808] = {}
blocks[1808]['title'] = 'Sonia 06';
blocks[1808]['icon'] = 'fas fa-phone-volume';
blocks[1808]['hide_data'] = true;
blocks[1808]['width'] = 2;

blocks[2044] = {}
blocks[2044]['title'] = 'Niels iphone';
blocks[2044]['icon'] = 'fas fa-phone-volume';
blocks[2044]['hide_data'] = true;
blocks[2044]['width'] = 2;

// SECURITY

blocks['secpanel'] = {width: 10, headerText: 'familie xxxx',footerText: 'security entrance'}
//blocks[1728]		=	{title: 'Security paneel', width: 9}							//dit is de security switch hide_data: true, gotoslide: 3,
blocks[2247]		=	{title: 'Alarm installatie', hide_data: true, icon: 'fas fa-cog', width: 4}
blocks[1780]		=	{title: 'Alarm status', hide_data: true, icon: 'fas fa-exclamation-triangle', width: 4}	//was 6
blocks[153]		= 	{title: 'Bew. Service', icon: 'fas fa-bell', hide_data: true, width: 4}
blocks[2197]		=	{title: 'Config Sirene/bel', icon: 'fas fa-cog', hide_data: true, width: 4}
blocks[2087]		=	{title: 'Sirene/bel', icon: 'fas fa-bell', hide_data: true, width: 4}
blocks[2254]		=	{title: 'Config logging', icon: 'fas fa-cog', hide_data: true, width: 4}

// SENSOREN

blocks[2226] =	{title: 'Rook hal', icon: 'fas fa-smoking', hide_data: true, speak: 'Er is rook in de hal', width: 2}
blocks[2225] =	{title: 'Rook trap', icon: 'fas fa-smoking', hide_data: true, speak: 'Er is rook op de trap', width: 2}
blocks[152] =	{title: 'Bew. Alarm tuin', icon: 'fas fa-bell', hide_data: true, width: 2}
blocks[1484]=	{title: 'Bew. Alarm straat', icon: 'fas fa-bell', hide_data: true, width: 2}
blocks[1180]=	{title: 'Bel tuin', icon: 'fas fa-bell', hide_data: true, width: 2,gotoslideOn:6}
blocks[1182]=	{title: 'Bel voordeur', icon: 'fas fa-bell', hide_data: true, width: 2, gotoslideOn:7}
blocks[1776]=	{title: 'Meter kast 2', hide_data: true, width: 2}
blocks[1752]=	{title: 'Tuindeur', hide_data: true, width: 2}
blocks[2009]=	{title: 'Voordeur', hide_data: true, width: 2}
blocks[2010]=	{title: 'Raam aanbouw', hide_data: true, width: 2}
blocks[2011]=	{title: 'Raam keuken', hide_data: true, width: 2}
blocks[2061]=	{title: 'Raam logeer links', hide_data: true, width: 2}
blocks[2062]=	{title: 'Raam logeer rechts', hide_data: true, width: 2}
blocks[2063]=	{title: 'Raam ouder rechts', hide_data: true, width: 2}
blocks[2064]=	{title: 'Raam ouder links', hide_data: true, width: 2}
//blocks[2237]=	{title: 'Pir aanbouw', icon: 'fas fa-running', hide_data: true, width: 2}
blocks[2237]=	{title: 'Pir aanbouw', value:'', width: 2, last_update: false}
blocks[2244]=	{title: 'Pir auto', value:'', width: 2, last_update: false}
blocks[2248]=	{title: 'Pir huiskamer', value:'', width: 2, last_update: false}
blocks[2249]=	{title: 'Pir 1e verdieping', value:'', width: 2, last_update: false}

blocks[2205]=	{title: 'Schuurdeur', hide_data: true, width: 2}
blocks[2222]=	{title: 'Raam douche', hide_data: true, width: 2}
blocks[2105]=	{title: 'Raam sonia', hide_data: true, width: 2}
blocks[2107]=	{title: 'Raam ouder velux', hide_data: true, width: 2}

blocks[207] =	{title: 'Alarm jablotron', icon: 'fas fa-exclamation-triangle', hide_data: true, width: 2}
blocks[210] =	{title: 'Jablotron enabled', icon: 'fas fa-door-closed', hide_data: true, width: 2}

//
// pc en tablet
//
blocks[1795] = {}
blocks[1795]['title'] = 'Peter pc vlan';
blocks[1795]['hide_data'] = true;
blocks[1795]['icon'] = 'fas fa-desktop';
blocks[1795]['width'] = 2;

blocks[1796] = {}
blocks[1796]['title'] = 'Peter ptb';
blocks[1796]['hide_data'] = true;
blocks[1796]['icon'] = 'fas fa-laptop';
blocks[1796]['width'] = 2;

blocks[1802] = {}
blocks[1802]['title'] = 'Peter tablet';
blocks[1802]['hide_data'] = true;
blocks[1802]['icon'] = 'fas fa-tablet-alt';
blocks[1802]['width'] = 2;

blocks[1804] = {}
blocks[1804]['title'] = 'Monique tablet';
blocks[1804]['hide_data'] = true;
blocks[1804]['icon'] = 'fas fa-tablet-alt';
blocks[1804]['width'] = 2;

blocks[1800] = {}
blocks[1800]['title'] = 'Niels pc ziggo';
blocks[1800]['hide_data'] = true;
blocks[1800]['icon'] = 'fas fa-desktop';
//blocks[1800]['speakOn'] = 'Pc niels is aan';
//blocks[1800]['speakOff'] = 'Pc niels is uit';
blocks[1800]['width'] = 2;

blocks[1799] = {}
blocks[1799]['title'] = 'Niels pc vlan';
blocks[1799]['hide_data'] = true;
blocks[1799]['icon'] = 'fas fa-desktop';
//blocks[1799]['speakOn'] = 'Pc niels is aan';
//blocks[1799]['speakOff'] = 'Pc niels is uit';
blocks[1799]['width'] = 2;

blocks[1798] = {}
blocks[1798]['title'] = 'Niels ptb';
blocks[1798]['hide_data'] = true;
blocks[1798]['icon'] = 'fas fa-laptop';
//blocks[1798]['speakOn'] = 'Portable niels is aan';
//blocks[1798]['speakOff'] = 'Portable niels is uit';
blocks[1798]['width'] = 2;

blocks[1801] = {}
blocks[1801]['title'] = 'Niels pc vlan wifi';
blocks[1801]['hide_data'] = true;
blocks[1801]['icon'] = 'fas fa-desktop';
//blocks[1801]['speakOn'] = 'Pc niels wifi is aan';
//blocks[1801]['speakOff'] = 'Pc niels wifi is uit';
blocks[1801]['width'] = 2;

blocks[1797] = {}
blocks[1797]['title'] = 'Sonia ptb';
blocks[1797]['hide_data'] = true;
blocks[1797]['icon'] = 'fas fa-laptop';
blocks[1797]['width'] = 2;

// remote werkt niet
blocks[1451] = {}
blocks[1451]['title'] = 'TV';
blocks[1451]['width'] = 4;

blocks[1803] = {}
blocks[1803]['title'] = 'Sonia tablet';
blocks[1803]['hide_data'] = true;
blocks[1803]['icon'] = 'fas fa-tablet-alt';
blocks[1803]['speakOn'] = 'Tablet sonia is aan';
//blocks[1803]['speakOff'] = 'Tablet sonia is uit';
blocks[1803]['width'] = 2;

blocks[1805] = {}
blocks[1805]['title'] = 'PS4';
blocks[1805]['hide_data'] = true;
blocks[1805]['icon'] = 'fas fa-gamepad';
blocks[1805]['width'] = 2;

blocks[1782] = {}
blocks[1782]['title'] = 'KODI';
blocks[1782]['hide_data'] = true;
blocks[1782]['icon'] = 'fas fa-gamepad';
blocks[1782]['width'] = 2;

// logging

blocks[1472]		= {title: 'Timers', width: 12, hide_data: true, switch: true}					//maxheight: 250, werkt niet
blocks[1473]		= {title: 'Schonen log', width: 4, icon: 'fas fa-trash', hide_data: true, switch: true}
blocks[1750]		= {title: 'File copy', width: 4, icon: 'fas fa-hdd', hide_data: true, switch: true}
blocks[1749]		= {title: 'Motion files aanwezig', width: 4, icon: 'fas fa-hdd', hide_data: true, switch: true}

// KOLOMMEN clock

var columns = {}

columns[1] = {blocks: ['t_klimaat_buiten','currentweather_big_owm','weather_owm',1285,1305,1250,1163,1303,1248,'2241_1','t_klimaat binnen',1049,2125,2115,'2242_1','2103_1','t_apps',buttons.radio2,buttons.nunl, buttons.webcama,1750,1473,buttons.log,1749], width: 3}
columns[2] = {blocks: ['t_scenes',1476,1477,1480,1474,1482,1475,985,1362,2253,'t_irrigatie_&_tuinverlichting',2250,1013,15,991,994,969,1190,1364,973,1192,1365,1189,1191,1366,1267,1268,1367,1601,1580,1581,1604,1606,1607], width: 3}
columns[3] = {blocks: ['t_schakelaars',1479,1470,86,1481,262,2071,1002,259,997,'t_amusement',354,353,134,139,1012,1005,1464,1468,1466,1457,'streamplayer'], width: 3}
columns[4] = {blocks: ['t_security','secpanel',2247,2197,2254,1780,2087,153,'t_nieuws',calendars.fam,'garbage','t_netwerk',1784,1789,1785,1790,1786,1787], width: 3}
columns[5] = {blocks: ['clock','sunrise',calendars.peter,calendars.ado,calendars.f1], width: 3}
columns[6] = {blocks: ['news_nualg','news_nusp',tvguide.dutch,1472], width: 5} //,'log'
columns[7] = {blocks: [publictransport.ovinfotrain,publictransport.ovinfotram],width: 4}	//'chromecast','streamplayer',buttons.log
columns[8] = {blocks: ['t_observatie_tv_devices',1793,1794,1792,2065,1791,2045,'t_observatie_mobiele_devices',1783,1809,1808,2044,'t_observatie_pc_devices_gaming',1795,1800,1799,1801,1805,1782,'t_observatie laptops en tablets',1796,1797,1798,1802,1804,1803,'t_observatie_sensoren',2244,2237,2248,2249,2226,2225,152,1484,1180,1182,1776,2009,1752,2010,2011,207,210,2061,2062,2064,2063,2105,2107,2205,2222], width: 6}
columns[10]= {blocks: [buttons.webcam3,buttons.webcam4],width: 6}

// SCHERMEN

var screens =	{}
//screens['default']	= {maxwidth: 1920, maxheight: 1080}
screens['default']	= {maxwidth: 3840, maxheight: 2160}
screens['default'][1]	= {background: 'bg1.jpg', columns: [1,2,3,4]}
screens['default'][2]	= {background: 'bg1.jpg', columns: [8,10]}
screens['default'][3]	= {background: 'bg1.jpg', columns: [5,6,7]}

screens['tablet']	= {maxwidth: 1024,maxheight: 768}
screens['tablet'][1]	= {background: 'bg1.jpg', columns: [1,2,3]}
screens['tablet'][2]	= {background: 'bg1.jpg', columns: [4,5]}
screens['tablet'][3]	= {background: 'bg1.jpg', columns: [6,9]}
screens['tablet'][4]	= {background: 'bg1.jpg', columns: [7,8]}

HansieNL · Post by **HansieNL** » Tuesday 26 January 2021 23:18

@pvlink I did a quick look and see buttons.log. Can you remove this from your config.js and test again?

Lokonli · Post by **Lokonli** » Wednesday 27 January 2021 0:51

I had to make some styling changes (again ...).

I just pushed a latest version.

Lokonli · Post by **Lokonli** » Wednesday 27 January 2021 1:13

pvklink wrote: ↑Tuesday 26 January 2021 22:41 Hi,

I had the latest beta installed and upgraded to this latest beta.
I have a large dashboard with lots of pages.
With this version a only have 25% of the first page and all other pages are missing.

I like to test the latest version, but need some help with the things to change.
Perhaps someone can take a quick look which part i have to change...

I included my files

custom.css

Code: Select all

/* png met paint 3d gemaakt
  https://fontawesome.com/icons?d=gallery&m=free
  https://htmlcolorcodes.com/ maroon navy
  met f12 kan je in het tabblad network disable cache aanvinken zodat de nieuwe image wordt geladen...daarna weer aanzetten
  https://www.rapidtables.com/web/color/html-color-codes.html
  https://dashticz-v2.readthedocs.io/en/latest/customcss/customcss.html#block-titles
  https://www.w3schools.com/
*/

.fa-chromecast.on {color: gold;}
.fa-chromecast.off {color: lightgrey;}

.fa-cloud-showers-heavy.on {color: blue !important;}
.fa-cloud-showers-heavy.off {color: lightgrey !important;}

.fa-cloud-sun-rain {color: lightgrey !important;}

.fa-shower.on {color: blue !important;}
.fa-shower.off {color: lightgrey !important;}

.fa-snowflake.on {color: blue;}
.fa-snowflake.off {color: lightgrey;}

.fa-users.on {color: gold !important;} 
.fa-users.off {color: lightgrey !important;}

.fa-sun.on {color: gold !important;} 
.fa-sun.off {color: gold !important;}

.fa-moon.on {color: gold !important;} 
.fa-moon.off {color: gold !important;}

.fa-user-clock.on {color: gold !important;} 
.fa-user-clock.off {color: lightgrey !important;}

.fa-lightbulb.on {color: gold;}
.fa-lightbulb.off {color: lightgrey;}

.fa-tasks.on {color: gold;} 
.fa-tasks.off {color: lightgrey;}

.fa-history.on {color: gold;} 
.fa-history.off {color: lightgrey;}

.fa-glass-cheers.on {color: gold;} 
.fa-glass-cheers.off {color: lightgrey;}

.fa-bed.on {color: gold;} 
.fa-bed.off {color: lightgrey;}

.fa-toggle-on.on {color: gold;} 
.fa-toggle-on.off {color: lightgrey;}

.fa-redo-alt.on {color: gold;} 
.fa-redo-alt.off {color: lightgrey;}

.fa-utensils.on {color: gold;} 
.fa-utensils.off {color: lightgrey;}

.fa-dove.on {color: gold;} 
.fa-dove.off {color: lightgrey;}

.fa-newspaper {color: lightgrey;} 
.fa-video {color: lightgrey;}
.fa-microchip {color: lightgrey;}

.fa-trash.on {color: gold;} 
.fa-trash.off {color: lightgrey;}

.fa-tree.on {color: gold;} 
.fa-tree.off {color: lightgrey;}

.fa-fire.on {color: lightgrey !important;} 
.fa-fire.off {color: lightgrey !important;}

.fa-hdd.on {color: gold;} 
.fa-hdd.off {color: lightgrey;}

.fa-music.on {color: lightgrey;} 
.fa-music.off {color: lightgrey;}

.fa-battery-full.on {color: gold;}
.fa-battery-full.off {color: lightgrey;}

.fa-camera.on {color: lightgrey;} 
.fa-camera.off {color: lightgrey;}

.fa-print.on {color: gold;} 
.fa-print.off {color: lightgrey;}

.fa-tint.on {color: gold;} 
.fa-tint.off {color: lightgrey;}

.fa-temperature-low.on {color: gold;}
.fa-temperature-low.off {color: lightgrey;}

.fa-power-off.on {color: lightgrey;}
.fa-power-off.off {color: gold;}

.fa-phone-volume.on {color: red;}
.fa-phone-volume.off {color:green;}

.fa-desktop.on {color: red;}  
.fa-desktop.off {color: green;}

.fa-laptop.on {color: red;}
.fa-laptop.off {color: green;}

.fa-tablet-alt.on {color: red;} 
.fa-tablet-alt.off {color: green;}

.fa-gamepad.on {color:red;} 
.fa-gamepad.off {color:green;}

.fa-tv.on {color:red;} 
.fa-tv.off {color:green;}

.fa-bell.on {color: red !important;} 
.fa-bell.off {color: green !important;}

.fa-smoking.on {color: red !important;} 
.fa-smoking.off {color: green !important;}

/* 
.fa-running.on {color: red !important;} 
.fa-running.off {color: green !important;}
*/
.on .fa-running {color: red !important;}
.off .fa-running {color: green !important;}

.fa-exclamation-triangle.on {color: red !important;} 
.fa-exclamation-triangle.off {color: green !important;}

.fa-id-card {color: green !important;} 
.fa-id-card.on {color: red !important;} 
.fa-id-card.off {color: green !important;} 

.fa-door-open.on {color: green;} 
.fa-door-closed.off {color: red;}

/* .fa-cog.on {color: green;opacity:0.4 !important;} */
.fa-cog.on {color: gold !important;} 
.fa-cog.off {color: green;} 

.fa-shield-alt.on {color: red !important;} 
.fa-shield-alt.off {color: green !important;} 

/* For a selector device with a drop down selection box */
.block_134  select {font-size : 18px;}
.block_139  select {font-size : 18px;}
.block_353  select {font-size : 18px;}
.block_354  select {font-size : 18px;}
.block_985  select {font-size : 18px;}
.block_2253 select {font-size : 18px;}
.block_1049 select {font-size : 18px;}
.block_1190 select {font-size : 18px;}
.block_1191 select {font-size : 18px;}
.block_1192 select {font-size : 18px;}
.block_1364 select {font-size : 18px;}
.block_1365 select {font-size : 18px;}
.block_1366 select {font-size : 18px;}
.block_1367 select {font-size : 18px;}
.block_1470 select {font-size : 18px;}
.block_1478 select {font-size : 18px;}
.block_1479 select {font-size : 18px;}
.block_1482 select {font-size : 18px;}
.block_1581 select {font-size : 18px;}
.block_1607 select {font-size : 18px;}
.block_1780 select {font-size : 18px;}
.block_2247 select {font-size : 18px;}
.block_2197 select {font-size : 18px;}
.block_2254 select {font-size : 18px;}
.block_1190 select {font-size : 12px;}
.block_1191 select {font-size : 12px;}
.block_1192 select {font-size : 12px;}
.block_1268 select {font-size : 12px;}
.block_1580 select {font-size : 12px;}
.block_1606 select {font-size : 12px;}

/* Selector buttons active  */
.btn.btn-default.active {background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;}
.btn.btn-default {background-color: white !important;border-color: white !important;}

/*  selector buttons opmaak */
.block_134  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_139  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_353  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_354  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_985  .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2253 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1049 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1049 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1012 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1190 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1191 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1192 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1268 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1271 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1275 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1362 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1364 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1365 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1366 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1367 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1470 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1478 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1479 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1482 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1580 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1581 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1606 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1607 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_1780 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2247 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2197 .btn.active {color: white;background-color: rgb(119,110,97) !important;}
.block_2254 .btn.active {color: white;background-color: rgb(119,110,97) !important;}

/*  swithes iconen overrule basis opmaak was block_2103_1 nu 2103 */
.block_2103_1 .fa-thermometer-full {color: red !important;} 
.block_354  .fa-music.on {color: gold;}
.block_354  .fa-music.off {color: lightgrey;}
.block_985  .fa-users.on  {color: gold;}
.block_985  .fa-users.off {color: lightgrey;}
.block_2253 .fa-users.on  {color: gold;}
.block_2253 .fa-users.off {color: lightgrey;}
.block_1005 .fa-gamepad.on  {color: gold;}
.block_1005 .fa-gamepad.off {color: lightgrey;}
.block_1362 .fa-users.on  {color: gold;}
.block_1362 .fa-users.off {color: lightgrey;}
.block_1457 .fa-tv.off {color: darkgrey;}
.block_1457 .fa-tv.on {color: darkgrey;}
.block_1464 .fa-tv.off {color: darkgrey;}
.block_1464 .fa-tv.on {color: darkgrey;}
.block_1466 .fa-tv.off {color: darkgrey;}
.block_1466 .fa-tv.on {color: darkgrey;}
.block_1468 .fa-tv.off {color: darkgrey;}
.block_1468 .fa-tv.on {color: darkgrey;}
.block_1470 .fa-users.on  {color: gold;}
.block_1470 .fa-users.off {color: lightgrey;}
.block_1480 .fa-door-open.on  {color: gold;}
.block_1480 .fa-door-closed.on  {color: gold;}
.block_1480 .fa-door-open.off  {color: gold;}
.block_1480 .fa-door-closed.off  {color: gold;}

.block_1749 .fa-hdd.on {color: gold;opacity:1 !important;}
.block_1749 .fa-hdd.off {color: lightgrey;opacity:1 !important;}

.block_1750 .fa-hdd.on {color: gold;opacity:1 !important;}
.block_1750 .fa-hdd.off {color: lightgrey;opacity:1 !important;}

.block_1473 .fa-trash.off {color: lightgrey;opacity:1 !important;}
.block_1473 .fa-trash.on {color: gold;opacity:1 !important;}

/* tuindeur_1 
.block_1775 .fa-door-open.on  {color: red;} 
.block_1775 .fa-door-closed.off  {color: green;}*/

/* meterkast_2 */
.block_1776 .fa-door-open.on  {color: red;} 
.block_1776 .fa-door-closed.off  {color: green;}

/*  ? */
.block_134  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_139  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_353  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_354  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_985  select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2253 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1049 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1190 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1191 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1192 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1268 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1364 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1365 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1366 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1367 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1470 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1478 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1580 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1581 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1606 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1607 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_1780 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2247 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2197 select {background-color: white !important;color: rgb(119,110,97)!important;}
.block_2254 select {background-color: white !important;color: rgb(119,110,97)!important;}

/*  1250=weeralarm 1285=weer 1305=weerverwachting 1472=timers */
.block_1250 {height: 110px !important;}
.block_1250 .col-data {height: 100%;overflow-y: auto;}
.block_1285 {height: 110px !important;}
.block_1285 .col-data {height: 100%;overflow-y: auto;}
.block_1305 {height: 110px !important;}
.block_1305 .col-data {height: 100%;overflow-y: auto;}
/* maxheight werkt niet in custom.js bij een text veld */
.block_1472 {height: 300px !important;}
.block_1472 .col-data {height: 100%;overflow-y: auto;}

/* block dimmen bij off is default dan is dit de waarde */
.block_86 .off.icon {opacity:1 !important;}
.block_210 .on.icon {opacity:0.4 !important;}
.block_210 .off.icon {opacity:1 !important;}
.block_354 .off.icon {opacity:1 !important;}
.block_1163 .off.icon {opacity:1 !important;}
.block_1303 .off.icon {opacity:1 !important;}
.block_1423 .off.icon {opacity:1 !important;}
.block_1474 .off.icon {opacity:1 !important;}
.block_1480 .off.icon {opacity:1 !important;}
.block_1485 .on.icon {opacity:1 !important;}
.block_1485 .off.icon {opacity:0.8 !important;}

/* niet nodig, deze schakelaar onzichtbaar gemaakt, met deze inst kun je wel waardes van de pushbuttons weghalen */
.block_1752 .btn-group {display: none !important;}
.block_2009 .btn-group {display: none !important;}
.block_2010 .btn-group {display: none !important;}
.block_2011 .btn-group {display: none !important;}
.block_2061 .btn-group {display: none !important;}
.block_2062 .btn-group {display: none !important;}
.block_2063 .btn-group {display: none !important;}
.block_2064 .btn-group {display: none !important;}
.block_2126 .btn-group {display: none !important;}
//.block_2227 .btn-group {display: none !important;}
.block_2237 .btn-group {display: none !important;}
.block_2244 .btn-group {display: none !important;}
.block_2205 .btn-group {display: none !important;}
.block_2105 .btn-group {display: none !important;}
.block_2107 .btn-group {display: none !important;}
.block_2222 .btn-group {display: none !important;}
.block_2248 .btn-group {display: none !important;}
.block_2249 .btn-group {display: none !important;}

/* --------------------------------- */
/* SPECIAL BLOCKS STYLING ITEMS PAGE */
/* --------------------------------- */

/* opmaak blokken speciaal cam */
div[data-id='divcam1'] {height: 280px;width: 482px;background: none !important;}
div[data-id='divcam2'] {height: 280px;width: 482px;background: none !important;}
div[data-id='divcam3'] {height: 550px;}
div[data-id='divcam4'] {height: 550px;}

div[data-id='webcama'] {height: 85px;}
div[data-id='nu'] {height: 85px;}
div[data-id='streamplayer'] {height: 85px;}

/* DEZE werkt voor de button.log maar dan wordt de logsectie even hoog als de button! */
div[data-id='log'] {height: 85px;}


/* opmaak blokken speciaal calenders */
div[data-id='calendars.dvpeter'] {height: 150px;}
div[data-id='calendars.dvpeter'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvado'] {height: 343px;}
div[data-id='calendars.dvado'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvf1'] {height: 300px;}
div[data-id='calendars.dvf1'] .items {height: 100%;overflow-y: auto;}
div[data-id='calendars.dvfam'] {height: 170px;}
div[data-id='calendars.dvfam'] .items {height: 100%;overflow-y: auto;}

/* opmaak blokken speciaal streamplayer */
div[data-id='streamplayer'] {height: 170px;}

/* opmaak blokken speciaal ziggo met title tvguide.dutch zetten*/
div[data-id='ziggo'] {height: 342px;}
.tvguide {height: 100%;overflow-y: auto;}

/* opmaak blokken speciaal clock, sunrise, weather */
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}

/* opmaak blokken speciaal garbage                   div[data-id='garbage'] {background-color: rgba(87, 64, 56, 1) !important;} */
div[data-id='garbage'] {height: 120px;width: 300px;}
div[data-id='garbage'] .items {height: 100%;overflow-y: auto;}

/*  opmaak blokken speciaal log; maxheight en title in een block log werkt nog niet en dataid tag ook niet!*/
.containslog .items {height: 300px !important;}  /* transbg in front does not work  */

/* opmaak blokken speciaal news are set in the corresponding block news_nualg in custom.js */
[data-id='news_nualg'].news .dt_title {height:25px} /* this only works if the block has a title in custom.js */
[data-id='news_nualg'].news .col-data {height: 100%;overflow-y: auto;} /* this only works if the block has a title in custom.js */
[data-id='news_nusp'].news .col-data {height: 100%;overflow-y: auto;} /* this only works if the block has a title in custom.js */
[data-id='news_nusp'].news .dt_title {height:25px} /* this only works if the block has a title in custom.js */

/* opmaak blokken speciaal ov .block_1473 toevoegen om een van de twee blokken op te maken lukt niet*/
.publictransport {height: 300px !important;}
.publictransport {height: 100%;overflow-y: auto;}

/* security panel */
/* div[data-id='secpanel'] {background-color: rgba(87, 64, 56, 1) !important;} */
div[data-id='secpanel'] {height: 254px !important;}

/* opmaak weather niet nodig */
/* div[data-id='currentweather_big'] {background: none !important;} */
div[data-id='currentweather_big'] {height: 85px !important;}

/* div[data-id='weather_owm'] {height: 250px !important;} WERKT NIET */

/* div[data-id='1285'] {background: none !important;} */

/* --------------------------------- */
/* GENERAL STYLING ITEMS PAGE -------*/
/* --------------------------------- */
/* div.mh.titlegroups {border-radius: 15px;}				 Rounded corners */

/* inputnumber thermostat */
.input-number {font-size: 12px !important}

/* Swiper*/
.swiper-pagination-bullet {width: 0px;height: 0px;}
.swiper-pagination-bullet {width: 35px !important;height: 35px !important;}
.swiper-pagination {text-align: right !important;}

/* Make the background of the titleblocks less high */
.transbg.titlegroups {height: 50px;padding: 0px;font-size: 12px;}
.transbg[class*="col-xs"] {border-radius: 20px;}                             /* Rounded corners */

/* general titleblocks 
.colbar {background-color: rgb(66, 29, 25) !important; color: white !important;}*/
.titlegroups {background-color: rgb(119,110,97) !important; color: white !important;}
.blocktitle .dt_title {height: 25px;padding: 0px;font-size: 18px;color: white;}

/* schonen log heeft een andere breedte op pagina 2 dan op 1, vandaar deze afwijkende regel 	111, 99, 88 
.block_1473 {width: 213px !important;} */

/*
.block_1728 {height: 85px !important;background-color: rgb(59,53,50) !important;}
.block_1728 .title {font-size: 12px !important;color: white;}
.block_1728 .btn {background-color:  white !important;border-color: white !important;font-size: 16px !important;}
.block_1728 .btn.btn-warning {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
.block_1728 .btn.btn-danger {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
*/

.block_83 {height: 85px !important;background-color: rgb(59,53,50) !important;}
.block_83 .title {font-size: 12px !important;color: white;}
.block_83 .btn {background-color:  white !important;border-color: white !important;font-size: 16px !important;}
.block_83 .btn.btn-warning {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}
.block_83 .btn.btn-danger {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}

/*.block_1728 .btn.btn-default {color: white !important;background-color: rgb(119,110,97) !important;border-color: rgb(119,110,97) !important;font-size: 16px !important;}*/

/* sensoren */
.block_2226 {background: none !important;}
.block_2225 {background: none !important;}
.block_152 {background: none !important;}
.block_1484 {background: none !important;}
.block_1180 {background: none !important;}
.block_1182 {background: none !important;}
.block_1776 {background: none !important;}
.block_1752 {background: none !important;}
.block_2009 {background: none !important;}
.block_2010 {background: none !important;}
.block_2011 {background: none !important;}
.block_2061 {background: none !important;}
.block_2062 {background: none !important;}
.block_2063 {background: none !important;}
.block_2064 {background: none !important;}
.block_2126 {background: none !important;}
//.block_2227 {background: none !important;}
.block_2237 {background: none !important;}
.block_2244 {background: none !important;}
.block_2205 {background: none !important;}
.block_207 {background: none !important;}
.block_210 {background: none !important;}
.block_2105 {background: none !important;}
.block_2107 {background: none !important;}
.block_2222 {background: none !important;}
.block_2248 {background: none !important;}
.block_2249 {background: none !important;}

/* end sensoren */

.block_1795 {background: none !important;}
.block_1796 {background: none !important;}
.block_1783 {background: none !important;}
.block_1809 {background: none !important;}
.block_1808 {background: none !important;}
.block_2044 {background: none !important;}
.block_2045 {background: none !important;}
.block_1793 {background: none !important;}
.block_1791 {background: none !important;}
.block_1792 {background: none !important;}
.block_2065 {background: none !important;}
.block_1794 {background: none !important;}

/* network devices */
/* .block_1784 {background: none !important;} */
/* .block_1786 {background: none !important;} */
/* .block_1787 {background: none !important;} */
/* .block_1785 {background: none !important;} */
/* .block_1790 {background: none !important;} */
/* .block_1789 {background: none !important;} */
/* end network devices */

.block_1788 {background: none !important;}
.block_1795 {background: none !important;}
.block_1796 {background: none !important;}
.block_1802 {background: none !important;}
.block_1804 {background: none !important;}
.block_1800 {background: none !important;}
.block_1799 {background: none !important;}
.block_1798 {background: none !important;}
.block_1801 {background: none !important;}
.block_1797 {background: none !important;}
.block_1803 {background: none !important;}
.block_1805 {background: none !important;}
.block_1782 {background: none !important;}

/* div[data-id='0c'] {background-color: rgb(119,110,97) !important;width: 600px !important;} */
div[data-id='0c'] {background-color: rgb(119,110,97)}
div[data-id='0d'] {background-color: rgb(119,110,97)}
div[data-id='0e'] {background-color: rgb(119,110,97)}
div[data-id='0f'] {background-color: rgb(119,110,97)}
div[data-id='0g'] {background-color: rgb(119,110,97)}
div[data-id='0h'] {background-color: rgb(119,110,97)}
div[data-id='2b'] {background-color: rgb(119,110,97)}

/* [data-id='secpanel'] .dt_content {width: 180px!important; height: 243px!important;} deze werkt niet */
/* div[data-id='secpanel'] {width: 200px!important;height: 240px !important;}*/
div[data-id='secpanel'] {width: 420px!important;height: 540px !important;}

config.js

Code: Select all


var config = {}
config['domoticz_ip'] = 'http://xxxx:82';
config['enable_websocket'] = 0;
config['user_name'] = 'xxx';
config['pass_word'] = 'xxx';
config['app_title'] = 'Domotica xxxxx';
config['room_plan'] = '0';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '30';
config['default_cors_url'] = '';
config['dashticz_php_path'] = './vendor/dashticz/';
config['standby_call_url'] = '';
config['standby_call_url_on_end'] = '';
config['theme'] = 'default';
config['background_image'] = 'img/bg3.jpg';
config['standby_after'] = '0';
config['auto_swipe_back_to'] = '1';
config['auto_swipe_back_after'] = '60';
config['auto_slide_pages'] = '';
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
config['blink_color'] = '255, 255, 255, 1';
config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM.YYYY HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = '';
config['boss_stationclock'] = 'RedBoss';
config['gm_api'] = '';
config['gm_zoomlevel'] = '';
config['gm_latitude'] = '';
config['gm_longitude'] = '';
config['speak_lang'] = 'nl-NL';
config['wu_api'] = '';
config['wu_city'] = 'Amsterdam';
config['wu_name'] = '';
config['wu_country'] = 'NL';
config['owm_api'] = 'ad2f8b7da8481b3bf02ad443947e7c21';
//config['owm_city'] = 'Rijswijk';
config['owm_city'] = 2748075;
config['owm_name'] = 'Rijswijk (zh)';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_days'] = 1;
config['owm_min'] = 0;
config['idx_moonpicture'] = '';
config['longfonds_zipcode'] = '';
config['longfonds_housenumber'] = '';
config['switch_horizon'] = '';
config['host_nzbget'] = '';
config['spot_clientid'] = '';
config['sonarr_url'] = '';
config['sonarr_apikey'] = '';
config['sonarr_maxitems'] = '';
config['garbage_company'] = 'avalex';
config['garbage_icalurl'] = '';
config['google_api_key'] = '';
config['garbage_calendar_id'] = '';
config['garbage_zipcode'] = 'xxxx';
config['garbage_street'] = 'Cornelia Schellingerlaan';
config['garbage_housenumber'] = '11';
config['garbage_housenumberadd'] = '';
config['garbage_maxitems'] = '12';
config['garbage_width'] = '6';
config['setpoint_min'] = '5';
config['setpoint_max'] = '40';
config['loginEnabled'] = 1;
config['disable_update_check'] = 0;
config['no_rgb'] = 0;
config['auto_positioning'] = 0;
config['use_favorites'] = 0;
config['disable_googleanalytics'] = 1;
config['last_update'] = 1;
config['hide_topbar'] = 0;
config['security_button_icons'] = 0;
config['edit_mode'] = false;
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['garbage_icon_use_colors'] = 1;
config['garbage_use_colors'] = 1;
config['garbage_use_names'] = 1;
config['garbage_use_cors_prefix'] = 1;

//Configuring the OWM parameters https://home.openweathermap.org/api_keys   locatie-id 2748075 of 76
config['garbage_mapping'] = {
    rest: ['grof', 'grey', 'rest', 'grijs','grijze'],
    gft: ['gft', 'tuin', 'refuse bin', 'green', 'groen', 'Biodégradables', 'snoei'],
    pmd: ['plastic', 'pmd', 'verpakking', 'kunststof', 'valorlux'],
    papier: ['papier', 'blauw', 'blue', 'recycling bin collection'],
    kca: ['chemisch', 'kca','kga'],
    brown: ['brown', 'verre'],
    black: ['black', 'zwart'],
    milieu: ['milieu'],
    kerstboom: ['kerst'],
};

config['garbage'] = {
    gft: {kliko: 'green', code: '#FFFFFF', name: 'GFT (groene bak)', icon: 'img/garbage/kliko_green.png'},
    pmd: {kliko: 'orange', code: '#FFFFFF', name: 'PMD', icon: 'img/garbage/kliko_orange.png'},
    rest: {kliko: 'grey', code: '#FFFFFF', name: 'Restafval', icon: 'img/garbage/kliko_grey.png'},
    papier: {kliko: 'blue', code: '#FFFFFF', name: 'Papier', icon: 'img/garbage/kliko_blue.png'},
    kca: {kliko: 'red', code: '#FFFFFF', name: 'Chemisch afval', icon: 'img/garbage/kliko_red.png'},
    brown: {kliko: 'brown', code: '#FFFFFF', name: 'Bruin', icon: 'img/garbage/kliko_brown.png'},
    black: {kliko: 'black', code: '#FFFFFF', name: 'Zwart', icon: 'img/garbage/kliko_black.png'},
    milieu: {kliko: 'yellow', code: '#FFFFFF', name: 'Geel', icon: 'img/garbage/kliko_yellow.png'},
    kerstboom: {kliko: 'green', code: '#FFFFFF', name: 'Kerstboom', icon: 'img/garbage/tree.png'},
};

var _STREAMPLAYER_TRACKS =	[
	{"track":1,"name":"3fm","file":"http://icecast.omroep.nl/3fm-bb-mp3"},
	{"track":2,"name":"538","file":"http://18973.live.streamtheworld.com/RADIO538.mp3"},
	{"track":3,"name":"Q-Music","file":"http://icecast-qmusic.cdp.triple-it.nl/Qmusic_nl_live_96.mp33"},
	{"track":4,"name":"Radio10","file":"http://stream.radio10.nl/radio10"},
	{"track":5,"name":"Veronica","file":"http://playerservices.streamtheworld.com/api/livestream-redirect/VERONICA.mp3"},
	{"track":6,"name":"Skyradio","file":"http://playerservices.streamtheworld.com/api/livestream-redirect/SKYRADIO.mp3"},
				]

var frames = {}
	frames.cal1	= {height:600,width:800,frameurl:"https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxxx%40gmail.com&amp;color=%2329527A&amp;src=xxxxx
	frames.cal2	= {height:600,width:800,frameurl:"https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=appsfamvanklink%40gmail.com&amp;color=%2329527A&amp;src=o995k0mll8bt4v300arkj1bto08ng8uv%40import.calendar.google.com&amp;color=%230F4B38&amp;ctz=Europe%2FAmsterdam"}

var calendars = {}
	calendars.peter	= {key:'dvpeter', maxitems: 6, icon: 'fas fa-user-lock', url: 'https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxx%40gmail.com&amp;color=%2329527A&amp',icalurl: 'https://calendar.google.com/calendar/ical/xxxxx%40gmail.com/public/basic.ics' }
	calendars.ado	= {key:'dvado',maxitems: 20, icon: 'fas fa-volleyball-ball', url: 'https://calendar.google.com/calendar/embed?src=xxxxxxx%40group.calendar.google.com&ctz=Europe%2FAmsterdam',icalurl: 'https://calendar.google.com/calendar/ical/xxxxxxgroup.calendar.google.com/public/basic.ics' }
	calendars.fam	= {key:'dvfam',maxitems: 6, icon: 'fas fa-users',url: 'https://calendar.google.com/calendar/embed?height=200&amp;wkst=1&amp;bgcolor=%23666666&amp;src=xxxx%40gmail.com&amp;color=%2329527A&amp',icalurl: 'https://calendar.google.com/calendar/ical/xxxxxx%40gmail.com/public/basic.ics' }
	calendars.f1	= { key:'dvf1',maxitems: 20, icon: 'fas fa-car', url: 'https://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/',icalurl: 'webcal://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/calendar.ics' }
	//calendars.avalex	= { key:'dvfam', maxitems: 6, title: 'Avalex', url: 'https://www.avalex.nl/ical/xxxxxxxx',icalurl: 'https://www.avalex.nl/ical/xxxxxxxxx' }

//calendars.combined = {}
	//calendars.combined.maxitems	= 10;
	//calendars.combined.calendars	= [{ color:'white',calendar:calendars.fam }, { color:'green',calendar:calendars.avalex }]
	//calendars.combined.url	= 'https://calendar.google.com/calendar';

var publictransport = {}
	publictransport.ovinfotrain	= { show_via: true, station: 'xxxxxx', title:'NS', provider: '9292-train', show_lastupdate:true, icon: 'fas fa-train', width: 6, results: 20 };
	publictransport.ovinfotram	= { show_via: false, station: 'xxxx', title:'HTM',provider: '9292-tram-bus', show_lastupdate:true, icon: 'fas fa-bus', width:6, results: 20 };

var tvguide = {}
	tvguide.dutch = {key:'ziggo',title:'Ziggo', icon: 'fas fa-tv', width:12, channels: [1,2,3,4,31,36,37,34,466,420], maxitems: 20 }

var buttons = {}
	buttons.radio	= {width:8, btnimage: 'radio', title: '/img/radio_on.png', url: 'http://nederland.fm'}
	buttons.webcam1 = {key:'divcam1', width:12, isimage:true, forcerefresh:false, refreshimage: 1000, refreshurl: 1000, btnimage: 'http://xxxxxx/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxx', url: 'http://xxxxx/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx'}
	buttons.webcam2 = {key:'divcam2', width:12, isimage:true, forcerefresh:false, cheapwebcam:true, refreshimage: 1000, refreshurl: 1000, btnimage: 'https://xxxxx/cgi-bin/currentpic.cgi?user=xxxx&pwd=xxxxx', url: 'https://xxxx.52/'}
	buttons.webcam3 = {key:'divcam3', width:12, isimage:true, forcerefresh:true, refreshimage: 5000, refreshurl: 5000, btnimage: 'http://xxxxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxx', url: 'http://xxxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx'}
	buttons.webcam4 = {key:'divcam4', width:12, isimage:true, forcerefresh:true, cheapwebcam:true, refreshimage: 5000, refreshurl: 5000, btnimage: 'https://xxxxxx.52/cgi-bin/currentpic.cgi?user=xxxx&pwd=xxxxx', url: 'https://xxxxx.52/'}
	buttons.log	= {key:'log',width:4, icon:'fas fa-microchip',title: 'Domoticz Log',log:true,level: 2}

	buttons.nunl	= {key:'nu', width:4, icon: 'fas fa-newspaper', title: 'Nu.nl', url: 'http://www.nu.nl'}
	buttons.webcama = {key:'webcama', width:4, icon: 'fas fa-video', title:'Cam',url: 'http://xxxxx.50/cgi-bin/snapshot.cgi?user=xxxx&pwd=xxxxx', framewidth:500, frameheight:400, slide:2}

// BLOKKEN 
var blocks = {}

// TITELBLOKKEN
blocks['t_observatie']			={type: 'blocktitle',title: 'Observatie'}
blocks['t_observatie_pc_devices_gaming']={type: 'blocktitle',title: 'Observatie pc en gaming devices'}
blocks['t_observatie_tv_devices']	={type: 'blocktitle',title: 'Observatie tv devices'}
blocks['t_observatie_mobiele_devices']	={type: 'blocktitle',title: 'Observatie mobiele devices'}
blocks['t_observatie_tablets']		={type: 'blocktitle',title: 'Observatie tablets'}
blocks['t_observatie laptops en tablets'] ={type: 'blocktitle',title: 'Observatie laptops'}
blocks['t_observatie_sensoren']		={type: 'blocktitle',title: 'Observatie sensoren'}
blocks['t_klimaat binnen']		={type: 'blocktitle',title: 'Klimaat binnen'}
blocks['t_scenes']			={type: 'blocktitle',title: 'Scenes'}
blocks['t_schakelaars']			={type: 'blocktitle',title: 'Schakelaars'}
blocks['t_tuin']			={type: 'blocktitle',title: 'Tuin'}
blocks['t_amusement']			={type: 'blocktitle',title: 'Amusement'}
blocks['t_netwerk']			={type: 'blocktitle',title: 'Netwerk'}
blocks['t_security']			={type: 'blocktitle',title: 'Security'}
//blocks['t_detectie']			={type: 'blocktitle',title: 'Detectie'}
blocks['t_apps']			={type: 'blocktitle',title: 'Apps'}
blocks['t_irrigatie_&_tuinverlichting']	={type: 'blocktitle',title: 'Irrigatie & tuinverlichting'}
blocks['t_klimaat_buiten']		={type: 'blocktitle',title: 'Klimaat buiten'}	
blocks['t_nieuws']			={type: 'blocktitle',title: 'Nieuws'}

// KLIMAAT BUITEN

blocks[1285]	= {title: 'Weer', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1305]	= {title: 'Weer verwachting', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1250]	= {title: 'Weeralarm', icon: 'fas fa-cloud-sun-rain', hide_data: true, width: 4, switch: false}
blocks[1423]	= {title: 'Sensor', icon: 'fas fa-cloud-showers-heavy', hide_data: false, width: 3, switch: false, last_update: true, textOn: '', textOff: ''}	//speakOn: 'Regensensor aan', speakOff: 'Regensensor uit',
blocks[1303]	= {title: '', hide_data: false, last_update: true, icon: 'fas fa-cloud-showers-heavy', width: 3, textOn: '', textOff: '', textOn: 'Regen', textOff: 'Droog',switch: true}	//speakOn: 'Het regent',
blocks[1248]	= {title: 'Strijp', hide_data: true, switch: true, width: 3}
blocks['2241_1']= {title: 'Temp. achtertuin', hide_data: true, last_update: false, switch: true, width: 3}

// KLIMAAT BINNEN

blocks[1049]	= {title: 'Niels CV', hide_data: true, icon: 'fas fa-fire', width: 4, speak: 'Zolder verwarming aangepast'}
blocks[2125]	= {title: 'Radiator', switch: true, width: 4, hide_data: true, last_update: false}
blocks[2115]	= {title: 'Zolder radiator', hide_data: true, last_update: false, switch: true, width: 4}
blocks['2242_1']= {title: 'Zolder', hide_data: true, last_update: false, switch: true, width: 4}
blocks['2103_1']= {title: 'Was machine', icon: 'fas fa-thermometer-half', hide_data: true, width: 4, switch: true, last_update: false}
blocks[1163]	= {title: '', icon: 'fas fa-snowflake', hide_data: false,speak: 'Vorstalarm aangepast', width: 3, last_update: true, textOn: 'Vorst 4c', textOff: 'Geen vorst', switch: true}

// NEWS FEED https://crossorigin.me/ niet meer gebruiken

blocks['news_nualg']	= {title: 'Nu.nl (algemeen)', feed: 'http://www.nu.nl/rss/algemeen', maxheight: 150}
blocks['news_nusp']	= {title: 'Nu.nl (sport)', feed: 'http://www.nu.nl/rss/sport', maxheight: 150} 
blocks['news_twk']	= {title: 'Nu.nl (tweakers)', feed: 'http://feeds.feedburner.com/tweakers/nieuws', maxheight: 150}
// dit werkt niet, dus in css regelen blocks['log'] = {title: 'Domoticz logging',maxheight: 150}

//SCENES

blocks[1480] = {title: '', iconOn: 'fas fa-door-open', iconOff: 'fas fa-door-closed', width: 3, textOn: 'Thuis', textOff: 'Uit huis', last_update: false, switch: true}		//hide_data: true
blocks[1474] = {title: 'Zon', iconOn: 'fas fa-sun',iconOff: 'fas fa-moon', width: 3, textOn: 'Op', textOff: 'Onder', last_update: false}	//hide_data: true
blocks[1482] = {title: 'Avond', icon: 'fas fa-glass-cheers', hide_data: true, width: 9}
blocks[1476] = {title: 'Opstaan', hide_data: true, icon: 'fas fa-dove', width: 3}								//icon: 'fas fa-tasks'
blocks[1477] = {title: 'Ontbijten', hide_data: true, icon: 'fas fa-utensils', width: 3}
blocks[1475] = {title: 'Slapen', icon: 'fas fa-bed', hide_data: true, width: 3}

blocks[985]  = {title: 'Schakelklok', icon: 'fas fa-history', hide_data: true, width: 4, speakOn: 'Schakelklok aan', speakOff: 'Schakelklok uit'}	//icon: 'fas fa-users'
blocks[1362] = {title: 'Irrigatieklok', icon: 'fas fa-user-clock', hide_data: true, width: 4,speakOn: 'irrigatie aan',speakOff: 'Irrigatie uit'}
blocks[2253]  = {title: 'Config', icon: 'fas fa-history', hide_data: true, width: 4}									//icon: 'fas fa-users'

//
// IRRIGATIE
//


blocks[2250] = {}
blocks[2250]['title'] = 'Buiten lantaarn';
blocks[2250]['hide_data'] = true;
blocks[2250]['width'] = 3;
blocks[2250]['last_update'] = false;

blocks[1013] = {}
blocks[1013]['title'] = 'Buiten kerst';
blocks[1013]['hide_data'] = true;
blocks[1013]['width'] = 3;
blocks[1013]['last_update'] = false;
blocks[994] = {}
blocks[994]['title'] = 'Border voor';
blocks[994]['hide_data'] = true;
blocks[994]['width'] = 2;

blocks[991] = {}
blocks[991]['title'] = 'Border achter';
blocks[991]['hide_data'] = true;
blocks[991]['width'] = 2;


blocks[15] = {}
blocks[15]['title'] = 'Bew. lamp';
blocks[15]['hide_data'] = true;
blocks[15]['width'] = 2;

blocks[969] = {}
blocks[969]['title'] = 'Sproei border links';
blocks[969]['hide_data'] = true;
blocks[969]['icon'] = 'fas fa-shower';
blocks[969]['width'] = 3;
blocks[969]['speakOn'] = 'Irrigatie border links aan';
//blocks[969]['speakOff'] = 'Irrigatie border links uit';

blocks[1190] = {}
blocks[1190]['title'] = 'Duur in min';
blocks[1190]['icon'] = '';
blocks[1190]['width'] = 3;

blocks[1364] = {}
blocks[1364]['title'] = 'Timers';
blocks[1364]['hide_data'] = true;
blocks[1364]['icon'] = 'fas fa-user-clock';
blocks[1364]['width'] = 6;
//blocks[1364]['speakOn'] = 'Irrigatietimers aan';
//blocks[1364]['speakOff'] = 'Irrigatietimers uit';

blocks[973] = {}
blocks[973]['title'] = 'Sproei border rechts';
blocks[973]['hide_data'] = true;
blocks[973]['icon'] = 'fas fa-shower';
blocks[973]['width'] = 3;
blocks[973]['speakOn'] = 'Irrigatie border rechts aan';
//blocks[973]['speakOff'] = 'Irrigatie border rechts uit';

blocks[1192] = {}
blocks[1192]['title'] = 'Duur in min';
blocks[1192]['icon'] = '';
blocks[1192]['width'] = 3;

blocks[1365] = {}
blocks[1365]['title'] = 'Timers';
blocks[1365]['hide_data'] = true;
blocks[1365]['icon'] = 'fas fa-user-clock';
blocks[1365]['width'] = 6;
//blocks[1365]['speakOn'] = 'Irrigatietimers aan';
//blocks[1365]['speakOff'] = 'Irrigatietimers uit';

blocks[1189] = {}
blocks[1189]['title'] = 'Sproei gazon';
blocks[1189]['hide_data'] = true
blocks[1189]['icon'] = 'fas fa-shower';
blocks[1189]['width'] = 3;
blocks[1189]['speakOn'] = 'Irrigatie gazon aan';
//blocks[1189]['speakOff'] = 'Irrigatie gazon uit';

blocks[1191] = {}
blocks[1191]['title'] = 'Duur in min';
blocks[1191]['icon'] = '';
blocks[1191]['width'] = 3;

blocks[1366] = {}
blocks[1366]['title'] = 'Timers';
blocks[1366]['hide_data'] = true;
blocks[1366]['icon'] = 'fas fa-user-clock';
blocks[1366]['width'] = 6;
//blocks[1366]['speakOn'] = 'Irrigatietimers aan';
//blocks[1366]['speakOff'] = 'Irrigatietimers uit';

blocks[1267] = {}
blocks[1267]['title'] = 'Sproei planten';
blocks[1267]['hide_data'] = true;
blocks[1267]['icon'] = 'fas fa-shower';
blocks[1267]['width'] = 3;
blocks[1267]['speakOn'] = 'Irrigatie planten aan';
//blocks[1267]['speakOff'] = 'Irrigatie planten uit';

blocks[1268] = {}
blocks[1268]['title'] = 'Duur in min';
blocks[1268]['icon'] = '';
blocks[1268]['width'] = 3;

blocks[1367] = {}
blocks[1367]['title'] = 'Timers';
blocks[1367]['hide_data'] = true;
blocks[1367]['icon'] = 'fas fa-user-clock';
blocks[1367]['width'] = 6;
//blocks[1367]['speakOn'] = 'Irrigatietimers aan';
//blocks[1367]['speakOff'] = 'Irrigatietimers uit';

blocks[1601] = {}
blocks[1601]['title'] = 'Sproei voortuin links';
blocks[1601]['hide_data'] = true;
blocks[1601]['icon'] = 'fas fa-shower';
blocks[1601]['width'] = 3;
blocks[1601]['speakOn'] = 'Irrigatie voortuin links aan';
//blocks[1601]['speakOff'] = 'Irrigatie voortuin links uit';

blocks[1580] = {}
blocks[1580]['title'] = 'Duur in min';
blocks[1580]['icon'] = '';
blocks[1580]['width'] = 3;

blocks[1581] = {}
blocks[1581]['title'] = 'Timers';
blocks[1581]['hide_data'] = true;
blocks[1581]['icon'] = 'fas fa-user-clock';
blocks[1581]['width'] = 6;
//blocks[1581]['speakOn'] = 'Irrigatietimers aan';
//blocks[1581]['speakOff'] = 'Irrigatietimers uit';

blocks[1604] = {}
blocks[1604]['title'] = 'Sproei voortuin rechts';
blocks[1604]['hide_data'] = true;
blocks[1604]['icon'] = 'fas fa-shower';
blocks[1604]['width'] = 3;
blocks[1604]['speakOn'] = 'Irrigatie voortuin rechts aan';
//blocks[1604]['speakOff'] = 'Irrigatie voortuin rechts uit';

blocks[1606] = {}
blocks[1606]['title'] = 'Duur in min';
blocks[1606]['icon'] = '';
blocks[1606]['width'] = 3;

blocks[1607] = {}
blocks[1607]['title'] = 'Timers';
blocks[1607]['hide_data'] = true;
blocks[1607]['icon'] = 'fas fa-user-clock';
blocks[1607]['width'] = 6;
//blocks[1607]['speakOn'] = 'Irrigatietimers aan';
//blocks[1607]['speakOff'] = 'Irrigatietimers uit';

// SCHAKELAARS

blocks[1479]	= {title: 'Alle devices', icon: 'fas fa-toggle-on', hide_data: true, width: 4}
blocks[1470]	= {title: 'Usb lamp', hide_data: true, icon: 'fas fa-lightbulb', width: 4}						//speak: 'Usb lamp is gewijzigd';
blocks[86]	= {title: 'Rolluik', hide_data: true, width: 4, imageOff: 'pvk_blind_off.png', imageOn: 'pvk_blind_on.png', speak: 'Rolluik is gewijzigd'}
blocks[1481]	= {title: 'Basis voorz.', icon: 'fas fa-redo-alt', hide_data: true, width: 4}
blocks[262]	= {title: 'Boiler', icon: 'fas fa-tint', hide_data: true, width: 4}
blocks[2071]	= {title: 'Printer', icon: 'fas fa-print', hide_data: true, width: 4}
blocks[1002]	= {title: 'Lantaarn', hide_data: true, width: 4}									//, speakOn: 'Lantaarn is aan', speakOff: 'Lantaarn is uit'
blocks[259]	= {title: 'Nacht lamp', hide_data: true, width: 4}									//speakOn: 'Lantaarn is aan', speakOff: 'Lantaarn is uit'
blocks[997]	= {title: 'Lamp tv links', hide_data: true, width: 4}

//
// AMUSEMENT
//

blocks[354] = {}
blocks[354]['title'] = 'Denon volume';
blocks[354]['icon'] = 'fas fa-music';
blocks[354]['width'] = 6;

blocks[353] = {}
blocks[353]['title'] = 'Denon source';
blocks[353]['icon'] = 'fas fa-music';
blocks[353]['width'] = 6;

blocks[134] = {}
blocks[134]['title'] = 'Denon zenders';
blocks[134]['icon'] = 'fas fa-music';
blocks[134]['width'] = 6;

blocks[139] = {}
blocks[139]['title'] = 'Denon mixer';
blocks[139]['icon'] = 'fas fa-music';
blocks[139]['width'] = 6;

blocks[1012] = {}
blocks[1012]['title'] = 'Maak een foto';
blocks[1012]['icon'] = 'fas fa-camera';
blocks[1012]['hide_data'] = true;
blocks[1012]['width'] = 6;
blocks[1012]['speakOn'] = 'Er wordt een foto gemaakt';

blocks[1005] = {}
blocks[1005]['title'] = 'TV aanbouw';
blocks[1005]['icon'] = 'fas fa-gamepad';
blocks[1005]['hide_data'] = true;
blocks[1005]['width'] = 6;

blocks[1464] = {}
blocks[1464]['title'] = 'TV';
blocks[1464]['icon'] = 'fas fa-tv';
blocks[1464]['hide_data'] = true;
blocks[1464]['width'] = 3;
blocks[1464]['speak'] = 'TV is veranderd';

blocks[1466] = {}
blocks[1466]['title'] = 'kanaal up';
blocks[1466]['icon'] = 'fas fa-tv';
blocks[1466]['hide_data'] = true;
blocks[1466]['width'] = 3;
//blocks[1466]['speak'] = 'TV is veranderd';

blocks[1457] = {}
blocks[1457]['title'] = 'kanaal up';
blocks[1457]['icon'] = 'fas fa-tv';
blocks[1457]['hide_data'] = true;
blocks[1457]['width'] = 3;
//blocks[1457]['speak'] = 'TV is veranderd';

blocks[1468] = {}
blocks[1468]['title'] = 'MUTE';
blocks[1468]['icon'] = 'fas fa-tv';
blocks[1468]['hide_data'] = true;
blocks[1468]['width'] = 3;
blocks[1468]['speak'] = 'Mute is veranderd';

blocks[1271] = {}
blocks[1271]['title'] = 'Chrome huiskamer';
blocks[1271]['icon'] = 'fas fa-music';
blocks[1271]['hide_data'] = true;
blocks[1271]['width'] = 9;

blocks[1273] = {}
blocks[1273]['title'] = 'Titel';
blocks[1273]['icon'] = 'fas fa-music';
blocks[1273]['hide_data'] = true;
blocks[1273]['width'] = 3;

blocks[1275] = {}
blocks[1275]['title'] = 'Chrome sonia';
blocks[1275]['icon'] = 'fas fa-music';
blocks[1275]['hide_data'] = true;
blocks[1275]['width'] = 9;

blocks[1277] = {}
blocks[1277]['title'] = 'Titel';
blocks[1277]['icon'] = 'fas fa-music';
blocks[1277]['hide_data'] = true;
blocks[1277]['width'] = 3;
//
// TV
//
blocks[1793] = {}
blocks[1793]['title'] = 'TV Woon kamer';
blocks[1793]['icon'] = 'fas fa-tv';
blocks[1793]['hide_data'] = true;
blocks[1793]['width'] = 2;

blocks[1791] = {}
blocks[1791]['title'] = 'TV Werk kamer';
blocks[1791]['icon'] = 'fas fa-tv';
blocks[1791]['hide_data'] = true;
blocks[1791]['width'] = 2;

blocks[2045] = {}
blocks[2045]['title'] = 'Nest hub';
blocks[2045]['icon'] = 'fas fa-tv';
blocks[2045]['hide_data'] = true;
blocks[2045]['width'] = 2;

blocks[1792] = {}
blocks[1792]['title'] = 'TV Niels';
blocks[1792]['icon'] = 'fas fa-tv';
blocks[1792]['hide_data'] = true;
blocks[1792]['width'] = 2;
blocks[1792]['speakOn'] = 'TV niels aan';
//blocks[1792]['speakOff'] = 'TV niels uit';

blocks[2065] = {}
blocks[2065]['title'] = 'TV Niels noodvz';
blocks[2065]['icon'] = 'fas fa-tv';
blocks[2065]['hide_data'] = true;
blocks[2065]['width'] = 2;
blocks[2065]['speakOn'] = 'TV niels aan';

blocks[1794] = {}
blocks[1794]['title'] = 'TV Sonia';
blocks[1794]['icon'] = 'fas fa-tv';
blocks[1794]['hide_data'] = true;
blocks[1794]['width'] = 2;
blocks[1794]['On'] = 'TV sonia is aan';
//blocks[1794]['speakOff'] = 'TV sonia is uit';

// NETWERK 

blocks[1786] =	{title: 'Unify', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1787] =	{title: 'Zyxel', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1785] =	{title: 'NAS', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1790] =	{title: 'Edge router', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1789] =	{title: 'Ziggo lan', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1788] =	{title: 'Ziggo wan', width: 4, icon: 'fas fa-hdd', hide_data: true}
blocks[1784] =	{title: 'DNS Google', width: 4, icon: 'fas fa-hdd', hide_data: true}
//blocks[260]  =	{title: 'Edge router', width: 4, icon: 'fas fa-hdd', hide_data: true}

// TELEPHONE

blocks[1783] = {}
blocks[1783]['title'] = 'Peter 06';
blocks[1783]['icon'] = 'fas fa-phone-volume';
blocks[1783]['hide_data'] = true;
blocks[1783]['width'] = 2;

blocks[1809] = {}
blocks[1809]['title'] = 'Monique 06';
blocks[1809]['icon'] = 'fas fa-phone-volume';
blocks[1809]['hide_data'] = true;
blocks[1809]['width'] = 2;

blocks[1808] = {}
blocks[1808]['title'] = 'Sonia 06';
blocks[1808]['icon'] = 'fas fa-phone-volume';
blocks[1808]['hide_data'] = true;
blocks[1808]['width'] = 2;

blocks[2044] = {}
blocks[2044]['title'] = 'Niels iphone';
blocks[2044]['icon'] = 'fas fa-phone-volume';
blocks[2044]['hide_data'] = true;
blocks[2044]['width'] = 2;

// SECURITY

blocks['secpanel'] = {width: 10, headerText: 'familie xxxx',footerText: 'security entrance'}
//blocks[1728]		=	{title: 'Security paneel', width: 9}							//dit is de security switch hide_data: true, gotoslide: 3,
blocks[2247]		=	{title: 'Alarm installatie', hide_data: true, icon: 'fas fa-cog', width: 4}
blocks[1780]		=	{title: 'Alarm status', hide_data: true, icon: 'fas fa-exclamation-triangle', width: 4}	//was 6
blocks[153]		= 	{title: 'Bew. Service', icon: 'fas fa-bell', hide_data: true, width: 4}
blocks[2197]		=	{title: 'Config Sirene/bel', icon: 'fas fa-cog', hide_data: true, width: 4}
blocks[2087]		=	{title: 'Sirene/bel', icon: 'fas fa-bell', hide_data: true, width: 4}
blocks[2254]		=	{title: 'Config logging', icon: 'fas fa-cog', hide_data: true, width: 4}

// SENSOREN

blocks[2226] =	{title: 'Rook hal', icon: 'fas fa-smoking', hide_data: true, speak: 'Er is rook in de hal', width: 2}
blocks[2225] =	{title: 'Rook trap', icon: 'fas fa-smoking', hide_data: true, speak: 'Er is rook op de trap', width: 2}
blocks[152] =	{title: 'Bew. Alarm tuin', icon: 'fas fa-bell', hide_data: true, width: 2}
blocks[1484]=	{title: 'Bew. Alarm straat', icon: 'fas fa-bell', hide_data: true, width: 2}
blocks[1180]=	{title: 'Bel tuin', icon: 'fas fa-bell', hide_data: true, width: 2,gotoslideOn:6}
blocks[1182]=	{title: 'Bel voordeur', icon: 'fas fa-bell', hide_data: true, width: 2, gotoslideOn:7}
blocks[1776]=	{title: 'Meter kast 2', hide_data: true, width: 2}
blocks[1752]=	{title: 'Tuindeur', hide_data: true, width: 2}
blocks[2009]=	{title: 'Voordeur', hide_data: true, width: 2}
blocks[2010]=	{title: 'Raam aanbouw', hide_data: true, width: 2}
blocks[2011]=	{title: 'Raam keuken', hide_data: true, width: 2}
blocks[2061]=	{title: 'Raam logeer links', hide_data: true, width: 2}
blocks[2062]=	{title: 'Raam logeer rechts', hide_data: true, width: 2}
blocks[2063]=	{title: 'Raam ouder rechts', hide_data: true, width: 2}
blocks[2064]=	{title: 'Raam ouder links', hide_data: true, width: 2}
//blocks[2237]=	{title: 'Pir aanbouw', icon: 'fas fa-running', hide_data: true, width: 2}
blocks[2237]=	{title: 'Pir aanbouw', value:'', width: 2, last_update: false}
blocks[2244]=	{title: 'Pir auto', value:'', width: 2, last_update: false}
blocks[2248]=	{title: 'Pir huiskamer', value:'', width: 2, last_update: false}
blocks[2249]=	{title: 'Pir 1e verdieping', value:'', width: 2, last_update: false}

blocks[2205]=	{title: 'Schuurdeur', hide_data: true, width: 2}
blocks[2222]=	{title: 'Raam douche', hide_data: true, width: 2}
blocks[2105]=	{title: 'Raam sonia', hide_data: true, width: 2}
blocks[2107]=	{title: 'Raam ouder velux', hide_data: true, width: 2}

blocks[207] =	{title: 'Alarm jablotron', icon: 'fas fa-exclamation-triangle', hide_data: true, width: 2}
blocks[210] =	{title: 'Jablotron enabled', icon: 'fas fa-door-closed', hide_data: true, width: 2}

//
// pc en tablet
//
blocks[1795] = {}
blocks[1795]['title'] = 'Peter pc vlan';
blocks[1795]['hide_data'] = true;
blocks[1795]['icon'] = 'fas fa-desktop';
blocks[1795]['width'] = 2;

blocks[1796] = {}
blocks[1796]['title'] = 'Peter ptb';
blocks[1796]['hide_data'] = true;
blocks[1796]['icon'] = 'fas fa-laptop';
blocks[1796]['width'] = 2;

blocks[1802] = {}
blocks[1802]['title'] = 'Peter tablet';
blocks[1802]['hide_data'] = true;
blocks[1802]['icon'] = 'fas fa-tablet-alt';
blocks[1802]['width'] = 2;

blocks[1804] = {}
blocks[1804]['title'] = 'Monique tablet';
blocks[1804]['hide_data'] = true;
blocks[1804]['icon'] = 'fas fa-tablet-alt';
blocks[1804]['width'] = 2;

blocks[1800] = {}
blocks[1800]['title'] = 'Niels pc ziggo';
blocks[1800]['hide_data'] = true;
blocks[1800]['icon'] = 'fas fa-desktop';
//blocks[1800]['speakOn'] = 'Pc niels is aan';
//blocks[1800]['speakOff'] = 'Pc niels is uit';
blocks[1800]['width'] = 2;

blocks[1799] = {}
blocks[1799]['title'] = 'Niels pc vlan';
blocks[1799]['hide_data'] = true;
blocks[1799]['icon'] = 'fas fa-desktop';
//blocks[1799]['speakOn'] = 'Pc niels is aan';
//blocks[1799]['speakOff'] = 'Pc niels is uit';
blocks[1799]['width'] = 2;

blocks[1798] = {}
blocks[1798]['title'] = 'Niels ptb';
blocks[1798]['hide_data'] = true;
blocks[1798]['icon'] = 'fas fa-laptop';
//blocks[1798]['speakOn'] = 'Portable niels is aan';
//blocks[1798]['speakOff'] = 'Portable niels is uit';
blocks[1798]['width'] = 2;

blocks[1801] = {}
blocks[1801]['title'] = 'Niels pc vlan wifi';
blocks[1801]['hide_data'] = true;
blocks[1801]['icon'] = 'fas fa-desktop';
//blocks[1801]['speakOn'] = 'Pc niels wifi is aan';
//blocks[1801]['speakOff'] = 'Pc niels wifi is uit';
blocks[1801]['width'] = 2;

blocks[1797] = {}
blocks[1797]['title'] = 'Sonia ptb';
blocks[1797]['hide_data'] = true;
blocks[1797]['icon'] = 'fas fa-laptop';
blocks[1797]['width'] = 2;

// remote werkt niet
blocks[1451] = {}
blocks[1451]['title'] = 'TV';
blocks[1451]['width'] = 4;

blocks[1803] = {}
blocks[1803]['title'] = 'Sonia tablet';
blocks[1803]['hide_data'] = true;
blocks[1803]['icon'] = 'fas fa-tablet-alt';
blocks[1803]['speakOn'] = 'Tablet sonia is aan';
//blocks[1803]['speakOff'] = 'Tablet sonia is uit';
blocks[1803]['width'] = 2;

blocks[1805] = {}
blocks[1805]['title'] = 'PS4';
blocks[1805]['hide_data'] = true;
blocks[1805]['icon'] = 'fas fa-gamepad';
blocks[1805]['width'] = 2;

blocks[1782] = {}
blocks[1782]['title'] = 'KODI';
blocks[1782]['hide_data'] = true;
blocks[1782]['icon'] = 'fas fa-gamepad';
blocks[1782]['width'] = 2;

// logging

blocks[1472]		= {title: 'Timers', width: 12, hide_data: true, switch: true}					//maxheight: 250, werkt niet
blocks[1473]		= {title: 'Schonen log', width: 4, icon: 'fas fa-trash', hide_data: true, switch: true}
blocks[1750]		= {title: 'File copy', width: 4, icon: 'fas fa-hdd', hide_data: true, switch: true}
blocks[1749]		= {title: 'Motion files aanwezig', width: 4, icon: 'fas fa-hdd', hide_data: true, switch: true}

// KOLOMMEN clock

var columns = {}

columns[1] = {blocks: ['t_klimaat_buiten','currentweather_big_owm','weather_owm',1285,1305,1250,1163,1303,1248,'2241_1','t_klimaat binnen',1049,2125,2115,'2242_1','2103_1','t_apps',buttons.radio2,buttons.nunl, buttons.webcama,1750,1473,buttons.log,1749], width: 3}
columns[2] = {blocks: ['t_scenes',1476,1477,1480,1474,1482,1475,985,1362,2253,'t_irrigatie_&_tuinverlichting',2250,1013,15,991,994,969,1190,1364,973,1192,1365,1189,1191,1366,1267,1268,1367,1601,1580,1581,1604,1606,1607], width: 3}
columns[3] = {blocks: ['t_schakelaars',1479,1470,86,1481,262,2071,1002,259,997,'t_amusement',354,353,134,139,1012,1005,1464,1468,1466,1457,'streamplayer'], width: 3}
columns[4] = {blocks: ['t_security','secpanel',2247,2197,2254,1780,2087,153,'t_nieuws',calendars.fam,'garbage','t_netwerk',1784,1789,1785,1790,1786,1787], width: 3}
columns[5] = {blocks: ['clock','sunrise',calendars.peter,calendars.ado,calendars.f1], width: 3}
columns[6] = {blocks: ['news_nualg','news_nusp',tvguide.dutch,1472], width: 5} //,'log'
columns[7] = {blocks: [publictransport.ovinfotrain,publictransport.ovinfotram],width: 4}	//'chromecast','streamplayer',buttons.log
columns[8] = {blocks: ['t_observatie_tv_devices',1793,1794,1792,2065,1791,2045,'t_observatie_mobiele_devices',1783,1809,1808,2044,'t_observatie_pc_devices_gaming',1795,1800,1799,1801,1805,1782,'t_observatie laptops en tablets',1796,1797,1798,1802,1804,1803,'t_observatie_sensoren',2244,2237,2248,2249,2226,2225,152,1484,1180,1182,1776,2009,1752,2010,2011,207,210,2061,2062,2064,2063,2105,2107,2205,2222], width: 6}
columns[10]= {blocks: [buttons.webcam3,buttons.webcam4],width: 6}

// SCHERMEN

var screens =	{}
//screens['default']	= {maxwidth: 1920, maxheight: 1080}
screens['default']	= {maxwidth: 3840, maxheight: 2160}
screens['default'][1]	= {background: 'bg1.jpg', columns: [1,2,3,4]}
screens['default'][2]	= {background: 'bg1.jpg', columns: [8,10]}
screens['default'][3]	= {background: 'bg1.jpg', columns: [5,6,7]}

screens['tablet']	= {maxwidth: 1024,maxheight: 768}
screens['tablet'][1]	= {background: 'bg1.jpg', columns: [1,2,3]}
screens['tablet'][2]	= {background: 'bg1.jpg', columns: [4,5]}
screens['tablet'][3]	= {background: 'bg1.jpg', columns: [6,9]}
screens['tablet'][4]	= {background: 'bg1.jpg', columns: [7,8]}

The block buttons.radio2 is undefined.

I will improve the error handling ...

pvklink · Post by **pvklink** » Wednesday 27 January 2021 12:45

I migrated most of my special devices. And it looks great again!
Specially the new agenda block setup is great.

I converted all four agenda's and two off them dont show content

Code: Select all

blocks['dvado'] = {type: 'calendar',icon: 'fas fa-volleyball-ball',maxitems: 6,layout: 0,weeks: 5,lastweek: false,isoweek: true,width: 12,emptytext: 'Geen afspraken',
		url: 'https://calendar.google.com/calendar/embed?src=63olkhhf2erjro0mvcdnvqpfqg%40group.calendar.google.com&ctz=Europe%2FAmsterdam',
		icalurl: 'https://calendar.google.com/calendar/embed?src=63olkhhf2erjro0mvcdnvqpfqg%40group.calendar.google.com&ctz=Europe%2FAmsterdam',
		}
blocks['dvf1'] = {type: 'calendar',icon: 'fas fa-car',maxitems: 6,layout: 0,weeks: 5,lastweek: false,isoweek: true,width: 12,emptytext: 'Geen afspraken',
		url: 'https://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/',
		icalurl: 'webcal://www.gpupdate.net/nl/kalender/292/formule-1-kalender-2019/calendar.ics',
		}

other settings
columns[5] = {blocks: ['clock','sunrise','dvpeter','dvado','dvf1'], width: 3}

Lokonli · Post by **Lokonli** » Wednesday 27 January 2021 13:13

De eerste is geen ical formaat, maar een embedded Google calendar. Je kan die niet als een calendar block openen. Je kan het wel in een frame laten zien. bv:

Code: Select all

blocks['fr'] = {      
        frameurl: 'https://calendar.google.com/calendar/embed?src=63olkhhf2erjro0mvcdnvqpfqg%40group.calendar.google.com&ctz=Europe%2FAmsterdam',
        height: 400
}

De f1 kalender (2019?) bestaat niet meer. De link wordt doorgestuurd naar een andere website: ook geen ical file.

pvklink · Post by **pvklink** » Wednesday 27 January 2021 14:29

OK, Thanks (bedankt

Dashticz becomes more and more better.
Is the target the get rid of the var parts in custom.js and use block(s) for it?
I still use below vars, and just deleted the calenders and used blocks for it

Are there already alternatives like the calenderblock for below specials that i forgot to migrate?

Code: Select all

var _STREAMPLAYER_TRACKS =	[
var frames = {}
var publictransport = {}
var tvguide = {}
var buttons = {}

Dashticz v3.7.3 beta Topic is solved

Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Re: Dashticz v3.7.3 beta

Who is online