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

replay, added this year

Browse source
This commit is contained in:
booploops 2022-02-17 02:08:28 -08:00
parent 6f975a3394
commit 4e569365f8
3 changed files with 17 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/renderer/views/components/listitem-horizontal.ejs
View file

@ -3,7 +3,7 @@
<vue-horizontal>
<div v-for="items in itemPages">
<mediaitem-list-item
v-for="(song, index) in items" :parent="'listitem-hr' + simplifiedParent"
v-for="(song, index) in items" :show-library-status="show-library-status" :parent="'listitem-hr' + simplifiedParent"
:index="song.index"
:item="song"></mediaitem-list-item>
</div>
@ -19,6 +19,10 @@
items: {
type: Array,
required: true
},
"show-library-status": {
type: Boolean,
default: true
}
},
data: function () {

3
src/renderer/views/components/mediaitem-list-item.ejs
View file

@ -74,6 +74,9 @@
<div class="duration" v-if="displayDuration" @dblclick="route()">
{{ msToMinSec(item.attributes.durationInMillis ?? 0) }}
</div>
<div class="duration" v-if="item.attributes.playCount" @dblclick="route()">
{{ item.attributes.playCount }}
</div>
</template>
</div>
</script>

17
src/renderer/views/pages/replay.ejs
View file

@ -1,8 +1,8 @@
<script type="text/x-template" id="replay-page">
<div class="content-inner replay-page">
<h1 class="header-text">Replay</h1>
<button v-for="year in years" class="md-btn md-btn-primary" @click="getReplayYear(year)">{{ year.attributes.year }}</button>
<button v-for="year in years" class="md-btn md-btn-primary" @click="getReplayYear(year.attributes.year)">{{ year.attributes.year }}</button>
<button class="md-btn md-btn-primary" @click="getReplayYear()">This Year</button>
<hr>
<transition name="replaycard">
<div class="replay-viewport" v-if="loaded.id != -1">
@ -29,7 +29,7 @@
<mediaitem-square :item="artistData.relationships.artist.data[0]"></mediaitem-square>
</div>
<div class="card-footer">
{{ artistData.attributes.listenTimeInMinutes }}<br>
{{ artistData.attributes.listenTimeInMinutes }} minutes<br>
Listened to: {{ artistData.attributes.playCount }} times
</div>
</div>
@ -53,7 +53,7 @@
<!-- Top Songs-->
<h3>Top Songs</h3>
<div class="well">
<listitem-horizontal :items="songsToArray(loaded.views['top-songs'].data)"></listitem-horizontal>
<listitem-horizontal :show-library-status="false" :items="songsToArray(loaded.views['top-songs'].data)"></listitem-horizontal>
</div>
</div>
</transition>
@ -79,14 +79,15 @@
songsToArray(songsData) {
let songs = []
songsData.forEach(function (songData) {
songs.push(songData.relationships.song.data[0])
let song = songData.relationships.song.data[0]
song.attributes.playCount = songData.attributes.playCount
songs.push(song)
})
return songs
},
async getReplayYear(year) {
async getReplayYear(year = new Date().getFullYear()) {
this.loaded.id = -1
console.log(year)
let response = await app.mk.api.v3.music(`${year.href}?extend=inLibrary&views=top-artists%2Ctop-albums%2Ctop-songs&include[music-summaries]=playlist&include[playlists]=tracks&includeOnly=playlist%2Ctracks%2Csong%2Cartist%2Calbum`)
let response = await app.mk.api.v3.music(`/v1/me/music-summaries/year-${year}?extend=inLibrary&views=top-artists%2Ctop-albums%2Ctop-songs&include[music-summaries]=playlist&include[playlists]=tracks&includeOnly=playlist%2Ctracks%2Csong%2Cartist%2Calbum`)
console.warn(response.data.data[0])
this.loaded = response.data.data[0]
}