Merge branch 'main' of https://github.com/ciderapp/Cider
This commit is contained in:
commit
613de555a1
1 changed files with 77 additions and 68 deletions
|
@ -10,20 +10,19 @@
|
||||||
size="220" type="artists"></mediaitem-artwork>
|
size="220" type="artists"></mediaitem-artwork>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col flex-center"
|
<div class="col flex-center">
|
||||||
>
|
|
||||||
<h1>{{ data.attributes.name }}</h1>
|
<h1>{{ data.attributes.name }}</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="artist-body">
|
<div class="artist-body">
|
||||||
<div v-if = "app.showingPlaylist.attributes.description">
|
<div v-if="$root.showingPlaylist.attributes.description">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<h3>About </h3>
|
<h3>{{ $root.getLz("term.about") }}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div>{{ app.showingPlaylist.attributes.description.standard }}</div>
|
<div>{{ $root.showingPlaylist.attributes.description.standard }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,7 +32,10 @@
|
||||||
<h3>{{ data.views["latest-releases"].attributes.title ?? ""}}</h3>
|
<h3>{{ data.views["latest-releases"].attributes.title ?? ""}}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto flex-center" v-if="data.views['latest-releases'].data.length >= 10">
|
<div class="col-auto flex-center" v-if="data.views['latest-releases'].data.length >= 10">
|
||||||
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Latest Releases', 'latest-releases')">{{app.getLz('term.seeAll')}}</button>
|
<button class="cd-btn-seeall"
|
||||||
|
@click="$root.showRecordLabelView(data.id, data.attributes.name + ' - Latest Releases', 'latest-releases')">
|
||||||
|
{{ $root.getLz('term.seeAll') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<mediaitem-square :item="item" v-for="item in data.views['latest-releases'].data">
|
<mediaitem-square :item="item" v-for="item in data.views['latest-releases'].data">
|
||||||
|
@ -42,22 +44,29 @@
|
||||||
<template v-if="data.views && data.views['top-releases']">
|
<template v-if="data.views && data.views['top-releases']">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h3>{{ data.views["top-releases"].attributes.title ?? ""}}</h3>
|
<h3>{{ data.views["top-releases"].attributes.title ?? "" }}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto flex-center" v-if="data.views['top-releases'].data.length >= 10">
|
<div class="col-auto flex-center" v-if="data.views['top-releases'].data.length >= 10">
|
||||||
<button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' - Top Releases', 'top-releases')">{{app.getLz('term.seeAll')}}</button>
|
<button class="cd-btn-seeall"
|
||||||
|
@click="$root.showRecordLabelView(data.id, data.attributes.name + ' - Top Releases', 'top-releases')">
|
||||||
|
{{ $root.getLz('term.seeAll') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<mediaitem-square :item="item" v-for="item in data.views['top-releases'].data">
|
<mediaitem-square :item="item" v-for="item in data.views['top-releases'].data">
|
||||||
</mediaitem-square>
|
</mediaitem-square>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="data.relationships && data.relationships.playlists && data.relationships.playlists.data.length > 0">
|
<template
|
||||||
|
v-if="data.relationships && data.relationships.playlists && data.relationships.playlists.data.length > 0">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h3>Playlists</h3>
|
<h3>{{ $root.getLz('term.playlists') }}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto flex-center" v-if="data.relationships.playlists.data.length >= 5">
|
<div class="col-auto flex-center" v-if="data.relationships.playlists.data.length >= 5">
|
||||||
<button class="cd-btn-seeall" @click="app.showCollection(data.relationships.playlists, data.attributes.name + ' - Playlists', 'curator')">{{app.getLz('term.seeAll')}}</button>
|
<button class="cd-btn-seeall"
|
||||||
|
@click="$root.showCollection(data.relationships.playlists, data.attributes.name + ' - Playlists', 'curator')">
|
||||||
|
{{ $root.getLz('term.seeAll') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<mediaitem-square :item="item" v-for="item in data.relationships.playlists.data.limit(5)">
|
<mediaitem-square :item="item" v-for="item in data.relationships.playlists.data.limit(5)">
|
||||||
|
@ -73,7 +82,7 @@
|
||||||
data: function () {
|
data: function () {
|
||||||
return {
|
return {
|
||||||
topSongsExpanded: false,
|
topSongsExpanded: false,
|
||||||
app: this.$root
|
$root: this.$root
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue