Fix #551: Added a library widget to display libraries associated with a track, album and artist

This commit is contained in:
Eliot Berriot 2018-10-02 19:30:13 +02:00
parent f2812c67ce
commit a865fcdcf1
No known key found for this signature in database
GPG key ID: DD6965E2476E5C27
9 changed files with 210 additions and 10 deletions

View file

@ -45,6 +45,14 @@
</h2>
<track-table v-if="album" :artist="album.artist" :display-position="true" :tracks="album.tracks"></track-table>
</div>
<div class="ui vertical stripe segment">
<h2>
<translate>User libraries</translate>
</h2>
<library-widget :url="'albums/' + id + '/libraries/'">
<translate slot="subtitle">This album is present in the following libraries:</translate>
</library-widget>
</div>
</template>
</div>
</template>
@ -55,6 +63,7 @@ import logger from '@/logging'
import backend from '@/audio/backend'
import PlayButton from '@/components/audio/PlayButton'
import TrackTable from '@/components/audio/track/Table'
import LibraryWidget from '@/components/federation/LibraryWidget'
const FETCH_URL = 'albums/'
@ -62,7 +71,8 @@ export default {
props: ['id'],
components: {
PlayButton,
TrackTable
TrackTable,
LibraryWidget
},
data () {
return {

View file

@ -56,6 +56,14 @@
</h2>
<track-table :display-position="true" :tracks="tracks"></track-table>
</div>
<div class="ui vertical stripe segment">
<h2>
<translate>User libraries</translate>
</h2>
<library-widget :url="'artists/' + id + '/libraries/'">
<translate slot="subtitle">This artist is present in the following libraries:</translate>
</library-widget>
</div>
</template>
</div>
</template>
@ -69,6 +77,7 @@ import AlbumCard from '@/components/audio/album/Card'
import RadioButton from '@/components/radios/Button'
import PlayButton from '@/components/audio/PlayButton'
import TrackTable from '@/components/audio/track/Table'
import LibraryWidget from '@/components/federation/LibraryWidget'
export default {
props: ['id'],
@ -76,7 +85,8 @@ export default {
AlbumCard,
RadioButton,
PlayButton,
TrackTable
TrackTable,
LibraryWidget
},
data () {
return {

View file

@ -118,6 +118,14 @@
</a>
</template>
</div>
<div class="ui vertical stripe segment">
<h2>
<translate>User libraries</translate>
</h2>
<library-widget :url="'tracks/' + id + '/libraries/'">
<translate slot="subtitle">This track is present in the following libraries:</translate>
</library-widget>
</div>
</template>
</div>
</template>
@ -131,6 +139,7 @@ import logger from '@/logging'
import PlayButton from '@/components/audio/PlayButton'
import TrackFavoriteIcon from '@/components/favorites/TrackFavoriteIcon'
import TrackPlaylistIcon from '@/components/playlists/TrackPlaylistIcon'
import LibraryWidget from '@/components/federation/LibraryWidget'
const FETCH_URL = 'tracks/'
@ -139,7 +148,8 @@ export default {
components: {
PlayButton,
TrackPlaylistIcon,
TrackFavoriteIcon
TrackFavoriteIcon,
LibraryWidget
},
data () {
return {