library albums page

This commit is contained in:
vapormusic 2021-12-04 16:01:58 +07:00
parent 8acb9b513c
commit cacb360ec2
2 changed files with 29 additions and 1 deletions

View file

@ -245,6 +245,23 @@
</div>
</template>
</transition>
<!-- Library - Albums -->
<transition name="wpfade" v-on:enter="getLibraryAlbums()">
<template v-if="page == 'library-albums'">
<div class="content-inner">
<h1 class="header-text">Albums</h1>
<div class="search-input-container" style="width:100%;margin: 16px 0px;">
<div class="search-input--icon"></div>
<input type="search"
style="width:100%;"
spellcheck="false"
placeholder="Search..."
class="search-input">
</div>
<mediaitem-square-large :item="item" v-for="item in library.albums.listing"></mediaitem-square-large>
</div>
</template>
</transition>
</div>
<div class="app-drawer" v-if="drawertest">
@ -278,6 +295,8 @@
<template v-if="recom.attributes.display.kind == 'MusicCoverShelf'">
<mediaitem-scroller-horizontal-large :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-large>
</template>
<template v-else-if="recom.attributes.display.kind == 'MusicSuperHeroShelf'">
</template>
<template v-else>
<mediaitem-scroller-horizontal-sp :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-sp>
</template>

View file

@ -108,7 +108,11 @@ const app = new Vue({
songs: {
listing: [],
meta: {total: 0}
}
},
albums: {
listing: [],
meta: {total: 0}
},
},
playlists: {
listing: [],
@ -167,6 +171,11 @@ const app = new Vue({
this.library.songs.listing = response.data
this.library.songs.meta = response.meta
},
async getLibraryAlbums() {
var response = await this.mkapi("albums", true, "", {limit: 100}, {includeResponseMeta: !0})
this.library.albums.listing = response.data
this.library.albums.meta = response.meta
},
async getListenNow(attempt = 0) {
if (attempt > 3) {
return