tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Continues implementation of theme side of carousel.

This commit is contained in:
Mateus Machado Luna 2019-08-16 14:41:26 -03:00
parent 6ec7ccc0e1
commit 28a58fda22
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.vue
View File

@ -38,46 +38,47 @@
:href="collection.url" :href="collection.url"
target="_blank"> target="_blank">
<div class="collection-items-grid"> <div class="collection-items-grid">
<img <pre>{{ collectionItems[collection.id][0].thumbnail }}</pre>
<!-- <img
:src=" :src="
collectionItems[collectionId][0].thumbnail && collectionItems[collectionId][0].thumbnail['tainacan-medium'][0] && collectionItems[collectionId][0].thumbnail['tainacan-medium'][0] collectionItems[collection.id][0].thumbnail && collectionItems[collection.id][0].thumbnail['tainacan-medium'][0] && collectionItems[collection.id][0].thumbnail['tainacan-medium'][0]
? ?
collectionItems[collectionId][0].thumbnail['tainacan-medium'][0] collectionItems[collection.id][0].thumbnail['tainacan-medium'][0]
: :
(collectionItems[collectionId][0].thumbnail && collectionItems[collectionId][0].thumbnail['thumbnail'][0] && collectionItems[collectionId][0].thumbnail['thumbnail'][0] (collectionItems[collection.id][0].thumbnail && collectionItems[collection.id][0].thumbnail['thumbnail'][0] && collectionItems[collection.id][0].thumbnail['thumbnail'][0]
? ?
collectionItems[collectionId][0].thumbnail['thumbnail'][0] collectionItems[collection.id][0].thumbnail['thumbnail'][0]
: :
`${tainacan_plugin.base_url}/admin/images/placeholder_square.png`) `${tainacan_plugin.base_url}/admin/images/placeholder_square.png`)
" "
:alt=" collectionItems[collectionId][0].name ? collectionItems[collectionId][0].name : __( 'Thumbnail', 'tainacan' ) "> :alt=" collectionItems[collection.id][0].name ? collectionItems[collection.id][0].name : __( 'Thumbnail', 'tainacan' ) ">
<img <img
:src=" :src="
collectionItems[collectionId][1].thumbnail && collectionItems[collectionId][1].thumbnail['tainacan-medium'][0] && collectionItems[collectionId][1].thumbnail['tainacan-medium'][0] collectionItems[collection.id][1].thumbnail && collectionItems[collection.id][1].thumbnail['tainacan-medium'][0] && collectionItems[collection.id][1].thumbnail['tainacan-medium'][0]
? ?
collectionItems[collectionId][1].thumbnail['tainacan-medium'][0] collectionItems[collection.id][1].thumbnail['tainacan-medium'][0]
: :
(collectionItems[collectionId][1].thumbnail && collectionItems[collectionId][1].thumbnail['thumbnail'][0] && collectionItems[collectionId][1].thumbnail['thumbnail'][0] (collectionItems[collection.id][1].thumbnail && collectionItems[collection.id][1].thumbnail['thumbnail'][0] && collectionItems[collection.id][1].thumbnail['thumbnail'][0]
? ?
collectionItems[collectionId][1].thumbnail['thumbnail'][0] collectionItems[collection.id][1].thumbnail['thumbnail'][0]
: :
`${tainacan_plugin.base_url}/admin/images/placeholder_square.png`) `${tainacan_plugin.base_url}/admin/images/placeholder_square.png`)
" "
:alt=" collectionItems[collectionId][1].name ? collectionItems[collectionId][1].name : __( 'Thumbnail', 'tainacan' ) "> :alt=" collectionItems[collection.id][1].name ? collectionItems[collection.id][1].name : __( 'Thumbnail', 'tainacan' ) ">
<img <img
:src=" :src="
collectionItems[collectionId][2].thumbnail && collectionItems[collectionId][2].thumbnail['tainacan-medium'][0] && collectionItems[collectionId][2].thumbnail['tainacan-medium'][0] collectionItems[collection.id][2].thumbnail && collectionItems[collection.id][2].thumbnail['tainacan-medium'][0] && collectionItems[collection.id][2].thumbnail['tainacan-medium'][0]
? ?
collectionItems[collectionId][2].thumbnail['tainacan-medium'][0] collectionItems[collection.id][2].thumbnail['tainacan-medium'][0]
: :
(collectionItems[collectionId][2].thumbnail && collectionItems[collectionId][2].thumbnail['thumbnail'][0] && collectionItems[collectionId][2].thumbnail['thumbnail'][0] (collectionItems[collection.id][2].thumbnail && collectionItems[collection.id][2].thumbnail['thumbnail'][0] && collectionItems[collection.id][2].thumbnail['thumbnail'][0]
? ?
collectionItems[collectionId][2].thumbnail['thumbnail'][0] collectionItems[collection.id][2].thumbnail['thumbnail'][0]
: :
`${tainacan_plugin.base_url}/admin/images/placeholder_square.png`) `${tainacan_plugin.base_url}/admin/images/placeholder_square.png`)
" "
:alt=" collectionItems[collectionId][2].name ? collectionItems[collectionId][2].name : __( 'Thumbnail', 'tainacan' ) "> :alt=" collectionItems[collection.id][2].name ? collectionItems[collection.id][2].name : __( 'Thumbnail', 'tainacan' ) ">
</div> --> </div>
</a> </a>
</swiper-slide> </swiper-slide>
</swiper> </swiper>
@ -255,11 +256,13 @@ export default {
this.tainacanAxios.get('/collection/' + collection.id + '/items?perpage=3&fetch_only=name,url,thumbnail') this.tainacanAxios.get('/collection/' + collection.id + '/items?perpage=3&fetch_only=name,url,thumbnail')
.then(response => { return({ collectionId: collection.id, collectionItems: response.data.items }) }) .then(response => { return({ collectionId: collection.id, collectionItems: response.data.items }) })
); );
this.collections.push(collection);
} }
axios.all(promises).then((results) => { axios.all(promises).then((results) => {
for (let result of results) { for (let result of results) {
this.collectionItems[result.collectionId] = result.collectionItems; this.collectionItems[result.collectionId] = result.collectionItems;
} }
this.isLoading = false; this.isLoading = false;
}) })
} }