From eb25f187cd1099e3177379a85161455f0ab8ca3b Mon Sep 17 00:00:00 2001
From: eduardohumberto <eduardo.humberto1992@gmail.com>
Date: Thu, 3 May 2018 21:37:26 -0300
Subject: [PATCH] list attachments of item, see #11

---
 src/admin/pages/singles/item-page.vue | 33 +++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/admin/pages/singles/item-page.vue b/src/admin/pages/singles/item-page.vue
index ccdae75fd..5dc6f1f98 100644
--- a/src/admin/pages/singles/item-page.vue
+++ b/src/admin/pages/singles/item-page.vue
@@ -5,13 +5,13 @@
                 :can-cancel="false"/>
         <div class="card">
             <div class="card-content">
-                
+
 				<router-link
                         class="card-footer-item"
                         :to="{ path: $routerHelper.getItemEditPath(collectionId, itemId)}">
                     {{ $i18n.get('edit') + ' ' + $i18n.get('item') }}
                 </router-link>
-				
+
 				<div
                         class="card-image"
                         v-if="item.document">
@@ -56,7 +56,20 @@
 
                 <div
                     class="box">
-                    <p>--</p>
+
+                    <div
+                        v-if="attachments && attachments.length > 0">
+                        <span
+                            v-for="(attachment, index) in attachments"
+                            :key="index"
+                            >
+                            <a
+                              target="blank"
+                              :href="attachment.guid.rendered">{{ attachment.guid.rendered }}</a>
+                        </span>
+                    </div>
+                    <p v-else>--</p>
+
                     <p>
                       <i>
                         {{ $i18n.get('label_attachments') }}
@@ -83,15 +96,20 @@ export default {
     },
     methods: {
         ...mapActions('item', [
-            'fetchItem'
+            'fetchItem',
+            'fetchAttachments'
         ]),
         ...mapGetters('item', [
-            'getItem'
+            'getItem',
+            'getAttachments'
         ]),
     },
     computed: {
         item(){
             return this.getItem();
+        },
+        attachments(){
+            return this.getAttachments();
         }
     },
     created(){
@@ -107,6 +125,11 @@ export default {
         this.fetchItem(this.itemId).then(() => {
             loadingInstance.isLoading = false;
         });
+
+        // Get attachments
+        this.fetchAttachments(this.itemId).then((result) => {
+            this.$console.log( result, 'attachments' );
+        });
     }
 
 }