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

fix some part of playlist view

Browse source
This commit is contained in:
vapormusic 2021-12-07 00:23:20 +07:00
parent 2a3526d133
commit f97ab166de
3 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
resources/cider-ui-tests/index.html
View file

@ -394,12 +394,14 @@
<div class="playlist-info"> <div class="playlist-info">
<div class="playlist-name">{{data.attributes.name ?? (data.attributes.title ?? '') ?? ''}}</div> <div class="playlist-name">{{data.attributes.name ?? (data.attributes.title ?? '') ?? ''}}</div>
<div class="playlist-artist" v-if="data.attributes.artistName">{{data.attributes.artistName ?? ''}}</div> <div class="playlist-artist" v-if="data.attributes.artistName">{{data.attributes.artistName ?? ''}}</div>
<div class="playlist-desc">{{(data.attributes.editorialNotes) ? (data.attributes.editorialNotes.standard ?? '' ) : (data.attributes.description ? data.attributes.description.standard ?? '' : '')}}</div> <div class="playlist-desc" v-html="((data.attributes.editorialNotes) ? (data.attributes.editorialNotes.short ?? (data.attributes.editorialNotes.standard ?? '') ) : (data.attributes.description ? (data.attributes.description.short ?? (data.attributes.description.standard ?? '')) : ''))"></div>
</div> </div>
</div> </div>
<mediaitem-list-item :item="item" <mediaitem-list-item :item="item"
v-for="item in data.relationships.tracks.data"></mediaitem-list-item> v-for="item in data.relationships.tracks.data"></mediaitem-list-item>
<div class="playlist-time" >{{app.getTotalTime()}}</div>
</template> </template>
</div> </div>
</script> </script>

5
resources/cider-ui-tests/index.js
View file

@ -357,6 +357,11 @@ const app = new Vue({
downloadChunk() downloadChunk()
}, },
getTotalTime(){
if (app.showingPlaylist.relationships.tracks.data.length > 0){
time = Math.round([].concat(...app.showingPlaylist.relationships.tracks.data).reduce((a, { attributes: { durationInMillis }}) => a + durationInMillis, 0)/60000);
return app.showingPlaylist.relationships.tracks.data.length + " tracks, "+ time +" mins.";} else return ""
},
async getLibrarySongs() { async getLibrarySongs() {
var response = await this.mkapi("songs", true, "", {limit: 100}, {includeResponseMeta: !0}) var response = await this.mkapi("songs", true, "", {limit: 100}, {includeResponseMeta: !0})
this.library.songs.listing = response.data this.library.songs.listing = response.data

5
resources/cider-ui-tests/style.css
View file

@ -1757,4 +1757,9 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
font-size: 1.1rem; font-size: 1.1rem;
flex-shrink: unset; flex-shrink: unset;
margin-right: 5px; margin-right: 5px;
}
.playlist-time {
margin: 6px;
opacity: 0.7;
} }