Wizjos,
Here is the code, i only changed config.js, creative.js and the background (attached).
config.js:
Code: Select all
var _LANGUAGE = 'nl_NL'; //or en_US
var _HOST_DOMOTICZ = 'http://192.168.x.x:xxxx';
/*
IF YOU HAVE A MEDIABOX FROM ZIGGO (HORIZON), COPY SWITCH_HORIZON.PHP ON A WEBSERVER INSIDE YOUR NETWORK AND CHANGE THE IP.
ENTER THE PATH TO THIS FILE BELOW.
*/
var _HOST_ZIGGO_HORIZON = ''; //e.g. http://192.168.1.3/domoticz/switch_horizon.php';
var _APIKEY_WUNDERGROUND = 'xxxxxxx';
var _WEATHER_CITY = 'Delft';
var _WEATHER_COUNTRY = 'NL';
var _USE_AUTO_POSITIONING = false; //don't want to configure positions, use auto positioning
var _USE_FAVORITES = false; //only used when using auto positioning
var _HIDE_SECONDS_IN_CLOCK = true; //do not show the seconds in the clock
var _HIDE_MEDIAPLAYER_WHEN_OFF = false; //when you have a mediaplayer connected, hide it if nothing is playing
var _NEWS_RSSFEED = 'http://www.nu.nl/rss/algemeen';
var _USE_FAHRENHEIT = false;
var _STANDBY_AFTER_MINUTES = false; //enter amount of seconds like: 5 (5 seconds)
var buttons = {}
buttons.buienradar = {width:12, isimage:true, image: 'http://api.buienradar.nl/image/1.0/RadarMapNL?w=285&h=256', url: 'http://www.weer.nl/verwachting/nederland/son/189656/'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nunl = {width:12, icon: 'fa-newspaper-o', title: 'Nu.nl', url: 'http://www.nu.nl'}
buttons.camerakeuken = {width:6, image: 'img/SecurityCam.png', title: 'Camera Keuken', url: 'http://192.168.x.x:xxx/snapshot.cgi?user=xxxx&pwd=xxxxx&rate=1'}
buttons.camerablokhut = {width:6, image: 'img/SecurityCam.png', title: 'Camera Blokhut', url: 'http://192.168.x.x:xxxx/snapshot.cgi?user=xxxx&pwd=xxxxx&rate=1'}
"CUSTOM POSITIONING:"
//defining wich blocks to show, de numbers represents the IDX of the device in Domoticz
//only define if you want to use a custom width instead of the default
var blocks = {}
blocks[12] = {}
blocks[12]['width'] = 6;
blocks[64] = {}
blocks[64]['width'] = 6;
blocks[66] = {}
blocks[66]['width'] = 6;
blocks[109] = {}
blocks[109]['width'] = 6;
blocks[116] = {}
blocks[116]['width'] = 6;
blocks[423] = {}
blocks[423]['width'] = 6; //1 to 12, remove this line if you want to use the default (4)
blocks[425] = {}
blocks[425]['width'] = 6;
blocks[435] = {}
blocks[435]['width'] = 6;
blocks[436] = {}
blocks[436]['width'] = 12;
blocks[443] = {}
blocks[443]['width'] = 12;
blocks[479] = {}
blocks[479]['width'] = 6;
blocks[485] = {}
blocks[485]['width'] = 6;
blocks[536] = {}
blocks[536]['width'] = 6;
blocks[576] = {}
blocks[576]['width'] = 6;
blocks[577] = {}
blocks[577]['width'] = 6;
blocks[716] = {}
blocks[716]['width'] = 6;
blocks[743] = {}
blocks[743]['width'] = 6;
blocks[753] = {}
blocks[753]['width'] = 6;
blocks[801] = {}
blocks[801]['width'] = 6;
blocks[813] = {}
blocks[813]['width'] = 3;
blocks[814] = {}
blocks[814]['width'] = 3;
blocks[815] = {}
blocks[815]['width'] = 3;
blocks[816] = {}
blocks[816]['width'] = 3;
blocks[833] = {}
blocks[833]['width'] = 6;
blocks[841] = {}
blocks[841]['width'] = 6;
blocks[842] = {}
blocks[842]['width'] = 6;
blocks[843] = {}
blocks[843]['width'] = 12;
blocks['currentweather'] = {}
blocks['currentweather']['width'] = 12;
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';
blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Weersvoorspelling';
//defining number of columns, their contents en widths
//width can be a number 1 to 12, but total widths of all columns should always be 12
var columns = {}
columns[1] = {}
columns[1]['blocks'] = [753,716,425,743,66,423,485,436,443] //remark: idx 144 produces 2 blocks, so you can use: '144_1' and '144_2' (or of course, just 144 if you want one)
columns[1]['width'] = 5;
columns[2] = {}
columns[2]['blocks'] = ['currentweather','weather',843,814,815,816]
columns[2]['width'] = 5;
columns[3] = {}
columns[3]['blocks'] = ['clock','sunrise',buttons.buienradar,buttons.radio,buttons.nunl]
columns[3]['width'] = 2;
columns[4] = {}
columns[4]['blocks'] = [64,833,109,116,576,577,479,801]
columns[4]['width'] = 5;
columns[5] = {}
columns[5]['blocks'] = ['12_1','536_1','12_2','536_2',buttons.camerakeuken,buttons.camerablokhut]
columns[5]['width'] = 5;
columns[6] = {}
columns[6]['blocks'] = ['clock']
columns[6]['width'] = 2;
//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'brushed-metallic-backgroud800x480_3.jpg';
screens[1]['columns'] = [1,2,3]
screens[2] = {}
screens[2]['background'] = 'brushed-metallic-backgroud800x480_3.jpg';
screens[2]['columns'] = [4,5,6]
just changed this part in creative.js:
Code: Select all
.slider-pagination {
position: absolute;
bottom: 20px;
width: 95%;
left: 0;
text-align: right;
z-index: 1000;
Rob, this is the output of a "Smoke detector"
Code: Select all
{
"AddjMulti" : 1.0,
"AddjMulti2" : 1.0,
"AddjValue" : 0.0,
"AddjValue2" : 0.0,
"BatteryLevel" : 255,
"CustomImage" : 0,
"Data" : "Normal",
"Description" : "",
"Favorite" : 0,
"HardwareID" : 3,
"HardwareName" : "RFXCOM",
"HardwareType" : "RFXCOM - RFXtrx433 USB 433.92MHz Transceiver",
"HardwareTypeVal" : 1,
"HaveDimmer" : false,
"HaveGroupCmd" : false,
"HaveTimeout" : false,
"ID" : "6B9D00",
"LastUpdate" : "2017-04-07 13:27:43",
"MaxDimLevel" : 0,
"Name" : "Rookmelder Overloop (M)",
"Notifications" : "true",
"PlanID" : "5",
"PlanIDs" : [ 5, 6 ],
"Protected" : false,
"ShowNotifications" : true,
"SignalLevel" : 4,
"Status" : "Normal",
"StrParam1" : "",
"StrParam2" : "",
"SubType" : "KD101 smoke detector",
"SwitchType" : "Smoke Detector",
"SwitchTypeVal" : 5,
"Timers" : "false",
"Type" : "Security",
"TypeImg" : "smoke",
"Unit" : 0,
"Used" : 1,
"XOffset" : "0",
"YOffset" : "0",
"idx" : "576"
},
