audiobookshelf/client/pages/library/_library/bookshelf/_id.vue

50 lines
1.4 KiB
Vue
Raw Normal View History

2021-09-23 03:40:35 +02:00
<template>
<div class="page" :class="streamLibraryItem ? 'streaming' : ''">
2022-10-29 00:27:06 +02:00
<app-book-shelf-toolbar :page="id || ''" />
<app-lazy-bookshelf :page="id || ''" />
2021-09-23 03:40:35 +02:00
</div>
</template>
<script>
export default {
async asyncData({ params, query, store, redirect }) {
var libraryId = params.library
var libraryData = await store.dispatch('libraries/fetch', libraryId)
if (!libraryData) {
return redirect('/oops?message=Library not found')
}
2022-10-29 18:17:51 +02:00
// Set series sort by
if (query.filter || query.sort || query.desc) {
const isSeries = params.id === 'series'
const settingsUpdate = {
[isSeries ? 'seriesFilterBy' : 'filterBy']: query.filter || undefined,
[isSeries ? 'seriesSortBy' : 'orderBy']: query.sort || undefined,
[isSeries ? 'seriesSortDesc' : 'orderDesc']: query.desc == '0' ? false : query.desc == '1' ? true : undefined
2022-10-29 22:33:38 +02:00
}
store.dispatch('user/updateUserSettings', settingsUpdate)
}
// Redirect podcast libraries
const library = libraryData.library
2024-10-06 17:25:08 +02:00
if (library.mediaType === 'podcast' && (params.id === 'collections' || params.id === 'series' || params.id === 'authors')) {
return redirect(`/library/${libraryId}`)
}
2021-09-23 03:40:35 +02:00
return {
2021-12-02 02:07:03 +01:00
id: params.id || '',
libraryId
2021-09-23 03:40:35 +02:00
}
},
data() {
2022-10-29 00:27:06 +02:00
return {}
2021-09-23 03:40:35 +02:00
},
computed: {
streamLibraryItem() {
return this.$store.state.streamLibraryItem
2021-09-23 03:40:35 +02:00
}
},
2021-12-02 02:07:03 +01:00
methods: {}
2021-09-23 03:40:35 +02:00
}
</script>