MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-26 23:25:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web-src] use smartpl to retrieve recently added albums

Browse Source
This commit is contained in:
whatdoineed2do/Ray 2020-11-30 21:16:32 +00:00 committed by chme
parent 8f48179365
commit 5f9939ebfb
1 changed files with 98 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
web-src/src/pages/PageBrowseRecentlyAdded.vue
View File

@ -5,10 +5,47 @@
<content-with-heading>
<template slot="heading-left">
<p class="title is-4">Recently added</p>
<p class="heading">albums</p>
<p class="heading">{{ recently_added }} albums</p>
</template>
</content-with-heading>
<content-with-heading v-if="show_recent_today && recently_added_today.items.length">
<template slot="heading-left">
<p class="title is-6">Today</p>
<p class="heading">{{ recently_added_today.items.length }} albums</p>
</template>
<template slot="content">
<list-albums :albums="recently_added.items"></list-albums>
<list-albums :albums="recently_added_today.items"></list-albums>
</template>
</content-with-heading>
<content-with-heading v-if="show_recent_week && recently_added_week.items.length">
<template slot="heading-left">
<p class="title is-6">This Week</p>
<p class="heading">{{ recently_added_week.items.length }} albums</p>
</template>
<template slot="content">
<list-albums :albums="recently_added_week.items"></list-albums>
</template>
</content-with-heading>
<content-with-heading v-if="show_recent_month && recently_added_month.items.length">
<template slot="heading-left">
<p class="title is-6">This Month </p>
<p class="heading">{{ recently_added_month.items.length }} albums</p>
</template>
<template slot="content">
<list-albums :albums="recently_added_month.items"></list-albums>
</template>
</content-with-heading>
<content-with-heading v-if="show_recent_older && recently_added_older.items.length">
<template slot="heading-left">
<p class="title is-6">Older</p>
<p class="heading">{{ recently_added_older.items.length }} albums</p>
</template>
<template slot="content">
<list-albums :albums="recently_added_older.items"></list-albums>
</template>
</content-with-heading>
</div>
@ -25,13 +62,13 @@ const browseData = {
load: function (to) {
return webapi.search({
type: 'album',
expression: 'media_kind is music having track_count > 3 order by time_added desc',
limit: 500
expression: 'time_added after today and media_kind is music order by time_added desc',
limit: 100
})
},
set: function (vm, response) {
vm.recently_added = response.data.albums
vm.recently_added_today = response.data.albums
}
}
@ -42,7 +79,62 @@ export default {
data () {
return {
recently_added: {}
recently_added_today: { items: [] },
recently_added_week: { items: [] },
recently_added_month: { items: [] },
recently_added_older: { items: [] },
limit: 100
}
},
created () {
if (this.recently_added < this.limit) {
webapi.search({
type: 'album',
expression: 'time_added after this week and media_kind is music order by time_added desc',
limit: this.limit - this.recently_added
}).then(({ data }) => {
this.recently_added_week = data.albums
if (this.recently_added < this.limit) {
webapi.search({
type: 'album',
expression: 'time_added after last month and media_kind is music order by time_added desc',
limit: this.limit - this.recently_added
}).then(({ data }) => {
this.recently_added_month = data.albums
if (this.recently_added < this.limit) {
webapi.search({
type: 'album',
expression: 'time_added before last month and media_kind is music order by time_added desc',
limit: this.limit - this.recently_added
}).then(({ data }) => {
this.recently_added_older = data.albums
})
}
})
}
})
}
},
computed: {
show_recent_today () {
return this.recently_added_today.items.length > 0
},
show_recent_week () {
return this.recently_added_week.items.length > 0
},
show_recent_month () {
return this.recently_added_month.items.length > 0
},
show_recent_older () {
return this.recently_added_older.items.length > 0
},
recently_added () {
return this.recently_added_today.items.length + this.recently_added_week.items.length + this.recently_added_month.items.length + this.recently_added_older.items.length
}
}
}