mirror of
https://github.com/owntone/owntone-server.git
synced 2025-04-17 17:39:56 -04:00
36 lines
955 B
Vue
36 lines
955 B
Vue
<template>
|
|
<div :id="'index_' + album.name_sort.charAt(0).toUpperCase()" class="media">
|
|
<div v-if="$slots['artwork']" class="media-left fd-has-action">
|
|
<slot name="artwork" />
|
|
</div>
|
|
<div class="media-content fd-has-action is-clipped">
|
|
<div style="margin-top: 0.7rem">
|
|
<h1 class="title is-6">
|
|
{{ album.name }}
|
|
</h1>
|
|
<h2 class="subtitle is-7 has-text-grey">
|
|
<b>{{ album.artist }}</b>
|
|
</h2>
|
|
<h2
|
|
v-if="album.date_released && album.media_kind === 'music'"
|
|
class="subtitle is-7 has-text-grey has-text-weight-normal"
|
|
>
|
|
{{ $filters.time(album.date_released, 'L') }}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="media-right" style="padding-top: 0.7rem">
|
|
<slot name="actions" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'ListItemAlbum',
|
|
props: ['album', 'media_kind']
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|