Adds metadata listing on ListItems from item query. Fixes deletion issue on Item and Collection Table.

src/admin/components/collections-list.vue

@@ -107,7 +107,8 @@ export default {
             this.$dialog.confirm({
                 message: 'Deseja realmente deletar esta Coleção?',
                 onConfirm: () => {
-                    this.deleteCollection(collectionId).then(() =>
+                    this.deleteCollection(collectionId).then(() => {
+                        this.loadCollections();
                         this.$toast.open({
                             duration: 3000,
                             message: `Coleção deletada`,
@@ -115,7 +116,11 @@ export default {
                             type: 'is-secondary',
                             queue: true
                         })
-                    ).catch(() =>
+                        for (let i = 0; i < this.selectedCollections.length; i++) {
+                            if (this.selectedCollections[i].id == this.collectionId)
+                                this.selectedCollections.splice(i, 1);
+                        }
+                    }).catch(() =>
                         this.$toast.open({
                             duration: 3000,
                             message: `Erro ao deletar coleção`,
@@ -135,6 +140,7 @@ export default {
                     for (let collection of this.selectedCollections) {
                         this.deleteCollection(collection.id)
                         .then((res) => {
+                            this.loadCollections();
                             this.$toast.open({
                                 duration: 3000,
                                 message: `Coleção deletada`,

src/admin/components/items-list.vue

@@ -63,13 +63,15 @@
                         :key="index"
                         :label="column.label"
                         :visible="column.visible">
-                        <template v-if="column.field != 'featured_image'">{{ props.row[column.field] }}</template>
+                        <template v-if="column.field != 'featured_image'">{{ 
+                            props.row.metadata[column.label].multiple == 'yes' ? props.row.metadata[column.label].value.join(', ') : props.row.metadata[column.label].value 
+                        }}</template>
                         <template v-if="column.field == 'featured_image'">
                             <img class="table-thumb" :src="`${ props.row[column.field] }`"/>
                         </template>
                     </b-table-column>
 
-                    <b-table-column label="Ações"  width="110">
+                    <b-table-column label="Ações">
                         <router-link :to="`/collections/${collectionId}/items/${props.row.id}/edit`" tag="a"><b-icon icon="pencil"></router-link>
                         <a><b-icon icon="delete" @click.native="deleteOneItem(props.row.id)"></a>
                         <a><b-icon icon="dots-vertical" @click.native="showMoreItem(props.row.id)"></a> 
@@ -131,23 +133,29 @@ export default {
             this.$dialog.confirm({
                 message: 'Deseja realmente deletar este Item?',
                 onConfirm: () => {
-                    this.deleteItem(itemId).then(() =>
+                    this.deleteItem(itemId).then((res) => {
+                        this.loadItems();
                         this.$toast.open({
                             duration: 3000,
                             message: `Item deletado`,
                             position: 'is-bottom',
                             type: 'is-secondary',
                             queue: true
-                        })
-                    ).catch(() =>
-                        this.$toast.open({
+                        });
+                        for (let i = 0; i < this.selectedItems.length; i++) {
+                            if (this.selectedItems[i].id == this.itemId)
+                                this.selectedItems.splice(i, 1);
+                        }
+                    }).catch(( error ) => {
+
+                        this.$toast.open({ 
                             duration: 3000,
                             message: `Erro ao deletar item`,
                             position: 'is-bottom',
                             type: 'is-danger',
                             queue: true
                         })
-                    );
+                    });
                 }
             });
         },
@@ -159,13 +167,15 @@ export default {
                     for (let item of this.selectedItems) {
                         this.deleteItem(item.id)
                         .then((res) => {
+                            this.loadItems();
                             this.$toast.open({
                                 duration: 3000,
                                 message: `Item deletado`,
                                 position: 'is-bottom',
                                 type: 'is-secondary',
                                 queue: false
-                            })                            
+                            });
+                                                      
                         }).catch((err) => { 
                             this.$toast.open({
                                 duration: 3000,

src/js/store/modules/collection/actions.js

@@ -18,7 +18,7 @@ export const deleteItem = ({ commit }, item_id ) => {
         .then( res => {
             commit('deleteItem', { id: item_id });
             resolve( res );
-        }).catch( err => { 
+        }).catch((error) => { 
             reject( error );
         });