Artist page will now populated based on meta.views.order

This commit is contained in:
booploops 2021-12-06 20:11:15 -08:00
parent de160d36fd
commit d38e29adef

View file

@ -16,9 +16,9 @@
<div class="row"> <div class="row">
<div class="col-auto" v-if="artistPage.data.views['latest-release']"> <div class="col-auto" v-if="artistPage.data.views['latest-release']">
<h3>Latest Release</h3> <h3>Latest Release</h3>
<mediaitem-square <mediaitem-square-sp
v-for="song in artistPage.data.views['latest-release'].data" v-for="song in artistPage.data.views['latest-release'].data"
:item="song"></mediaitem-square> :item="song"></mediaitem-square-sp>
</div> </div>
<div class="col" v-if="artistPage.data.views['top-songs']"> <div class="col" v-if="artistPage.data.views['top-songs']">
<h3>Top Songs</h3> <h3>Top Songs</h3>
@ -37,14 +37,18 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3>Albums</h3> <template v-for="(view) in artistPage.data.meta.views.order" v-if="artistPage.data.views[view].data.length != 0">
<h3>Music Videos</h3> <div class="row">
<h3>Artist Playlists</h3> <div class="col">
<h3>Singles & EPs</h3> <h3>{{ artistPage.data.views[view].attributes.title ? artistPage.data.views[view].attributes.title : "???"}}</h3>
<h3>Live Albums</h3> </div>
<h3>Appears On</h3> <div class="col-auto flex-center" v-if="view.data >= 10">
<h3>More To Hear</h3> <button class="cd-btn-seeall">See All</button>
<h3>More To See</h3> </div>
</div>
<mediaitem-scroller-horizontal-large
:items="artistPage.data.views[view].data.limit(10)"></mediaitem-scroller-horizontal-large>
</template>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3>About Artist Name</h3> <h3>About Artist Name</h3>