New api routes, updating web client pages, audiobooks to libraryItem migration

client/store/audiobooks.js

@@ -12,25 +12,21 @@ export const state = () => ({
 })
 
 export const getters = {
-  getBookCoverSrc: (state, getters, rootState, rootGetters) => (bookItem, placeholder = '/book_placeholder.jpg') => {
-    if (!bookItem) return placeholder
-    var book = bookItem.book
-    if (!book || !book.cover || book.cover === placeholder) return placeholder
+  getLibraryItemCoverSrc: (state, getters, rootState, rootGetters) => (libraryItem, placeholder = '/book_placeholder.jpg') => {
+    if (!libraryItem) return placeholder
+    var media = libraryItem.media
+    if (!media || !media.coverPath || media.coverPath === placeholder) return placeholder
 
     // Absolute URL covers (should no longer be used)
-    if (book.cover.startsWith('http:') || book.cover.startsWith('https:')) return book.cover
+    if (media.coverPath.startsWith('http:') || media.coverPath.startsWith('https:')) return media.coverPath
 
     var userToken = rootGetters['user/getToken']
-    var bookLastUpdate = book.lastUpdate || Date.now()
-
-    if (!bookItem.id) {
-      console.error('No book item id', bookItem)
-    }
+    var lastUpdate = libraryItem.updatedAt || Date.now()
 
     if (process.env.NODE_ENV !== 'production') { // Testing
-      return `http://localhost:3333/api/books/${bookItem.id}/cover?token=${userToken}&ts=${bookLastUpdate}`
+      return `http://localhost:3333/api/items/${libraryItem.id}/cover?token=${userToken}&ts=${lastUpdate}`
     }
-    return `/api/books/${bookItem.id}/cover?token=${userToken}&ts=${bookLastUpdate}`
+    return `/api/items/${libraryItem.id}/cover?token=${userToken}&ts=${lastUpdate}`
   }
 }
 

client/store/index.js

@@ -9,6 +9,7 @@ export const state = () => ({
   showEditModal: false,
   showEReader: false,
   selectedAudiobook: null,
+  selectedLibraryItem: null,
   selectedAudiobookFile: null,
   developerMode: false,
   selectedAudiobooks: [],
@@ -108,14 +109,14 @@ export const mutations = {
   setStreamAudiobook(state, audiobook) {
     state.streamAudiobook = audiobook
   },
-  showEditModal(state, audiobook) {
+  showEditModal(state, libraryItem) {
     state.editModalTab = 'details'
-    state.selectedAudiobook = audiobook
+    state.selectedLibraryItem = libraryItem
     state.showEditModal = true
   },
-  showEditModalOnTab(state, { audiobook, tab }) {
+  showEditModalOnTab(state, { libraryItem, tab }) {
     state.editModalTab = tab
-    state.selectedAudiobook = audiobook
+    state.selectedLibraryItem = libraryItem
     state.showEditModal = true
   },
   setEditModalTab(state, tab) {
@@ -124,15 +125,15 @@ export const mutations = {
   setShowEditModal(state, val) {
     state.showEditModal = val
   },
-  showEReader(state, audiobook) {
+  showEReader(state, libraryItem) {
     state.selectedAudiobookFile = null
-    state.selectedAudiobook = audiobook
+    state.selectedLibraryItem = libraryItem
 
     state.showEReader = true
   },
-  showEReaderForFile(state, { audiobook, file }) {
+  showEReaderForFile(state, { libraryItem, file }) {
     state.selectedAudiobookFile = file
-    state.selectedAudiobook = audiobook
+    state.selectedLibraryItem = libraryItem
 
     state.showEReader = true
   },
@@ -142,8 +143,8 @@ export const mutations = {
   setDeveloperMode(state, val) {
     state.developerMode = val
   },
-  setSelectedAudiobook(state, val) {
-    Vue.set(state, 'selectedAudiobook', val)
+  setSelectedLibraryItem(state, val) {
+    Vue.set(state, 'selectedLibraryItem', val)
   },
   setSelectedAudiobooks(state, audiobooks) {
     Vue.set(state, 'selectedAudiobooks', audiobooks)

client/store/libraries.js

@@ -124,7 +124,7 @@ export const actions = {
     }
 
     this.$axios
-      .$get(`/api/libraries/${state.currentLibraryId}/filters`)
+      .$get(`/api/libraries/${state.currentLibraryId}/filterdata`)
       .then((data) => {
         commit('setLibraryFilterData', data)
       })