danolo
/
deemix-webui
mirror of https://gitlab.com/RemixDev/deemix-webui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'Simos_Sigma-main-patch-52367' into 'main' 

Update InfoSpotifyFeatures.vue

See merge request RemixDev/deemix-webui!27
This commit is contained in:
RemixDev 2022-02-02 23:36:09 +00:00
parent 1edbcffe33 b27ae61b48
commit 7483491282
1 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/pages/InfoSpotifyFeatures.vue
View File

@ -1,39 +1,31 @@
<template>
<div>
<h1 class="mb-8 text-5xl">{{ $t('settings.spotify.question') }}</h1>
<p class="mb-2 text-base">
"Spotify Features" is a set of features that lets you convert Spotify tracks and albums links into Deezer ones. If
you provide a Spotify Playlist link the app will autmatically convert all the links of the tracks inside it into
deezer tracks. Enabling this set of features will let you see your public Spotify playlists in the favorites tab
as well.
</p>
<p class="mb-2 text-base">For security reasons you will need to provide your own Client ID and Secret</p>
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.prologue') }}</p>
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.info') }}</p>
<h2 class="mt-6 text-3xl">How do I get my Client ID and Secret?</h2>
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.questionOne.title') }}</h2>
<p class="mb-2 text-base">
Connect to
<a href="https://developer.spotify.com/dashboard" target="_blank">Spotify for Developers's Dashboard</a> and login
with your Spotify account.
{{ $t('settings.spotify.howTo.questionOne.stepOne.partOne') }}
<a href="https://developer.spotify.com/dashboard" target="_blank">{{ $t('settings.spotify.howTo.questionOne.stepOne.partTwo') }}</a> {{ $t('settings.spotify.howTo.questionOne.stepOne.partThree') }}
</p>
<p class="mb-2 text-base">
Click on "Create an App".<br />
<img src="https://i.imgur.com/YFz7rHj.png" alt="Create an App button on Spotify for Developers's Dashboard" />
{{ $t('settings.spotify.howTo.questionOne.stepTwo') }}
<img src="https://i.imgur.com/YFz7rHj.png" :alt="$t('settings.spotify.howTo.questionOne.stepTwoAlt')" />
</p>
<p class="mb-2 text-base">
Fill out the "App name" and "App description" fields and check both checkboxes. Then click on the "Create"
button.<br />
<img src="https://i.imgur.com/A9cvDkK.png" alt="Create an app form" />
{{ $t('settings.spotify.howTo.questionOne.stepThree') }}
<img src="https://i.imgur.com/A9cvDkK.png" :alt="$t('settings.spotify.howTo.questionOne.stepThreeAlt')" />
</p>
<p class="mb-2 text-base">
Now you can see the Client ID. If you click on "Show Client Secret" the client secret will be revealed.<br />
<img src="https://i.imgur.com/foEfIhO.png" alt="Screen of client ID and Secret" />
{{ $t('settings.spotify.howTo.questionOne.stepFour') }}
<img src="https://i.imgur.com/foEfIhO.png" :alt="$t('settings.spotify.howTo.questionOne.stepFourAlt')" />
</p>
<p class="mb-2 text-base">Now you can copy-paste those results in the appropriate fields in the settings.</p>
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.questionOne.stepFive') }}</p>
<h2 class="mt-6 text-3xl">How do I get my Spotify Username?</h2>
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.questionTwo.title') }}</h2>
<p class="mb-2 text-base">
You can get your Spotify Username from the
<a href="https://www.spotify.com/it/account/overview/" target="_blank">Overview page on Spotify's Website</a>.
{{ $t('settings.spotify.howTo.questionTwo.stepOne.partOne') }} <a href="https://www.spotify.com/it/account/overview/" target="_blank">{{ $t('settings.spotify.howTo.questionTwo.stepOne.partTwo') }}</a> {{ $t('settings.spotify.howTo.questionTwo.stepOne.partThree') }}.
</p>
</div>
</template>