RePod-Nextcloud-App/src/components/Player/Infos.vue

36 lines
580 B
Vue
Raw Normal View History

2023-08-27 22:20:34 +02:00
<template>
<div>
2024-01-09 22:21:48 +01:00
<a :href="player.episode.episodeLink" target="_blank">
2023-08-29 00:47:22 +02:00
<strong>{{ player.episode.episodeName }}</strong>
2023-08-27 22:20:34 +02:00
</a>
2024-01-10 15:25:54 +01:00
<router-link :to="toUrl(player.podcastUrl)">
2023-08-29 00:47:22 +02:00
<i>{{ player.episode.podcastName }}</i>
2023-08-27 22:20:34 +02:00
</router-link>
</div>
</template>
<script>
export default {
name: 'Infos',
computed: {
2023-08-29 00:47:22 +02:00
player() {
return this.$store.state.player
2023-08-27 22:20:34 +02:00
},
},
2024-01-10 15:25:54 +01:00
methods: {
toUrl(url) {
return `/${btoa(url)}`
},
},
2023-08-27 22:20:34 +02:00
}
</script>
<style scoped>
div {
display: flex;
flex-direction: column;
justify-content: center;
2023-08-28 18:18:25 +02:00
width: 40%;
2023-08-27 22:20:34 +02:00
}
</style>