Dashticz - Module - Spotify (new version!)

[renerene]

Just a silly question...are you sure you entered the redirect url in the correct field in the spotify api environment? I didn't so when I tried to access dashticz after the update I ran into some issues with faulty redirects. Make sure to check this.

In my case option e) works...that being; option D + index.html but I added multiple because I also use url forwarding. You can add as many redirect URLs as you like within spotify.

I'm not sure if you need to use a username/password in the redirect. I just don't know.

It is hard to use the wrong redirect URL. It is under Spotify applicaticions -> Edit settings -> Redirect URIs
Option D+ is no success. These were my attempts:

• extra lines lines with postfix index.html.

• single address with postfix index.html.

• update domoticz to 9440

Now, it doesn't even return me to blank dashticz, even when using old lines: INVALID_CLIENT: Invalid redirect URI

Look at previous post, from gielie and Curious, who think it is an iOS problem: same thing

For now: clumsy option, I give in.
Anyway, would be better to have this functionality in Domoticz instead of dashticz

[ecvn]

Just a silly question...are you sure you entered the redirect url in the correct field in the spotify api environment? I didn't so when I tried to access dashticz after the update I ran into some issues with faulty redirects. Make sure to check this.

In my case option e) works...that being; option D + index.html but I added multiple because I also use url forwarding. You can add as many redirect URLs as you like within spotify.

I'm not sure if you need to use a username/password in the redirect. I just don't know.

It is hard to use the wrong redirect URL. It is under Spotify applicaticions -> Edit settings -> Redirect URIs
Option D+ is no success. These were my attempts:

• extra lines lines with postfix index.html.

• single address with postfix index.html.

• update domoticz to 9440

Now, it doesn't even return me to blank dashticz, even when using old lines: INVALID_CLIENT: Invalid redirect URI

Look at previous post, from gielie and Curious, who think it is an iOS problem: same thing

For now: clumsy option, I give in.
Anyway, would be better to have this functionality in Domoticz instead of dashticz

I can't see the attempts. I'm on my iPhone and it is sublime in blocking or not displaying relevant content...
I've made a screen dump of my spotify api dashboard. The first set of two IP's is my public ip. The third (not blinded) ip is of course my network ip.
The fourth is an url and fifth and last are again public IP's.
Pay attention to the https or http. I don't want to use public IP's but I did it for testing.


Verzonden vanaf mijn iPhone met Tapatalk

[freakshock]

I like this plugin, but it makes Dashticz running on my wall tablet too slow/unresponsive.
On my PC it runs fine.
It's a Nexus 10 running Fully Kiosk Browser.
I can see the slowdowns happening by looking at the seconds counter in the clock, it hangs like every 5 secvonds and then continues again.
I'll try again later if it's possible to increase performance of the plugin on (mobile/slow?) devices. Otherwise I'll do without it

[gielie]

Ok after some testing I crashed the iOS bug, I used a non secure http, I now changed it to https and it works (in the Spotify dev environment) , all icons are back and Spotify is working like a charm. It works with my local ip and with my external ip and webadress. I’m not using domoticz nor dashticz with https just http because I use local ip addresses and my dashtichs is not accessible from outside my network.

[curious]

Ok after some testing I crashed the iOS bug, I used a non secure http, I now changed it to https and it works (in the Spotify dev environment) , all icons are back and Spotify is working like a charm. It works with my local ip and with my external ip and webadress. I’m not using domoticz nor dashticz with https just http because I use local ip addresses and my dashtichs is not accessible from outside my network.

What do you mean with "spotify dev environment"?

[nldforce]

hi there,

as soon is i insert the 'spotify' to one of my pages the connection with domotcz is gone.
Meaning that there is no connection with all of the lights i putt in there,

can sombody help me?

Spoiler: show

var config = {}
config['domoticz_ip'] = 'http://192.168.1.***:8080';
config['app_title'] = 'Dashticz ';
config['language'] = 'nl_NL';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '300';
config['garbage_company'] = 'circulusberkel';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = '*****';
config['garbage_street'] = '****';
config['garbage_housenumber'] = '**';
config['garbage_maxitems'] = '4';
config['garbage_width'] = '12';
config['garbage_hideicon'] = 0;
config['static_weathericons'] = 0;
config['translate_windspeed'] = 1;
config['hide_topbar'] = 0;
config['use_favorites'] = 1;
config['last_update'] = 1;
config['wu_api'] = 'a893487*e9fd9ac';
config['spot_clientid'] = 'b33be2**5589571172958e52**f';
config['wu_city'] = '****';
config['wu_name'] = 0;
config['wu_country'] = 'NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['news_scroll_after'] = '7';
config['gm_api'] = 'AIzaSyDkHtDjwy**mzA-f5fnYVybLKJ8I';
config['gm_zoomlevel'] = '9';
config['gm_latitude'] = '*.2532432';
config['gm_longitude'] = '*.2059842';
config['APIKEY_WUNDERGROUND'] = '*.2059842';


var tvguide = {}
tvguide.dutch = { key:'dutch', icon: 'fa-television', width:6, channels: [1,2,3,4,31,36,460,46,37,34,465,92], maxitems: 12 }

var calendars = {}
calendars.business = { width:6, icalurl: 'https://cors-anywhere.herokuapp.com/htt ... /basic.ics', maxitems: 3 }
calendars.private = { width:6, icalurl: 'https://cors-anywhere.herokuapp.com/htt ... /basic.ics' , maxitems: 3 }



var _STREAMPLAYER_TRACKS = [
{"track":1,"name":"Slam! NonStop","file":"http://stream.radiocorp.nl/web10_mp3"},
{"track":2,"name":"538 Hitzone","file":"http://vip-icecast.538.lw.triple-it.nl/WEB11_MP3"},
{"track":3,"name":"Q-music","file":"http://icecast-qmusic.cdp.triple-it.nl/ ... ive_96.mp3"},
{"track":4,"name":"100%NL","file":"http://stream.100p.nl/100pctnl.mp3"},
];

var buttons = {}
buttons.nunl = {key: 'nunl', width:12, icon: 'fa-newspaper-o', title: 'Nu.nl', newwindow:true, url: 'http://www.nu.nl'}
buttons.nos = {key: 'nos', width:12, icon: 'fa-newspaper-o', title: 'Nos', url: 'http://www.nos.nl'}
buttons.tweakers = {key: 'tweakers', width:12, icon: 'fa-newspaper-o', title: 'Tweakers', url: 'https://www.tweakers.net'}
buttons.buienradar = {width:6, isimage:true, image: 'https://api.buienradar.nl/image/1.0/Rad ... =285&h=256', url: 'https://www.weeronline.nl/Europa/Nederl ... er/4057340'}

var maps = {}
maps.plaatsnaam = { height: 285, width:6, latitude: 52.2532432, longitude: 6.2059842, zoom:10 }

var coins = {}
coins.redcoin = { key:'redcoin', amount: **.348325, currency: 'EUR', width:3 }
coins.artbyte = { key:'artbyte', amount: **.79018500, currency: 'EUR', width:3 }
coins.crown = { key:'crown', amount: *.91367800, currency: 'EUR', width:3 }
coins.dash = { key:'dash', amount: *.26575200, currency: 'EUR', width:3 }
coins.dogecoin = { key:'dogecoin', amount: *.54392900, currency: 'EUR', width:3 }
coins.gulden = { key:'gulden', amount: *.96590700, currency: 'EUR', width:3 }
coins.litecoin = { key:'litecoin', amount: *.00000000, currency: 'EUR', width:3 }
coins.particl = { key:'particl', amount: *.41582800, currency: 'EUR', width:3 }
coins.startcoin = { key:'startcoin', amount: *86.13716100, currency: 'EUR', width:3 }
coins.stratis = { key:'stratis', amount: *.17421600, currency: 'EUR', width:3 }
coins.nav = { key:'nav-coin', currency: 'EUR', amount: *.04140900, width:3 }
coins.nav = { key:'nav-coin', currency: 'EUR', amount: *.04140900, width:3 }

// titels
var blocks = {}
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['key'] = 'blocktitle_1';
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['key'] = 'blocktitle_2';
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Cryptovaluta';

blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['key'] = 'blocktitle_3';
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Temperatuur';

blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['key'] = 'blocktitle_4';
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['width'] = 6;
blocks['blocktitle_4']['title'] = 'tv gids';

blocks['news_10'] = {}
blocks['news_10']['feed'] = 'https://cors-anywhere.herokuapp.com/htt ... s/algemeen';

blocks['news_2'] = {}
blocks['news_2']['feed'] = 'https://cors-anywhere.herokuapp.com/htt ... ers/nieuws';
blocks['news_2']['maxheight'] = 113;

// tv gids
blocks[tvguide.dutch] = {}
blocks[tvguide.dutch]['width'] = 6;
blocks[tvguide.dutch]['title'] = 'tv gids';

// tv
blocks[29] = {} //HARMONY ps4
blocks[29]['width'] = 3;
blocks[29]['switch'] = true;
blocks[29]['show_lastupdate'] = false;
blocks[29]['hide_data'] = true;
blocks[29]['icon'] = 'fa-tv';

blocks[30] = {} //HARMONY plex
blocks[30]['width'] = 3;
blocks[30]['switch'] = true;
blocks[30]['show_lastupdate'] = false;
blocks[30]['hide_data'] = true;
blocks[30]['icon'] = 'fa-tv';

blocks[31] = {} //HARMONY radio
blocks[31]['width'] = 3;
blocks[31]['switch'] = true;
blocks[31]['show_lastupdate'] = false;
blocks[31]['hide_data'] = true;
blocks[31]['icon'] = 'fa-music';

blocks[33] = {} //HARMONY tv
blocks[33]['width'] = 3;
blocks[33]['switch'] = true;
blocks[33]['show_lastupdate'] = false;
blocks[33]['hide_data'] = true;
blocks[33]['icon'] = 'fa-tv';

// weer & verkeer
blocks['currentweather_big'] = {} //currentweather
blocks['currentweather_big']['width'] = 6;

blocks['weather'] = {} //currentweather
blocks['weather']['width'] = 6;

//temp sensors
blocks['1_1'] = {}
blocks['1_1']['width'] = 3;
blocks['1_1']['hide_data'] = true;
blocks['1_1']['hide_lastupdate'] = true;

blocks['1_2'] = {}
blocks['1_2']['width'] = 3;
blocks['1_2']['hide_data'] = true;
blocks['1_2']['hide_lastupdate'] = true;

blocks['2_1'] = {}
blocks['2_1']['width'] = 3;
blocks['2_1']['hide_data'] = true;
blocks['2_1']['hide_lastupdate'] = true;

blocks['2_2'] = {}
blocks['2_2']['width'] = 3;
blocks['2_2']['hide_data'] = true;
blocks['2_2']['hide_lastupdate'] = true;



// lampen
blocks[5] = {}
blocks[5]['title'] = 'Lamp tv';
blocks[5]['width'] = 3;
blocks[5]['hide_data'] = true;
blocks[5]['hide_lastupdate'] = true;

blocks[6] = {}
blocks[6]['width'] = 3;
blocks[6]['title'] = 'Bureau Rick';
blocks[6]['hide_data'] = true;
blocks[6]['hide_lastupdate'] = true;

blocks[7] = {}
blocks[7]['width'] = 3;
blocks[7]['hide_data'] = true;
blocks[7]['hide_lastupdate'] = true;

blocks[8] = {}
blocks[8]['width'] = 3;
blocks[8]['hide_data'] = true;
blocks[8]['hide_lastupdate'] = true;
blocks[8]['title'] = 'Lamp Keuken';

blocks[12] = {}
blocks[12]['title'] = 'Staande lamp';
blocks[12]['width'] = 3;
blocks[12]['hide_data'] = true;
blocks[12]['hide_lastupdate'] = true;

blocks[13] = {}
blocks[13]['title'] = 'Onder kast';
blocks[13]['width'] = 3;
blocks[13]['hide_data'] = true;
blocks[13]['hide_lastupdate'] = true;

blocks['s1'] = {}
blocks['s1']['title'] = 'Beneden aan/uit';
blocks['s1']['width'] = 3;
blocks['s1']['hide_data'] = true;
blocks['s1']['hide_lastupdate'] = true;

blocks['s2'] = {}
blocks['s2']['title'] = 'Boven aan/uit';
blocks['s2']['width'] = 3;
blocks['s2']['hide_data'] = true;
blocks['s2']['hide_lastupdate'] = true;


var columns = {}
columns['bar'] = {}
columns['bar']['blocks'] = ['logo','miniclock','settings']

columns[1] = {}
// PAGINA 1
columns[1]['blocks'] = ['blocktitle_1',5,12,13,6,8,7,'s2','s1',
'blocktitle_3','1_1','2_1','1_2','2_2',]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['weather','currentweather_big',calendars.business,calendars.private,maps.plaatsnaam,buttons.buienradar,'news_10','news_2']
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['sunrise','streamplayer','buttons.buienradar','garbage','spotify',29,30,31,33]
columns[3]['width'] = 2;

// PAGINA 2
columns[4] = {}
columns[4]['blocks'] = ['blocktitle_2',coins.dash,coins.dogecoin,coins.gulden,coins.litecoin,coins.nav,coins.particl,coins.startcoin,coins.stratis,coins.redcoin,coins.artbyte,coins.crown,'blocktitle_4',tvguide.dutch]
columns[4]['width'] = 5;

columns[5] = {}
columns[5]['blocks'] = []
columns[5]['width'] = 5;

columns[6] = {}
columns[6]['blocks'] = ['sunrise','streamplayer','blocktitle_5']
columns[6]['width'] = 2;

//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['background_morning'] = 'bg1.jpg';
screens[1]['background_noon'] = 'bg1.jpg';
screens[1]['background_afternoon'] = 'bg1.jpg';
screens[1]['background_night'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'bg1.jpg';
screens[2]['background_morning'] = 'bg1.jpg';
screens[2]['background_noon'] = 'bg1.jpg';
screens[2]['background_afternoon'] = 'bg1.jpg';
screens[2]['background_night'] = 'bg1.jpg';
screens[2]['columns'] = [4,5,6]

[nldforce]

Ok after some testing I crashed the iOS bug, I used a non secure http, I now changed it to https and it works (in the Spotify dev environment) , all icons are back and Spotify is working like a charm. It works with my local ip and with my external ip and webadress. I’m not using domoticz nor dashticz with https just http because I use local ip addresses and my dashtichs is not accessible from outside my network.

What do you mean with "spotify dev environment"?

https://beta.developer.spotify.com/dashboard/login

[Lokonli]

hi there,

as soon is i insert the 'spotify' to one of my pages the connection with domotcz is gone.
Meaning that there is no connection with all of the lights i putt in there,

can sombody help me?

Spoiler: show

var config = {}
config['domoticz_ip'] = 'http://192.168.1.***:8080';
config['app_title'] = 'Dashticz ';
config['language'] = 'nl_NL';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '300';
config['garbage_company'] = 'circulusberkel';
config['garbage_icalurl'] = 0;
config['garbage_zipcode'] = '*****';
config['garbage_street'] = '****';
config['garbage_housenumber'] = '**';
config['garbage_maxitems'] = '4';
config['garbage_width'] = '12';
config['garbage_hideicon'] = 0;
config['static_weathericons'] = 0;
config['translate_windspeed'] = 1;
config['hide_topbar'] = 0;
config['use_favorites'] = 1;
config['last_update'] = 1;
config['wu_api'] = 'a893487*e9fd9ac';
config['spot_clientid'] = 'b33be2**5589571172958e52**f';
config['wu_city'] = '****';
config['wu_name'] = 0;
config['wu_country'] = 'NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['news_scroll_after'] = '7';
config['gm_api'] = 'AIzaSyDkHtDjwy**mzA-f5fnYVybLKJ8I';
config['gm_zoomlevel'] = '9';
config['gm_latitude'] = '*.2532432';
config['gm_longitude'] = '*.2059842';
config['APIKEY_WUNDERGROUND'] = '*.2059842';


var tvguide = {}
tvguide.dutch = { key:'dutch', icon: 'fa-television', width:6, channels: [1,2,3,4,31,36,460,46,37,34,465,92], maxitems: 12 }

var calendars = {}
calendars.business = { width:6, icalurl: 'https://cors-anywhere.herokuapp.com/htt ... /basic.ics', maxitems: 3 }
calendars.private = { width:6, icalurl: 'https://cors-anywhere.herokuapp.com/htt ... /basic.ics' , maxitems: 3 }



var _STREAMPLAYER_TRACKS = [
{"track":1,"name":"Slam! NonStop","file":"http://stream.radiocorp.nl/web10_mp3"},
{"track":2,"name":"538 Hitzone","file":"http://vip-icecast.538.lw.triple-it.nl/WEB11_MP3"},
{"track":3,"name":"Q-music","file":"http://icecast-qmusic.cdp.triple-it.nl/ ... ive_96.mp3"},
{"track":4,"name":"100%NL","file":"http://stream.100p.nl/100pctnl.mp3"},
];

var buttons = {}
buttons.nunl = {key: 'nunl', width:12, icon: 'fa-newspaper-o', title: 'Nu.nl', newwindow:true, url: 'http://www.nu.nl'}
buttons.nos = {key: 'nos', width:12, icon: 'fa-newspaper-o', title: 'Nos', url: 'http://www.nos.nl'}
buttons.tweakers = {key: 'tweakers', width:12, icon: 'fa-newspaper-o', title: 'Tweakers', url: 'https://www.tweakers.net'}
buttons.buienradar = {width:6, isimage:true, image: 'https://api.buienradar.nl/image/1.0/Rad ... =285&h=256', url: 'https://www.weeronline.nl/Europa/Nederl ... er/4057340'}

var maps = {}
maps.plaatsnaam = { height: 285, width:6, latitude: 52.2532432, longitude: 6.2059842, zoom:10 }

var coins = {}
coins.redcoin = { key:'redcoin', amount: **.348325, currency: 'EUR', width:3 }
coins.artbyte = { key:'artbyte', amount: **.79018500, currency: 'EUR', width:3 }
coins.crown = { key:'crown', amount: *.91367800, currency: 'EUR', width:3 }
coins.dash = { key:'dash', amount: *.26575200, currency: 'EUR', width:3 }
coins.dogecoin = { key:'dogecoin', amount: *.54392900, currency: 'EUR', width:3 }
coins.gulden = { key:'gulden', amount: *.96590700, currency: 'EUR', width:3 }
coins.litecoin = { key:'litecoin', amount: *.00000000, currency: 'EUR', width:3 }
coins.particl = { key:'particl', amount: *.41582800, currency: 'EUR', width:3 }
coins.startcoin = { key:'startcoin', amount: *86.13716100, currency: 'EUR', width:3 }
coins.stratis = { key:'stratis', amount: *.17421600, currency: 'EUR', width:3 }
coins.nav = { key:'nav-coin', currency: 'EUR', amount: *.04140900, width:3 }
coins.nav = { key:'nav-coin', currency: 'EUR', amount: *.04140900, width:3 }

// titels
var blocks = {}
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['key'] = 'blocktitle_1';
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Schakelaars';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['key'] = 'blocktitle_2';
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Cryptovaluta';

blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['key'] = 'blocktitle_3';
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Temperatuur';

blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['key'] = 'blocktitle_4';
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['width'] = 6;
blocks['blocktitle_4']['title'] = 'tv gids';

blocks['news_10'] = {}
blocks['news_10']['feed'] = 'https://cors-anywhere.herokuapp.com/htt ... s/algemeen';

blocks['news_2'] = {}
blocks['news_2']['feed'] = 'https://cors-anywhere.herokuapp.com/htt ... ers/nieuws';
blocks['news_2']['maxheight'] = 113;

// tv gids
blocks[tvguide.dutch] = {}
blocks[tvguide.dutch]['width'] = 6;
blocks[tvguide.dutch]['title'] = 'tv gids';

// tv
blocks[29] = {} //HARMONY ps4
blocks[29]['width'] = 3;
blocks[29]['switch'] = true;
blocks[29]['show_lastupdate'] = false;
blocks[29]['hide_data'] = true;
blocks[29]['icon'] = 'fa-tv';

blocks[30] = {} //HARMONY plex
blocks[30]['width'] = 3;
blocks[30]['switch'] = true;
blocks[30]['show_lastupdate'] = false;
blocks[30]['hide_data'] = true;
blocks[30]['icon'] = 'fa-tv';

blocks[31] = {} //HARMONY radio
blocks[31]['width'] = 3;
blocks[31]['switch'] = true;
blocks[31]['show_lastupdate'] = false;
blocks[31]['hide_data'] = true;
blocks[31]['icon'] = 'fa-music';

blocks[33] = {} //HARMONY tv
blocks[33]['width'] = 3;
blocks[33]['switch'] = true;
blocks[33]['show_lastupdate'] = false;
blocks[33]['hide_data'] = true;
blocks[33]['icon'] = 'fa-tv';

// weer & verkeer
blocks['currentweather_big'] = {} //currentweather
blocks['currentweather_big']['width'] = 6;

blocks['weather'] = {} //currentweather
blocks['weather']['width'] = 6;

//temp sensors
blocks['1_1'] = {}
blocks['1_1']['width'] = 3;
blocks['1_1']['hide_data'] = true;
blocks['1_1']['hide_lastupdate'] = true;

blocks['1_2'] = {}
blocks['1_2']['width'] = 3;
blocks['1_2']['hide_data'] = true;
blocks['1_2']['hide_lastupdate'] = true;

blocks['2_1'] = {}
blocks['2_1']['width'] = 3;
blocks['2_1']['hide_data'] = true;
blocks['2_1']['hide_lastupdate'] = true;

blocks['2_2'] = {}
blocks['2_2']['width'] = 3;
blocks['2_2']['hide_data'] = true;
blocks['2_2']['hide_lastupdate'] = true;



// lampen
blocks[5] = {}
blocks[5]['title'] = 'Lamp tv';
blocks[5]['width'] = 3;
blocks[5]['hide_data'] = true;
blocks[5]['hide_lastupdate'] = true;

blocks[6] = {}
blocks[6]['width'] = 3;
blocks[6]['title'] = 'Bureau Rick';
blocks[6]['hide_data'] = true;
blocks[6]['hide_lastupdate'] = true;

blocks[7] = {}
blocks[7]['width'] = 3;
blocks[7]['hide_data'] = true;
blocks[7]['hide_lastupdate'] = true;

blocks[8] = {}
blocks[8]['width'] = 3;
blocks[8]['hide_data'] = true;
blocks[8]['hide_lastupdate'] = true;
blocks[8]['title'] = 'Lamp Keuken';

blocks[12] = {}
blocks[12]['title'] = 'Staande lamp';
blocks[12]['width'] = 3;
blocks[12]['hide_data'] = true;
blocks[12]['hide_lastupdate'] = true;

blocks[13] = {}
blocks[13]['title'] = 'Onder kast';
blocks[13]['width'] = 3;
blocks[13]['hide_data'] = true;
blocks[13]['hide_lastupdate'] = true;

blocks['s1'] = {}
blocks['s1']['title'] = 'Beneden aan/uit';
blocks['s1']['width'] = 3;
blocks['s1']['hide_data'] = true;
blocks['s1']['hide_lastupdate'] = true;

blocks['s2'] = {}
blocks['s2']['title'] = 'Boven aan/uit';
blocks['s2']['width'] = 3;
blocks['s2']['hide_data'] = true;
blocks['s2']['hide_lastupdate'] = true;


var columns = {}
columns['bar'] = {}
columns['bar']['blocks'] = ['logo','miniclock','settings']

columns[1] = {}
// PAGINA 1
columns[1]['blocks'] = ['blocktitle_1',5,12,13,6,8,7,'s2','s1',
'blocktitle_3','1_1','2_1','1_2','2_2',]
columns[1]['width'] = 5;

columns[2] = {}
columns[2]['blocks'] = ['weather','currentweather_big',calendars.business,calendars.private,maps.plaatsnaam,buttons.buienradar,'news_10','news_2']
columns[2]['width'] = 5;

columns[3] = {}
columns[3]['blocks'] = ['sunrise','streamplayer','buttons.buienradar','garbage','spotify',29,30,31,33]
columns[3]['width'] = 2;

// PAGINA 2
columns[4] = {}
columns[4]['blocks'] = ['blocktitle_2',coins.dash,coins.dogecoin,coins.gulden,coins.litecoin,coins.nav,coins.particl,coins.startcoin,coins.stratis,coins.redcoin,coins.artbyte,coins.crown,'blocktitle_4',tvguide.dutch]
columns[4]['width'] = 5;

columns[5] = {}
columns[5]['blocks'] = []
columns[5]['width'] = 5;

columns[6] = {}
columns[6]['blocks'] = ['sunrise','streamplayer','blocktitle_5']
columns[6]['width'] = 2;

//if you want to use multiple screens, use the code below:
var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg1.jpg';
screens[1]['background_morning'] = 'bg1.jpg';
screens[1]['background_noon'] = 'bg1.jpg';
screens[1]['background_afternoon'] = 'bg1.jpg';
screens[1]['background_night'] = 'bg1.jpg';
screens[1]['columns'] = [1,2,3]

screens[2] = {}
screens[2]['background'] = 'bg1.jpg';
screens[2]['background_morning'] = 'bg1.jpg';
screens[2]['background_noon'] = 'bg1.jpg';
screens[2]['background_afternoon'] = 'bg1.jpg';
screens[2]['background_night'] = 'bg1.jpg';
screens[2]['columns'] = [4,5,6]

Did you try with the latest beta of Dashticz?

[joostnl]

Working great! Please adjust first post to redirect to https://www.domoticz.com/wiki/Dashticz_ ... _-_Spotify

because your config id adding method is not working in newest Dashticz cost me some time too figure out

[robgeerts]

Thanks, I've changed the first post with the right code...

[tristanp]

Hi Rob,

For some reason adding 'spotify' breaks my Dashticz.
See attached screenshots.

I am on the latest BETA.

without spotify.jpg (222.32 KiB) Viewed 4667 times

with spotify.jpg (188.87 KiB) Viewed 4667 times

Do you have a solution for this?

THANKS, I absolutely love Dashticz.

[Lokonli]

Hi Rob,

For some reason adding 'spotify' breaks my Dashticz.
See attached screenshots.

I am on the latest BETA.

without spotify.jpg

with spotify.jpg

Do you have a solution for this?

THANKS, I absolutely love Dashticz.

Which browser/OS do you use?

[tristanp]

Hi Rob,

For some reason adding 'spotify' breaks my Dashticz.
See attached screenshots.

I am on the latest BETA.

without spotify.jpg

with spotify.jpg

Do you have a solution for this?

THANKS, I absolutely love Dashticz.

Which browser/OS do you use?

This is Chrome on a Windows 10 X64.
I have also tried Chrome and Safari on Mac OS X High Sierra.

[Lokonli]

Which version of Dashticz is reported by Dashticz in Settings->info?

[tristanp]

Which version of Dashticz is reported by Dashticz in Settings->info?

Version 2.3.3 Master.

[Lokonli]

Which version of Dashticz is reported by Dashticz in Settings->info?

Version 2.3.3 Master.

Spotify has a bug in master. Try the latest beta.

[tristanp]

Which version of Dashticz is reported by Dashticz in Settings->info?

Version 2.3.3 Master.

Spotify has a bug in master. Try the latest beta.

Works like a charm. Thanks!!!

[peet3kabo]

[Solved myself]
I'm wrestling with this dash for a while today and can't seem to get the spotify part going
When I install Dashticz without Spotify it works like it should with all of my switches and stuff available.
When I put the Spotify block in and refresh page it shows wrong redirecting URL.
Dashticz is in: home/pi/domoticz/www/dashticz_v2/custom/
What redirect url do I put in Spotify app?
Like: https://IP:port/dashticz_v2/index.html?????
Have tried several so far but no succes

Edit:
Ok, got the right url, it was http and not https. Go figure, as simple as that like it most of the times is.
Next problem, when I put in the block for spotify it pushes away everything
Got a blank Dashticz dashboard.........no info from Domoticz and no info from Spotify,

Code:
var config = {}
config['domoticz_ip'] = 'http:/id:[email protected].***:****';
config['app_title'] = 'Dashticz';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['spot_clientid'] = '**********************'


var columns = {}
columns[1] = {}
columns[1]['blocks'] = ['spotify']
columns[1]['width'] = 5;

Edit 2:
Discovered the fault myselves, missing ; behind the spotify clientid.
Now I have the spotify blocks but that is the only thing showing on the Dashboard.
If I remove the column for spotify in the code then everything else is visible..........

Edit 3:
Got it working so far, if you just keep searching and trail and error you can get very far.
Now got my switches in the dashboard together with spotify clock and sunset.
So working from here.

[EastXIII]

Somehow I can't get Spotify to work. API in the CONFIG is good, redirect in Spotify Dev is good, but somehow I'm not seeing anything.
I do have to login to Spotify the first time I start Dashticz, after adding it again in the CONFIG.
I've tried multiple devices, Android, iOS, Laptop and multiple browsers. No luck at all. Can someone help me out?

[Lokonli]

Spotify in Dashticz works as a remote control via Spotify Connect. You must have Spotify running somewhere in your network. Do you have that?