:recycle: fixing attrs for attachment endpoint | adjusting single template to use new gallery data

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

@@ -57,7 +57,7 @@ class Make_Endpoint_For extends WP_REST_Controller {
         $all_image_ids_in_gallery = array();
         $all_image_ids = array();
         foreach ($galleries as $gallery) {
-            array_push($all_image_ids_in_gallery, $gallery[ids]);
+            array_push($all_image_ids_in_gallery, $gallery[attrs][ids]);
         }
         foreach ($all_image_ids_in_gallery as $ids) {
             foreach ($ids as $id) {

vue-theme/src/pages/single.vue

@@ -14,8 +14,9 @@
             //- ?: are objects are always gallery blocks
             .gallery.block(v-if="typeof block === 'object'" :class="`gallery-${i}`")
                 p gallery number: {{ i }}
-                ul.t-cntr 
-                    li(v-for="(imageID, j) in post.galleries[block.gallery].ids" :class="`gallery-${i}--image-${j+1}`" :key="`block-${i}-${j}`")
+                p ids: {{ post.galleries[block.gallery].innerHTML }}
+                ul.t-cntr(v-if="post.galleries[block.gallery]")
+                    li(v-for="(imageID, j) in getImageIdsForGallery(block.gallery)" :class="`gallery-${i}--image-${j+1}`" :key="`block-${i}-${j}`")
                         img(@click="openGallery(i - 1, imageID)" :src="post.attached[imageID]['thumbnail']")
                         //- TO DO Caption stuff and full screen Title/Description
                         p Caption goes here<br>
@@ -86,6 +87,9 @@ export default {
             }, {})
         },
 
+        idsForGallery() {
+            return this.post.galleries[this.activeGalleryIndex].attrs.ids
+        },
         /**
          * We need a convenient way to get all the images
          * broken down by gallery. We use the active gallery
@@ -98,7 +102,7 @@ export default {
             // {
             //     imageId: { 'thumbnail': url, 'large': url }
             // }
-            return this.post.galleries[this.activeGalleryIndex].ids.reduce((imageMap, id) => {
+            return this.idsForGallery.reduce((imageMap, id) => {
                 imageMap[id] = this.post.attached[id]
                 return imageMap
             }, {})
@@ -108,6 +112,10 @@ export default {
         }
     },
     methods: {
+        getImageIdsForGallery(galleryIndex) {
+            console.log(galleryIndex)
+            return galleryIndex >= 0 ? this.post.galleries[galleryIndex].attrs.ids : []
+        },
         /**
          * We set the active gallery to the index.
          * Everything kicks off when activeGallery