Various error fixing
Signed-off-by: Core <core@coredev.uk>
This commit is contained in:
Core
parent
085081afc3
commit
588a960965
18 changed files with 28 additions and 18 deletions
|
|
@ -13,7 +13,7 @@
|
|||
<div class="name">{{app.getLz('action.createPlaylist')}}</div>
|
||||
</button>
|
||||
<sidebar-playlist :playlist-select="playlistSelect" :relate-media-items="relateItems"
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" :item="item">
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" v-bind:key="item.id" :item="item">
|
||||
</sidebar-playlist>
|
||||
</div>
|
||||
<div class="modal-search">
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<div v-for="items in itemPages">
|
||||
<mediaitem-list-item
|
||||
v-for="(song, index) in items" :show-library-status="showLibraryStatus"
|
||||
v-bind:key="song.id"
|
||||
:parent="'listitem-hr' + simplifiedParent"
|
||||
:index="song.index"
|
||||
:item="song"></mediaitem-list-item>
|
||||
|
|
|
|||
|
|
@ -6,13 +6,14 @@
|
|||
((item?.attributes?.kind != null || item?.attributes?.type == 'editorial-elements')
|
||||
? item :
|
||||
((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) ?? (item)"
|
||||
:imagesize="imagesize"
|
||||
:imagesize="imagesize" v-bind:key="item.id"
|
||||
:badge="item.attributes ?? [] " v-for="item in items"></mediaitem-mvview-sp>
|
||||
</template>
|
||||
<template v-else>
|
||||
<mediaitem-square :kind="kind" size="600" :key="item?.id ?? ''"
|
||||
:item="item ? ((item.attributes?.kind != null || item.type == 'editorial-elements') ? item : ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) : []"
|
||||
:imagesize="imagesize"
|
||||
v-bind:key="item.id"
|
||||
v-for="item in items"></mediaitem-square>
|
||||
</template>
|
||||
</vue-horizontal>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="cd-hmedia-scroller hmedia-scroller-card">
|
||||
<vue-horizontal>
|
||||
<template>
|
||||
<mediaitem-square kind="card" :item="item" size="300" :reasonShown="withReason"
|
||||
<mediaitem-square kind="card" :item="item" size="300" :reasonShown="withReason" v-bind:key="item.id"
|
||||
v-for="item in items"></mediaitem-square>
|
||||
</template>
|
||||
</vue-horizontal>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
<%- include("../svg/play.svg") %>
|
||||
</button>
|
||||
<div class="badge-container" v-if="itemBadges.length != 0">
|
||||
<div class="socialBadge" v-for="badge in itemBadges.limit(1)">
|
||||
<div class="socialBadge" v-for="badge in itemBadges.limit(1)" v-bind:key="badge.id">
|
||||
<mediaitem-artwork
|
||||
:url="(badge.attributes.artwork ? badge.attributes.artwork.url : '')"
|
||||
:size="32"></mediaitem-artwork>
|
||||
|
|
@ -102,7 +102,7 @@ Vue.component('mediaitem-square', {
|
|||
type: Boolean,
|
||||
default: false,
|
||||
required: false
|
||||
},
|
||||
},
|
||||
'contextExt': { type: Object, required: false },
|
||||
},
|
||||
data: function () {
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
</div>
|
||||
<div class="queue-body" v-if="page == 'history'">
|
||||
<mediaitem-list-item :show-library-status="false" v-for="item in history"
|
||||
v-bind:key="item.id"
|
||||
:item="item"></mediaitem-list-item>
|
||||
</div>
|
||||
<div class="queue-body" v-if="page == 'queue'">
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="name">{{app.getLz('action.createPlaylist')}}</div>
|
||||
</button>
|
||||
<sidebar-playlist :playlist-select="playlistSelect"
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" :item="item">
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" v-bind:key="item.id" :item="item">
|
||||
</sidebar-playlist>
|
||||
</div>
|
||||
<div class="modal-search">
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<div class="folder-body" v-if="item.type === 'library-playlist-folders' && folderOpened">
|
||||
<template v-if="children.length != 0">
|
||||
<sidebar-playlist v-for="item in children" :relate-media-items="relateMediaItems"
|
||||
:playlist-select="playlistSelect" :item="item" :key="item.id"></sidebar-playlist>
|
||||
:playlist-select="playlistSelect" :item="item" v-bind:key="item.id"></sidebar-playlist>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="spinner"></div>
|
||||
|
|
|
|||
|
|
@ -165,6 +165,7 @@
|
|||
<template v-if="!$root.cfg.general.sidebarCollapsed.amplaylists">
|
||||
<sidebar-playlist
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.applemusic')"
|
||||
v-bind:key="item.id"
|
||||
:item="item"
|
||||
>
|
||||
</sidebar-playlist>
|
||||
|
|
@ -187,6 +188,7 @@
|
|||
</button>
|
||||
<sidebar-playlist
|
||||
v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')"
|
||||
v-bind:key="item.id"madeforyou
|
||||
:item="item"
|
||||
>
|
||||
</sidebar-playlist>
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
</div>
|
||||
<div class="well" style="margin-top:0;">
|
||||
<template v-if="artistFeed.length > 0">
|
||||
<mediaitem-list-item v-for="item in artistFeed" :item="item"></mediaitem-list-item>
|
||||
<mediaitem-list-item v-for="item in artistFeed" v-bind:key="item.id" :item="item"></mediaitem-list-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="spinner"></div>
|
||||
|
|
|
|||
|
|
@ -243,6 +243,7 @@
|
|||
:showIndex="true"
|
||||
:showIndexPlaylist="(data.attributes.playParams?.kind ?? data.type ?? '').includes('playlist')"
|
||||
:context-ext="buildContextMenu()"
|
||||
v-bind:key="item.id"
|
||||
v-for="(item,index) in currentSlice"></mediaitem-list-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
|
|
@ -255,6 +256,7 @@
|
|||
:showIndex="true"
|
||||
:showIndexPlaylist="(data.attributes.playParams?.kind ?? data.type ?? '').includes('playlist')"
|
||||
:context-ext="buildContextMenu()"
|
||||
v-bind:key="item.id"
|
||||
v-for="(item,index) in disc.tracks"></mediaitem-list-item>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<div class="well artistfeed-well">
|
||||
<template v-if="isSectionReady('recentlyPlayed')">
|
||||
<mediaitem-list-item v-for="item in recentlyPlayed.limit(6)"
|
||||
:item="item"></mediaitem-list-item>
|
||||
:item="item" v-bind:key="item.id"></mediaitem-list-item>
|
||||
</template>
|
||||
<div class="spinner" v-else></div>
|
||||
</div>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
<div class="well artistfeed-well" style="margin-top:0;">
|
||||
<template v-if="artistFeed.length > 0">
|
||||
<mediaitem-list-item v-for="item in artistFeed.limit(6)" :item="item"></mediaitem-list-item>
|
||||
<mediaitem-list-item v-for="item in artistFeed.limit(6)" :item="item" v-bind:key="item.id"></mediaitem-list-item>
|
||||
</template>
|
||||
<div class="spinner" v-else-if="followedArtists.length > 0"></div>
|
||||
<div class="no-artist" v-else> {{app.getLz('home.artistsFeed.noArtist')}}</div>
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<mediaitem-list-item v-if="prefs.viewAs == 'list'" :show-duration="false" :show-meta-data="true"
|
||||
:show-library-status="false" :item="item" v-for="item in currentSlice">
|
||||
:show-library-status="false" v-bind:key="item.id" :item="item" v-for="item in currentSlice">
|
||||
</mediaitem-list-item>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,11 +2,11 @@
|
|||
<div class="content-inner">
|
||||
<h1 class="header-text">{{$root.getLz('term.recentlyAdded')}}</h1>
|
||||
<div class="well itemContainer collection-list-square" v-if="itemSize == 'normal'">
|
||||
<mediaitem-square v-for="item in items" :item="item"></mediaitem-square>
|
||||
<mediaitem-square v-for="item in items" :item="item" v-bind:key="item.id"></mediaitem-square>
|
||||
</div>
|
||||
<div class="well itemContainer collection-list-square" v-else="itemSize == 'compact'">
|
||||
<mediaitem-list-item :show-meta-data="true" :show-library-status="false" v-for="item in items"
|
||||
:item="item"></mediaitem-list-item>
|
||||
:item="item" v-bind:key="item.id"></mediaitem-list-item>
|
||||
</div>
|
||||
<div class="well itemContainer collection-list-square" v-show="loading">
|
||||
<div class="spinner"></div>
|
||||
|
|
|
|||
|
|
@ -84,12 +84,12 @@
|
|||
<div v-if="library.songs.downloadState == 3">Library contains no songs.</div>
|
||||
<div class="well" :key="1" v-if="prefs.size == 'compact'">
|
||||
<mediaitem-list-item class-list="compact" :item="item" :parent="'librarysongs'" :index="index"
|
||||
:show-meta-data="true" :show-library-status="false"
|
||||
:show-meta-data="true" :show-library-status="false" v-bind:key="item.id"
|
||||
v-for="(item, index) in currentSlice"></mediaitem-list-item>
|
||||
</div>
|
||||
<div class="well" :key="2" v-else>
|
||||
<mediaitem-list-item :item="item" :parent="'librarysongs'" :index="index" :show-meta-data="true"
|
||||
:show-library-status="false"
|
||||
:show-library-status="false" v-bind:key="item.id"
|
||||
v-for="(item, index) in currentSlice"></mediaitem-list-item>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="madeforyou-body">
|
||||
<mediaitem-square :item="item" v-for="item in madeforyou.data">
|
||||
<mediaitem-square :item="item" v-for="item in madeforyou.data" v-bind:key="item.id">
|
||||
</mediaitem-square>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -171,6 +171,7 @@
|
|||
:showIndex="true"
|
||||
:showIndexPlaylist="(data.attributes.playParams.kind ?? data.type ?? '').includes('playlist')"
|
||||
:context-ext="buildContextMenu()"
|
||||
v-bind:key="item.id"
|
||||
v-for="(item,index) in data.relationships.tracks.data"></mediaitem-list-item>
|
||||
</template>
|
||||
<template v-else>
|
||||
|
|
@ -183,6 +184,7 @@
|
|||
:showIndex="true"
|
||||
:showIndexPlaylist="(data.attributes.playParams.kind ?? data.type ?? '').includes('playlist')"
|
||||
:context-ext="buildContextMenu()"
|
||||
v-bind:key="item.id"
|
||||
v-for="(item,index) in disc.tracks"></mediaitem-list-item>
|
||||
</div>
|
||||
|
||||
|
|
@ -197,6 +199,7 @@
|
|||
<div class="badge-container">
|
||||
<div class="socialBadge"
|
||||
:title="`${badge.attributes.name} - @${badge.attributes.handle}`"
|
||||
v-bind:key="badge.id"
|
||||
v-for="badge in itemBadges">
|
||||
<mediaitem-artwork
|
||||
:url="badge.attributes.artwork.url"
|
||||
|
|
|
|||
|
|
@ -135,14 +135,14 @@
|
|||
<div v-if="categoriesReady || getCategories()">
|
||||
<div>
|
||||
<div class="col"
|
||||
v-if="categoriesView != null && categoriesView != [] && categoriesView[0].attributes != null && categoriesView[0].attributes.title != null">
|
||||
v-if="categoriesView != null && categoriesView != [] && categoriesView[0]?.attributes != null && categoriesView[0]?.attributes.title != null">
|
||||
<h3>{{$root.getLz('home.recentlyPlayed')}}</h3>
|
||||
<div class="mediaitem-list-item__grid">
|
||||
<listitem-horizontal :items="recentlyPlayed.limit(10)">
|
||||
</listitem-horizontal>
|
||||
</div>
|
||||
<!-- <mediaitem-square :kind="'385'" size="600" v-for="item in recentlyPlayed.limit(10)" :item="item" :imagesize="800"></mediaitem-square>-->
|
||||
<h3>{{categoriesView[0].attributes.title.stringForDisplay ?? ""}}</h3>
|
||||
<h3>{{categoriesView[0]?.attributes?.title?.stringForDisplay ?? ""}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="categories">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue