2021-09-23 03:40:35 +02:00
|
|
|
<template>
|
|
|
|
<div class="page" :class="streamAudiobook ? 'streaming' : ''">
|
|
|
|
<div class="flex h-full">
|
|
|
|
<app-side-rail />
|
|
|
|
<div class="flex-grow">
|
2021-09-24 23:14:33 +02:00
|
|
|
<app-book-shelf-toolbar :page="id || ''" :search-results="searchResults" :search-query="searchQuery" :selected-series.sync="selectedSeries" />
|
|
|
|
<app-book-shelf :page="id || ''" :search-results="searchResults" :search-query="searchQuery" :selected-series.sync="selectedSeries" />
|
2021-09-23 03:40:35 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
2021-09-24 23:14:33 +02:00
|
|
|
async asyncData({ params, query, store, app }) {
|
2021-09-24 14:32:38 +02:00
|
|
|
if (query.filter) {
|
|
|
|
store.dispatch('user/updateUserSettings', { filterBy: query.filter })
|
|
|
|
}
|
2021-09-24 23:14:33 +02:00
|
|
|
var searchResults = []
|
|
|
|
var searchQuery = null
|
|
|
|
if (params.id === 'search' && query.query) {
|
|
|
|
searchQuery = query.query
|
|
|
|
searchResults = await app.$axios.$get(`/api/audiobooks?q=${query.query}`).catch((error) => {
|
|
|
|
console.error('Search error', error)
|
|
|
|
return []
|
|
|
|
})
|
2021-09-27 13:52:21 +02:00
|
|
|
store.commit('audiobooks/setSearchResults', searchResults)
|
2021-09-24 23:14:33 +02:00
|
|
|
}
|
2021-09-27 13:52:21 +02:00
|
|
|
var selectedSeries = query.series ? app.$decode(query.series) : null
|
|
|
|
store.commit('audiobooks/setSelectedSeries', selectedSeries)
|
|
|
|
var libraryPage = params.id || ''
|
|
|
|
store.commit('audiobooks/setLibraryPage', libraryPage)
|
|
|
|
|
2021-09-23 03:40:35 +02:00
|
|
|
return {
|
2021-09-27 13:52:21 +02:00
|
|
|
id: libraryPage,
|
2021-09-24 23:14:33 +02:00
|
|
|
searchQuery,
|
|
|
|
searchResults,
|
2021-09-27 13:52:21 +02:00
|
|
|
selectedSeries
|
2021-09-23 03:40:35 +02:00
|
|
|
}
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {}
|
|
|
|
},
|
2021-09-24 23:14:33 +02:00
|
|
|
watch: {
|
|
|
|
'$route.query'(newVal) {
|
|
|
|
if (this.id === 'search' && this.$route.query.query) {
|
|
|
|
if (this.$route.query.query !== this.searchQuery) {
|
|
|
|
this.newQuery()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
2021-09-23 03:40:35 +02:00
|
|
|
computed: {
|
|
|
|
streamAudiobook() {
|
|
|
|
return this.$store.state.streamAudiobook
|
|
|
|
}
|
|
|
|
},
|
2021-09-24 23:14:33 +02:00
|
|
|
methods: {
|
|
|
|
async newQuery() {
|
|
|
|
var query = this.$route.query.query
|
|
|
|
this.searchResults = await this.$axios.$get(`/api/audiobooks?q=${query}`).catch((error) => {
|
|
|
|
console.error('Search error', error)
|
|
|
|
return []
|
|
|
|
})
|
|
|
|
this.searchQuery = query
|
|
|
|
}
|
|
|
|
},
|
2021-09-23 03:40:35 +02:00
|
|
|
mounted() {}
|
|
|
|
}
|
|
|
|
</script>
|