mirror of
https://github.com/koel/koel
synced 2024-12-20 09:33:23 +00:00
46 lines
1.3 KiB
Vue
46 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>
|