Added better description for connecting account

This commit is contained in:
Ben Arc 2021-05-31 09:13:09 +01:00
parent f43c227b95
commit 8b9d99ab2d
3 changed files with 10 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

View file

@ -169,10 +169,12 @@
</q-step> </q-step>
<q-step :name="2" title="Add api keys" icon="vpn_key" :done="step > 2"> <q-step :name="2" title="Add api keys" icon="vpn_key" :done="step > 2">
<img src="/jukebox/static/spotapi.gif" />
To use this extension you need a Spotify client ID and client secret. To use this extension you need a Spotify client ID and client secret.
You get these by creating an app in the Spotify developers dashboard You get these by creating an app in the Spotify developers dashboard
<a <a
target="_blank" target="_blank"
color="green-7"
href="https://developer.spotify.com/dashboard/applications" href="https://developer.spotify.com/dashboard/applications"
>here</a >here</a
>. >.
@ -226,11 +228,19 @@
</q-step> </q-step>
<q-step :name="3" title="Add Redirect URI" icon="link" :done="step > 3"> <q-step :name="3" title="Add Redirect URI" icon="link" :done="step > 3">
<img src="/jukebox/static/spotapi1.gif" />
In the app go to edit-settings, set the redirect URI to this link In the app go to edit-settings, set the redirect URI to this link
<br /><small <br /><small
>{% raw %}{{ locationcb }}{{ jukeboxDialog.data.sp_id }}{% endraw >{% raw %}{{ locationcb }}{{ jukeboxDialog.data.sp_id }}{% endraw
%}</small %}</small
> >
Setting can be found
<a
target="_blank"
color="green-7"
href="https://developer.spotify.com/dashboard/applications"
>here</a
>.
<div class="row q-mt-md"> <div class="row q-mt-md">
<div class="col-4"> <div class="col-4">