:sparkles: added getter helper | added exhibition and event to navigation | added modules for grabbing event and exhibition data

vue-theme/src/components/navigation/navigation.vue

@@ -17,6 +17,12 @@ nav.main.f-row.center
         li
             router-link(:to="`/artists`")
                 p.t-up artists
+        li
+            router-link(:to="`/events`")
+                p.t-up events
+        li
+            router-link(:to="`/exhibitions`")
+                p.t-up exhibitions
         li
             router-link(:to="`/episodes`")
                 p.t-up episodes

vue-theme/src/pages/index.vue

@@ -31,25 +31,10 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { postTypeGetters } from './mixin-post-types'
 
 export default {
-    computed: {
-        ...mapGetters({
-            somePages: 'somePages',
-            allPages: 'allPages',
-            allPagesLoaded: 'allPagesLoaded',
-
-            allPosts: 'allPosts',
-            allPostsLoaded: 'allPostsLoaded',
-            
-            allArtists: 'allArtists',
-            allArtistsLoaded: 'allArtistsLoaded',
-            
-            allEpisodes: 'allEpisodes',
-            allEpisodesLoaded: 'allEpisodesLoaded',
-        }),
-    },
+    mixins: [postTypeGetters],
     created() {
         console.log(wp)
         console.log(this.$store.state.title)
@@ -59,6 +44,8 @@ export default {
 
         this.$store.dispatch('getAllArtists')
         this.$store.dispatch('getAllEpisodes')
+        this.$store.dispatch('getAllEvents')
+        this.$store.dispatch('getAllExhibitions')
     }
 }
 </script>

vue-theme/src/pages/list.vue

@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
 import sidebar from '@/components/sidebars/sidebar'
+import { postTypeGetters } from './mixin-post-types'
 
 import { convertTitleCase, typeFromRoute, sortTypes } from '@/utils/helpers'
 
@@ -36,20 +36,8 @@ export default {
         sidebar: { type: Boolean },
         sortBy: { type: String }
     },
+    mixins: [postTypeGetters],
     computed: {
-        ...mapGetters({
-            allPages: 'allPages',
-            allPagesLoaded: 'allPagesLoaded',
-
-            allPosts: 'allPosts',
-            allPostsLoaded: 'allPostsLoaded',
-
-            allArtists: 'allArtists',
-            allArtistsLoaded: 'allArtistsLoaded',
-
-            allEpisodes: 'allEpisodes',
-            allEpisodesLoaded: 'allEpisodesLoaded',
-        }),
         isGrid() {
             return this.$route.query.grid === 'true'
         },
@@ -97,6 +85,7 @@ export default {
         }
     },
     created() {
+        console.log(this)
         this.setHeroAndGetPosts()
     }
 }

vue-theme/src/pages/mixin-post-types.js

@@ -0,0 +1,26 @@
+import { convertTitleCase } from '@/utils/helpers'
+import { mapGetters } from 'vuex'
+
+const postTypes = [
+    'post',
+    'page',
+    'artist',
+    'episode',
+    'event',
+    'exhibition'
+]
+
+const getterHelper = {}
+for(let type of postTypes) {
+    const capitalized = convertTitleCase(type)
+    getterHelper[`all${capitalized}s`] = `all${capitalized}s` 
+    getterHelper[`all${capitalized}sLoaded`] = `all${capitalized}sLoaded` 
+}
+
+const postTypeGetters = {
+    computed: {
+        ...mapGetters(getterHelper)
+    }
+}
+
+export { postTypeGetters }

vue-theme/src/pages/single.vue

@@ -33,9 +33,9 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
 import sidebar from '@/components/sidebars/sidebar'
 import gallery from '@/components/gallery/'
+import { postTypeGetters } from './mixin-post-types'
 
 import { convertTitleCase, typeFromRoute } from '@/utils/helpers'
 
@@ -44,6 +44,7 @@ export default {
     props: {
         sidebar: { type: Boolean }
     },
+    mixins: [postTypeGetters],
     data() {
         return {
             // Gallery control
@@ -52,19 +53,6 @@ export default {
         }
     },
     computed: {
-        ...mapGetters({
-            allPages: 'allPages',
-            allPagesLoaded: 'allPagesLoaded',
-
-            allPosts: 'allPosts',
-            allPostsLoaded: 'allPostsLoaded',
-
-            allArtists: 'allArtists',
-            allArtistsLoaded: 'allArtistsLoaded',
-
-            allEpisodes: 'allEpisodes',
-            allEpisodesLoaded: 'allEpisodesLoaded',
-        }),
         type() { // Checks for type and fixes Episodes route edge case 
             return typeFromRoute(this.$route)
         },

vue-theme/src/store/index.js

@@ -9,6 +9,8 @@ import page from './modules/page'
 import post from './modules/post'
 import artist from './modules/artist'
 import episode from './modules/episode'
+import event from './modules/event'
+import exhibition from './modules/exhibition'
 
 const debug = process.env.NODE_ENV !== 'production'
 
@@ -44,7 +46,9 @@ const store = new Vuex.Store({
       post,
       page,
       artist,
-      episode
+      episode,
+      event,
+      exhibition
   },
   strict: debug,
 })

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

@@ -0,0 +1,41 @@
+import api from '../../utils/api'
+
+const state = {
+    all: {},
+    loaded: false,
+    event: null,
+}
+
+const getters = {
+    allEvents: state => state.all,
+    allEventsLoaded: state => state.loaded,
+    event: state => id => {
+        let field = typeof id === 'number' ? 'id' : 'slug'
+        let event = state.all.filter(event => event[field] === id)
+        return (event[0]) ? event[0] : false
+    },
+    eventContent: state => id => {
+        let field = typeof id === 'number' ? 'id' : 'slug'
+        let event = state.all.filter(event => event[field] === id)
+        return (event[0]) ? event[0].content.rendered : false
+    },
+}
+
+const actions = {
+    getAllEvents({ commit }, sortType) {
+        commit('CLEAR_EVENTS')
+        commit('EVENTS_LOADED', false)
+        api.getByType('events', sortType, events => {
+            commit('STORE_FETCHED_EVENTS', { events })
+            commit('EVENTS_LOADED', true)
+        })
+    }
+}
+
+const mutations = {
+    STORE_FETCHED_EVENTS(state, { events }) { state.all = events },
+    CLEAR_EVENTS(state) { state.all = [] },
+    EVENTS_LOADED(state, val) { state.loaded = val },
+}
+
+export default { state, getters, actions, mutations }

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

@@ -0,0 +1,41 @@
+import api from '../../utils/api'
+
+const state = {
+    all: {},
+    loaded: false,
+    exhibition: null,
+}
+
+const getters = {
+    allExhibitions: state => state.all,
+    allExhibitionsLoaded: state => state.loaded,
+    exhibition: state => id => {
+        let field = typeof id === 'number' ? 'id' : 'slug'
+        let exhibition = state.all.filter(exhibition => exhibition[field] === id)
+        return (exhibition[0]) ? exhibition[0] : false
+    },
+    exhibitionContent: state => id => {
+        let field = typeof id === 'number' ? 'id' : 'slug'
+        let exhibition = state.all.filter(exhibition => exhibition[field] === id)
+        return (exhibition[0]) ? exhibition[0].content.rendered : false
+    },
+}
+
+const actions = {
+    getAllExhibitions({ commit }, sortType) {
+        commit('CLEAR_EXHIBITIONS')
+        commit('EXHIBITIONS_LOADED', false)
+        api.getByType('exhibitions', sortType, exhibitions => {
+            commit('STORE_FETCHED_EXHIBITIONS', { exhibitions })
+            commit('EXHIBITIONS_LOADED', true)
+        })
+    }
+}
+
+const mutations = {
+    STORE_FETCHED_EXHIBITIONS(state, { exhibitions }) { state.all = exhibitions },
+    CLEAR_EXHIBITIONS(state) { state.all = [] },
+    EXHIBITIONS_LOADED(state, val) { state.loaded = val },
+}
+
+export default { state, getters, actions, mutations }

vue-theme/src/utils/helpers.js

@@ -1,4 +1,5 @@
 const convertTitleCase = (type) => {
+    if(typeof type !== 'string') return ''
     return type.charAt(0).toUpperCase() + type.slice(1)
 }