fix for unknown types in collection view

This commit is contained in:
booploops 2021-12-21 18:12:35 -08:00
parent 91664d2d91
commit 4042be4eaf
2 changed files with 17 additions and 3 deletions

View file

@ -1,6 +1,7 @@
<script type="text/x-template" id="cider-collection-list">
<div class="content-inner collection-page">
<h3 class="header-text" v-observe-visibility="{callback: headerVisibility}">{{ title }}</h3>
{{ commonKind }}
<div v-if="data['data'] != 'null'" class="well">
<template v-for="(item, key) in data.data">
<template v-if="item.type == 'artists'">
@ -8,10 +9,10 @@
</template>
<template v-else>
<mediaitem-list-item
v-if="item.attributes.playParams.kind == 'song'"
v-if="getKind(item) == 'song'"
:index="key"
:item="item"></mediaitem-list-item>
<mediaitem-square v-else :item="item" :type="item.attributes.playParams.kind"></mediaitem-square>
<mediaitem-square v-else :item="item" :type="getKind(item)"></mediaitem-square>
</template>
</template>
<button v-if="triggerEnabled" style="opacity:0;height: 32px;" v-observe-visibility="{callback: visibilityChanged}">Show More</button>
@ -45,10 +46,22 @@
return {
triggerEnabled: true,
canSeeTrigger: false,
showFab: false
showFab: false,
commonKind: "song"
}
},
methods: {
getKind(item) {
if(typeof item.kind != "undefined") {
this.commonKind = item.kind;
return item.kind
}
if(typeof item.attributes.playParams != "undefined") {
this.commonKind = item.attributes.playParams.kind
return item.attributes.playParams.kind
}
return this.commonKind
},
scrollToTop() {
let target = document.querySelector(".header-text")
target.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"})