diff --git a/changes/changelog.d/1366.enhancement b/changes/changelog.d/1366.enhancement new file mode 100644 index 0000000000000000000000000000000000000000..e58f8ebe4ca40eee30f7441c51518c5dffedce97 --- /dev/null +++ b/changes/changelog.d/1366.enhancement @@ -0,0 +1 @@ +Adds year to album's card and album's base UI diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue index aafa2e4a439b31a2cc586a22fb0ac10287e2c784..cba58c9dd0aed8f12d969b47c0d5cf078d40d190 100644 --- a/front/src/components/audio/album/Card.vue +++ b/front/src/components/audio/album/Card.vue @@ -20,6 +20,7 @@ </div> </div> <div class="extra content"> + <span v-if="album.release_date">{{ album.release_date | moment('Y') }} · </span> <translate translate-context="*/*/*" :translate-params="{count: album.tracks_count}" :translate-n="album.tracks_count" translate-plural="%{ count } tracks">%{ count } track</translate> <play-button class="right floated basic icon" :dropdown-only="true" :is-playable="album.is_playable" :dropdown-icon-classes="['ellipsis', 'horizontal', 'large really discrete']" :album="album"></play-button> </div> diff --git a/front/src/components/library/AlbumBase.vue b/front/src/components/library/AlbumBase.vue index 8ae555f6c8c7792331fffdb5c05b5e35bd04562e..0857516d06d4560161a0decc8dc563a07aaeda11 100644 --- a/front/src/components/library/AlbumBase.vue +++ b/front/src/components/library/AlbumBase.vue @@ -62,9 +62,9 @@ </h2> <artist-label class="rounded" :artist="artist"></artist-label> </header> - <div class="ui small hidden divider"></div> + <div v-if="object.release_date || (totalTracks > 0)" class="ui small hidden divider"></div> + <span v-if="object.release_date">{{ object.release_date | moment('Y') }} · </span> <template v-if="totalTracks > 0"> - <div class="ui hidden very small divider"></div> <translate key="1" v-if="isSerie" translate-context="Content/Channel/Paragraph" translate-plural="%{ count } episodes" :translate-n="totalTracks"