:sparkles: added techniques vuex modules

vue-theme/src/store/index.js

@@ -12,6 +12,7 @@ import episode from './modules/episode'
 import event from './modules/event'
 import exhibition from './modules/exhibition'
 import short from './modules/short'
+import technique from './modules/technique'
 import guide from './modules/guide'
 import object from './modules/object'
 import publication from './modules/publication'
@@ -94,6 +95,7 @@ const store = new Vuex.Store({
         event,
         exhibition,
         short,
+        technique,
         guide,
         object,
         publication,

vue-theme/src/store/modules/technique.js

@@ -0,0 +1,70 @@
+import api from '../../utils/api'
+
+const state = {
+    all: [],
+    loaded: false,
+    singleTechnique: null,
+}
+
+const getters = {
+    allTechniques: state => state.all,
+    allTechniquesBySlug: state =>
+        Object.values(state.all).reduce((bySlug, technique) => {
+            bySlug[technique.slug] = technique
+            return bySlug
+        }, {}),
+    allTechniquesLoaded: state => state.loaded,
+}
+
+const actions = {
+    getAllTechniques({ commit }, { sortType, params }) {
+        commit('CLEAR_TECHNIQUES')
+        commit('TECHNIQUES_LOADED', false)
+        const storeFetch = (techniques => {
+            let repacked = techniques
+            commit('STORE_FETCHED_TECHNIQUES', { techniques: repacked })
+            commit('TECHNIQUES_LOADED', true)
+        })
+        return api.getByType({ type: 'technique', sort: sortType, params, cb: storeFetch })
+    },
+    getMoreTechniques({ commit }, { sortType, params }) {
+        const storeFetch = (techniques => {
+            let repacked = techniques
+            commit('ADD_TO_FETCHED_TECHNIQUES', { techniques: repacked })
+            commit('TECHNIQUES_LOADED', true)
+        })
+        return api.getByType({ type: 'technique', sort: sortType, params, cb: storeFetch })
+    },
+    getSingleTechnique({ commit }, id) {
+        commit('CLEAR_SINGLE_TECHNIQUES')
+        commit('TECHNIQUES_LOADED', false)
+
+        api.getSingleType('technique', id, technique => {
+            commit('STORE_FETCHED_SINGLE_TECHNIQUE', technique)
+            commit('TECHNIQUES_LOADED', true)
+        })
+    },
+}
+
+const mutations = {
+    ADD_TO_FETCHED_TECHNIQUES(state, { techniques }) {
+        state.all = [...state.all, ...techniques]
+    },
+    STORE_FETCHED_TECHNIQUES(state, { techniques }) {
+        state.all = techniques
+    },
+    STORE_FETCHED_SINGLE_TECHNIQUE(state, technique) {
+        state.singleTechnique = technique
+    },
+    CLEAR_TECHNIQUES(state) {
+        state.all = []
+    },
+    CLEAR_SINGLE_TECHNIQUES(state) {
+        state.singleTechnique = null
+    },
+    TECHNIQUES_LOADED(state, val) {
+        state.loaded = val
+    },
+}
+
+export default { state, getters, actions, mutations }