collection list now uses grid sizing

This commit is contained in:
booploops 2022-05-25 20:51:34 -07:00
parent ed4dcbe338
commit 9d51939f03
2 changed files with 24 additions and 1 deletions

View file

@ -1,7 +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>
<div v-if="data['data'] != 'null'" class="well itemContainer">
<div v-if="data['data'] != 'null'" class="well itemContainer" :class="getClasses()">
<template v-for="(item, key) in data.data">
<template v-if="item.type == 'artists'">
<mediaitem-square :item="item"></mediaitem-square>
@ -57,6 +57,13 @@
}
},
methods: {
getClasses() {
if(this.commonKind != "song") {
return "collection-list-square";
}else{
return "";
}
},
getKind(item) {
if (typeof item.kind != "undefined") {
this.commonKind = item.kind;