owntone-server/web-src/src/components/ListItemAlbumSpotify.vue
Alain Nussbaumer 9d62c94d86 [web] Fix modal dialogs not closing when opening artist or album page and renaming of views
Whenever an artist or album page is opened from a modal dialog, the latter is properly closed. Moreover, the views have been renamed for better maintainability.
2023-07-18 15:19:24 +02:00

32 lines
773 B
Vue

<template>
<div class="media is-align-items-center">
<div v-if="$slots['artwork']" class="media-left is-clickable">
<slot name="artwork" />
</div>
<div class="media-content is-clickable is-clipped">
<h1 class="title is-6" v-text="album.name" />
<h2 class="subtitle is-7 has-text-grey">
<b v-text="album.artists[0].name" />
</h2>
<h2
class="subtitle is-7 has-text-grey has-text-weight-normal"
v-text="
[album.album_type, $filters.date(album.release_date)].join(', ')
"
/>
</div>
<div class="media-right">
<slot name="actions" />
</div>
</div>
</template>
<script>
export default {
name: 'ListItemAlbumSpotify',
props: ['album']
}
</script>
<style></style>