okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed 'song' to 'item' in collection view, added see all to top songs on artist page

Browse source
This commit is contained in:
booploops 2021-12-09 23:53:33 -08:00
parent f80ccceeb2
commit ec32724ed3
3 changed files with 18 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

16
resources/cider-ui-tests/style.less
View file

@ -1496,10 +1496,6 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
color: white; color: white;
} }
/* Album / Playlist Page */
.playlist-page {
padding: 0px;
.well { .well {
background: rgba(200, 200, 200, 0.05); background: rgba(200, 200, 200, 0.05);
border-radius: 10px; border-radius: 10px;
@ -1508,6 +1504,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
margin-top: 16px; margin-top: 16px;
} }
/* Album / Playlist Page */
.playlist-page {
padding: 0px;
.playlist-body { .playlist-body {
padding: var(--contentInnerPadding); padding: var(--contentInnerPadding);
} }
@ -1675,14 +1675,6 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
padding: var(--contentInnerPadding); padding: var(--contentInnerPadding);
} }
.well {
background: rgba(200, 200, 200, 0.05);
border-radius: 10px;
padding: var(--contentInnerPadding);
box-shadow: rgb(0 0 0 / 8%) 0px 0px 0px 1px;
margin-top: 16px;
}
.showmoreless { .showmoreless {
font-family: inherit; font-family: inherit;
font-size: 16px; font-size: 16px;

7
resources/cider-ui-tests/views/pages/artist.ejs
View file

@ -34,7 +34,14 @@
</div> </div>
</div> </div>
<div class="col" v-if="data.views['top-songs']"> <div class="col" v-if="data.views['top-songs']">
<div class="row">
<div class="col" style="padding:0px;">
<h3>Top Songs</h3> <h3>Top Songs</h3>
</div>
<div class="col-auto flex-center" v-if="data.views['top-songs'].data.length >= 10" style="padding:0px;">
<button class="cd-btn-seeall" @click="app.showArtistView(data.id, data.attributes.name + ' - Top Songs', 'top-songs')">See All</button>
</div>
</div>
<mediaitem-list-item <mediaitem-list-item
v-for="song in data.views['top-songs'].data.limit(topSongsExpanded ? 10 : 5)" v-for="song in data.views['top-songs'].data.limit(topSongsExpanded ? 10 : 5)"
:item="song"></mediaitem-list-item> :item="song"></mediaitem-list-item>

4
resources/cider-ui-tests/views/pages/collection-list.ejs
View file

@ -1,7 +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">{{ title }}</h3> <h3 class="header-text">{{ title }}</h3>
<div v-if="data['data'] != 'null'"> <div v-if="data['data'] != 'null'" class="well">
<template v-for="item in data.data"> <template v-for="item in data.data">
<template v-if="item.type == 'artists'"> <template v-if="item.type == 'artists'">
<mediaitem-square-large :item="item"></mediaitem-square-large> <mediaitem-square-large :item="item"></mediaitem-square-large>
@ -9,7 +9,7 @@
<template v-else> <template v-else>
<mediaitem-list-item <mediaitem-list-item
v-if="item.attributes.playParams.kind == 'song'" v-if="item.attributes.playParams.kind == 'song'"
:item="song"></mediaitem-list-item> :item="item"></mediaitem-list-item>
<mediaitem-mvview v-else-if="item.attributes.playParams.kind == 'musicVideo'" :item="item"></mediaitem-mvview> <mediaitem-mvview v-else-if="item.attributes.playParams.kind == 'musicVideo'" :item="item"></mediaitem-mvview>
<mediaitem-square-large v-else :item="item"></mediaitem-square-large> <mediaitem-square-large v-else :item="item"></mediaitem-square-large>
</template> </template>