:recycle: adding credits only to single episode endpoint | added credits component for frontend

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

@@ -103,6 +103,7 @@ class Make_Endpoint_For extends WP_REST_Controller {
             foreach ( get_attached_media( '', $item->ID ) as $attached_media ):
                 array_push($media_ids, $attached_media->ID);
             endforeach;
+
             $filtered[galleries] = get_ids_from_gallery_block(
                 parse_blocks( $item->post_content )
             );

plugins/cia-endpoints/includes/formats.php

@@ -31,8 +31,6 @@ function default_post_format( $item ) {
     // Custom fields endpoint
     if($item->post_type === 'artist') $filtered[sortname] = get_post_meta( $item->ID, 'artist-sort-name', true );
 
-    if($item->post_type === 'episode') $filtered[credits] = get_post_meta( $item->ID, 'credits', true );
-
     if($item->post_type === 'event') {
         $filtered[start] = get_post_meta( $item->ID, 'event-start-time', true );
         $filtered[end] = get_post_meta( $item->ID, 'event-end-time', true );

vue-theme/src/components/credits.vue

@@ -0,0 +1,17 @@
+<template lang="pug">
+.credits
+    h2.t-up credits
+    div(v-html="post.credits")
+</template>
+
+<script>
+export default {
+    props: {
+        post: { required: true }
+    }
+}
+</script>
+
+<style lang="postcss">
+.credits
+</style>

vue-theme/src/pages/single.vue

@@ -8,12 +8,15 @@
             h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
             p(v-if="post.categories") categories: {{ post.categories }}
             p(v-if="post.type") type: {{ post.type }}
+
             .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
                 p start: {{ dateFrom(post.start) }}
                 p end: {{ dateFrom(post.end) }}
 
         block.post-single.block-wrapper(v-for="(block, index) in post.blocks" :block="block" :key="`block-${index}`")
 
+        credits(v-if="type === 'episodes'" :post="post")
+
     sidebar(v-if="sidebar" :type="`${type}`")
         .shadow
             h1.t-up single slot
@@ -25,13 +28,14 @@
 import sidebar from '@/components/sidebars/sidebar'
 import gallery from '@/components/gallery/'
 import block from '@/components/content-block/block'
+import credits from '@/components/credits'
 
 import { postTypeGetters } from './mixin-post-types'
 
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
 
 export default {
-    components: { sidebar, gallery, block },
+    components: { sidebar, gallery, block, credits },
     props: {
         sidebar: { type: Boolean },
         id: { type: Number }
@@ -53,12 +57,12 @@ export default {
          */
         post() {
             if(!this[this.type]) return
-            
+
             const type = dePluralize(this.type)
 
             // State not a getter!
             const singleOfTypeFromState = this[this.type][`single${convertTitleCase(type)}`]
-            
+
             if(!singleOfTypeFromState) return
 
             return singleOfTypeFromState
@@ -139,7 +143,7 @@ export default {
          */
         let type = convertTitleCase(this.type)
         let allPostsOfType = this.$store.state[this.type].all
-        
+
         /**
          * Load posts if they're not already in state
          */
@@ -149,7 +153,7 @@ export default {
             console.log(`reloaded ${type}...`)
         }
         const singlePostData = Object.values(allPostsOfType).filter(post => post.slug == this.$route.params.slug)[0]
- 
+
         await this.$store.dispatch(`getSingle${dePluralize(type)}`, singlePostData.id)
     }
 }