mirror of
https://github.com/koel/koel
synced 2024-12-29 22:13:06 +00:00
abb0438c8d
This fixes a bug with Spotify integration that occurs if an installation isn't connected to Last.fm. Closing #1730 and #1653.
45 lines
1.3 KiB
Vue
45 lines
1.3 KiB
Vue
<template>
|
||
<section class="text-secondary">
|
||
<h1>
|
||
<span class="spotify-icon">
|
||
<Icon :icon="faSpotify" />
|
||
</span>
|
||
Spotify Integration
|
||
</h1>
|
||
|
||
<div v-if="useSpotify">
|
||
<p>
|
||
Spotify integration is enabled.
|
||
Koel will attempt to retrieve album arts and artist images from Spotify when a song is played, if needed.
|
||
</p>
|
||
</div>
|
||
<div v-else>
|
||
<p>
|
||
Spotify integration is not enabled.
|
||
<span v-if="isAdmin" data-testid="spotify-admin-instruction">
|
||
Visit
|
||
<a href="https://docs.koel.dev/3rd-party.html#spotify" class="text-highlight" target="_blank">Koel’s Wiki</a>
|
||
for a quick how-to.
|
||
</span>
|
||
<span v-else data-testid="spotify-user-instruction">
|
||
Try politely asking an administrator to enable it.
|
||
</span>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { faSpotify } from '@fortawesome/free-brands-svg-icons'
|
||
import { useAuthorization, useThirdPartyServices } from '@/composables';
|
||
|
||
const { currentUser, isAdmin } = useAuthorization();
|
||
const { useSpotify } = useThirdPartyServices();
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.spotify-icon {
|
||
margin-right: .4rem;
|
||
color: #1db954; // Spotify green
|
||
}
|
||
</style>
|