:recycle: extend sort by subtype to blog posts

vue-theme/functions.php

@@ -88,25 +88,18 @@ add_action( 'wp_enqueue_scripts', 'vue_theme_scripts' );
  * disable endpoints in rest api
  **/
 add_filter( 'rest_endpoints', function ( $endpoints ) {
-    if ( isset( $endpoints['/wp/v2/users'] ) ) {
-        unset( $endpoints['/wp/v2/users'] );
-    }
-    if ( isset( $endpoints['/wp/v2/users/(?P<id>[\d]+)'] ) ) {
-        unset( $endpoints['/wp/v2/users/(?P<id>[\d]+)'] );
-    }
-
-    if ( isset( $endpoints['/wp/v2/comments'] ) ) {
-        unset( $endpoints['/wp/v2/comments'] );
-    }
-    if ( isset( $endpoints['/wp/v2/comments/(?P<id>[\d]+)'] ) ) {
-        unset( $endpoints['/wp/v2/comments/(?P<id>[\d]+)'] );
-    }
-
-    if ( isset( $endpoints['/wp/v2/settings'] ) ) {
-        unset( $endpoints['/wp/v2/settings'] );
-    }
+    $remove = [
+        'users',
+        'users/(?P<id>[\d]+)',
+        'comments',
+        'comments/(?P<id>[\d]+)',
+        'settings',
+    ];
+    foreach( $remove as $endpoint )
+        if ( isset( $endpoints['/wp/v2/' . $endpoint] ) )
+            unset( $endpoints['/wp/v2/' . $endpoint] );
     return $endpoints;
-    } );
+} );
 
 // Remove wordpress version number from files
 remove_action( 'wp_head', 'wp_generator' );

vue-theme/src/components/sidebars/sidebar.vue

@@ -1,49 +1,21 @@
 <template lang="pug">
 aside.sidebar
     section
-        //- if not single layout Artist sorting
-        .shadow(v-if="type === 'artist' && layout !== 'single'")
-            h3.t-up sort {{ type }} by
-            ul.t-up
-                li(v-for="option in sortOptions")
-                    router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
-                        p {{ option }}
-
-        
-        //- type specific sidebar
-        .shadow(v-else)
-            h3.t-up.t-b {{ type }} specific sidebar more
-
-        //- if not single layout Exhibitions sorting
-        .shadow(v-if="type === 'exhibition' && layout !== 'single'")
+        //- if not single layout with sorting
+        .shadow(v-if="['artist', 'exhibition', 'event', 'post'].includes(type) && layout !== 'single'")
             h3.t-up sort {{ type }} by
             ul.t-up
                 li(v-for="option in sortOptions")
                     router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
                         p {{ option }}
                 //- temporary reminder
-                p 
-                    router-link(:to="`/exhibition/sorted/by-date`")
-                        p by all
-                p 
-                    router-link(:to="`/exhibition/sorted/by-current-and-upcoming`")
-                        p by current and upcoming
-
-        //- if not single layout Events sorting
-        .shadow(v-if="type === 'event' && layout === 'list'")
-            h3.t-up sort {{ type }} by
-            ul.t-up
-                li(v-for="option in sortOptions")
-                    router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
-                        p {{ option }}
-                //- temporary reminder
-                p 
-                    router-link(:to="`/event/sorted/by-date`")
-                        p by all
-                p 
-                    router-link(:to="`/event/sorted/by-current-and-upcoming`")
-                        p by current and upcoming
-            
+                template(v-if="['exhibition', 'event'].includes(type) && layout === 'list'")
+                    p 
+                        router-link(:to="`/${type}/sorted/by-date`")
+                            p by all
+                    p 
+                        router-link(:to="`/${type}/sorted/by-current-and-upcoming`")
+                            p by current and upcoming
 
         //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
@@ -60,11 +32,6 @@ aside.sidebar
             exhibitions-sidebar
         //- single layout Post sidebar
         .shadow(v-if="type === 'post'")
-            h3.t-up sort {{ type }} by
-                ul.t-up
-                    li(v-for="option in sortOptions")
-                        router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
-                            p {{ option }}
             exhibitions-sidebar
             br
             events-sidebar

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

@@ -51,7 +51,6 @@ const _arrangeByType = artistsList => {
         flatPacked.push({ slug: type, title: type, inbetween: true })
         byType[type].forEach(artist => flatPacked.push(artist))
     })
-    console.log('flatPacked :', flatPacked)
     return flatPacked
 }
 

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

@@ -1,4 +1,5 @@
 import api from '../../utils/api'
+import { sortTypes } from '../../utils/helpers'
 
 const state = {
     all: [],
@@ -11,12 +12,33 @@ const getters = {
     allPostsLoaded: state => state.loaded,
 }
 
+const _arrangeByType = postsList => {
+    const byType = {}
+    postsList.forEach(post => {
+        const subtypes = post.categories
+        subtypes.forEach(type => {
+            if(!byType[type]) byType[type] = []
+            byType[type].push(post)
+        })
+    })
+    const flatPacked = []
+    Object.keys(byType).forEach(type => {
+        flatPacked.push({ slug: type, title: type, inbetween: true })
+        byType[type].forEach(post => flatPacked.push(post))
+    })
+    return flatPacked
+}
+
 const actions = {
     getAllPosts({ commit }, { sortType, params }) {
         commit('CLEAR_POSTS')
         commit('POSTS_LOADED', false)
         const storeFetch = (posts => {
-            commit('STORE_FETCHED_POSTS', { posts })
+            let repacked = posts
+            if(sortType == sortTypes.subtype) {
+                repacked = _arrangeByType(posts)
+            }
+            commit('STORE_FETCHED_POSTS', { posts: repacked })
             commit('POSTS_LOADED', true)
         }) 
         return api.getByType({ type: 'post', sort: sortType, params, cb: storeFetch })