2021-09-23 03:40:35 +02:00
|
|
|
<template>
|
2022-03-14 01:34:31 +01:00
|
|
|
<div class="page" :class="streamLibraryItem ? 'streaming' : ''">
|
2022-09-02 03:03:41 +02:00
|
|
|
<app-book-shelf-toolbar :page="id || ''" :view-mode.sync="viewMode" :library-id="libraryId"/>
|
2022-05-14 00:40:43 +02:00
|
|
|
<app-lazy-bookshelf :page="id || ''" :view-mode="viewMode" />
|
2021-09-23 03:40:35 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2021-10-05 05:11:42 +02:00
|
|
|
async asyncData({ params, query, store, app, redirect }) {
|
|
|
|
var libraryId = params.library
|
2022-04-14 19:57:34 +02:00
|
|
|
var libraryData = await store.dispatch('libraries/fetch', libraryId)
|
|
|
|
if (!libraryData) {
|
2021-10-05 05:11:42 +02:00
|
|
|
return redirect('/oops?message=Library not found')
|
|
|
|
}
|
|
|
|
|
2021-10-17 18:29:52 +02:00
|
|
|
// Set filter by
|
2021-09-24 14:32:38 +02:00
|
|
|
if (query.filter) {
|
|
|
|
store.dispatch('user/updateUserSettings', { filterBy: query.filter })
|
|
|
|
}
|
2022-04-14 19:57:34 +02:00
|
|
|
|
|
|
|
// Redirect podcast libraries
|
|
|
|
const library = libraryData.library
|
|
|
|
if (library.mediaType === 'podcast' && (params.id === 'collections' || params.id === 'series')) {
|
|
|
|
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() {
|
2021-10-30 03:42:28 +02:00
|
|
|
return {
|
|
|
|
viewMode: 'grid'
|
|
|
|
}
|
2021-09-23 03:40:35 +02:00
|
|
|
},
|
|
|
|
computed: {
|
2022-03-14 01:34:31 +01:00
|
|
|
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
|
|
|
}
|
2022-09-02 03:03:41 +02:00
|
|
|
</script>
|