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

@ -74,6 +74,7 @@
return ["mediaitem-brick"] return ["mediaitem-brick"]
break; break;
case "music-videos": case "music-videos":
case "uploadedVideo":
case "uploaded-videos": case "uploaded-videos":
return "mediaitem-video"; return "mediaitem-video";
break; break;

View file

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