:recycle: update sort-by return paginated results

plugins/cia-endpoints/includes/class.make-sortby.php

@@ -112,7 +112,24 @@ class Make_Sort_By extends WP_REST_Controller {
             $start, $time, $time, $end, $time, $this->post_type
         ));
         wp_reset_postdata();
-        return new WP_REST_Response( $this->prepare_items_for_reponse($res), 200 );
+
+        // Get parameters from request,
+        // /?limit=<num>&?orderby=<str>&?order=<str>
+        $args = array(
+            'posts_per_page' => -1,
+            'page' => 1
+        );
+        $params = $request->get_params();
+        if(intval($params['limit']) > 0) {
+            $args['posts_per_page'] = intval($params['limit']);
+        }
+        if(intval($params['p']) > 1) {
+            $args['page'] = intval($params['p']);
+        }
+        $index_from_page = $args['page'] - 1;
+        $offset = array_chunk($res, $args['posts_per_page']);
+        $page = $offset[$index_from_page];
+        return new WP_REST_Response( $this->prepare_items_for_reponse($page), 200 );
     }
     
     public function by_upcoming( $request ) {

vue-theme/src/components/card.vue

@@ -10,7 +10,7 @@
         .f-col.w-max
             router-link(:to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
-            p(v-if="content.end") {{ content.start }} – {{ content.end }}
+            p(v-if="content.end") {{ new Date(content.start * 1000).toISOString().split('T')[0] }} – {{ new Date(content.end * 1000).toISOString().split('T')[0] }}
             p {{ content.excerpt }}
 </template>
 

vue-theme/src/pages/list.vue

@@ -53,8 +53,8 @@ export default {
             return typeFromRoute(this.$route)
         },
         pType() {
-            if(!this.type) return
-            return this.sortBy ? `${convertTitleCase(this.type.split('/')[0])}s` : `${convertTitleCase(this.type)}s`
+            if(!typeFromRoute(this.$route)) return
+            return this.sortBy ? `${convertTitleCase(typeFromRoute(this.$route).split('/')[0])}s` : `${convertTitleCase(this.type)}s`
         },
         loaded() {
             if (!this.pType) return
@@ -67,8 +67,11 @@ export default {
     },
     methods: {
         loadMorePosts() {
-            if(!this.type) return console.warn(`type: ${this.type} not found...`)
-            console.warn(`loading more ${this.type} posts...`)
+            console.log(this.$route)
+            const type = typeFromRoute(this.$route)
+            if(!type) return console.warn(`type: ${type} not found...`)
+
+            console.warn(`loading more ${type} posts...`)
             this.page++
             this.getPosts({ clear: false })
         },
@@ -151,34 +154,31 @@ export default {
         }
     },
     watch: {
-        $route: {
-            handler: (to, from) => {
-                // Filter the path to remove blank strings and
-                // only grab the hero if moving to another list page
-                // eg. list page -> list page
-                const path = to.fullPath.split('/').filter(p => p)
-                console.log('to:', path)
-                console.log('?:', path.pop())
-                console.log('?:', path.pop())
-    
-                // Always reset the page count
-                this.page = 0
-                
-                // this.checkAndSetHero(this.type)
-                
-                // Load first page of results
-                // this.getPosts({ clear: false })
-                console.log("route", to, from)
-                // this.setIntersectionLoader()
-            },
-            deep: true
+        $route(to, from) {
+            // Filter the path to remove blank strings and
+            // only grab the hero if moving to another list page
+            // eg. list page -> list page
+            // const path = to.fullPath.split('/').filter(p => p)
+            // console.log('to:', path)
+            // console.log('?:', path.pop())
+            // console.log('?:', path.pop())
+
+            // Always reset the page count
+            this.page = 0
+            
+            // this.checkAndSetHero(this.type)
+            
+            // Load first page of results
+            // this.getPosts({ clear: false })
+            console.log("route", to, from)
+            // this.setIntersectionLoader()
         },
     },
     mounted() {
-        this.setIntersectionLoader()
     },
     created() {
         console.log('--- liiiist ---')
+        this.setIntersectionLoader()
         // this.checkAndSetHero(this.type)
     },
 }

vue-theme/src/utils/helpers.js

@@ -41,18 +41,19 @@ const postTypes = [
  */
 const typeFromRoute = route => {
     let type = route.params.type ? route.params.type : route.fullPath.split('/')
-
+    
     if (!route.params.type) {
         // Remove blank path sections and match to postTypes array
         type = type
             .filter(pathSection => pathSection != '')
             .filter(pathSection => postTypes.includes(pathSection))
 
-        // Only take the first match
+            // Only take the first match
         type = type[0]
         // console.log(`type derived from route.path: ${type}`)
     }
-
+    
+    console.log('from route->',type)
     return type
 }