Init

client/store/audiobooks.js

@@ -0,0 +1,67 @@
+
+export const state = () => ({
+  audiobooks: [],
+  listeners: []
+})
+
+export const getters = {
+
+}
+
+export const actions = {
+  load({ commit }) {
+    this.$axios
+      .$get(`/api/audiobooks`)
+      .then((data) => {
+        commit('set', data)
+      })
+      .catch((error) => {
+        console.error('Failed', error)
+        commit('set', [])
+      })
+  }
+}
+
+export const mutations = {
+  set(state, audiobooks) {
+    console.log('Set Audiobooks', audiobooks)
+    state.audiobooks = audiobooks
+    state.listeners.forEach((listener) => {
+      listener.meth()
+    })
+  },
+  addUpdate(state, audiobook) {
+    var index = state.audiobooks.findIndex(a => a.id === audiobook.id)
+    if (index >= 0) {
+      console.log('Audiobook Updated', audiobook)
+      state.audiobooks.splice(index, 1, audiobook)
+    } else {
+      console.log('Audiobook Added', audiobook)
+      state.audiobooks.push(audiobook)
+    }
+
+    state.listeners.forEach((listener) => {
+      if (!listener.audiobookId || listener.audiobookId === audiobook.id) {
+        listener.meth()
+      }
+    })
+  },
+  remove(state, audiobook) {
+    console.log('Audiobook removed', audiobook)
+    state.audiobooks = state.audiobooks.filter(a => a.id !== audiobook.id)
+
+    state.listeners.forEach((listener) => {
+      if (!listener.audiobookId || listener.audiobookId === audiobook.id) {
+        listener.meth()
+      }
+    })
+  },
+  addListener(state, listener) {
+    var index = state.listeners.findIndex(l => l.id === listener.id)
+    if (index >= 0) state.listeners.splice(index, 1, listener)
+    else state.listeners.push(listener)
+  },
+  removeListener(state, listenerId) {
+    state.listeners = state.listeners.filter(l => l.id !== listenerId)
+  }
+}