From 9887ca884d191723bf92628f5f4d9dacfbd13140 Mon Sep 17 00:00:00 2001 From: Mateus Machado Luna Date: Thu, 22 Aug 2019 15:14:41 -0300 Subject: [PATCH] Continues theme side integration and loads collections without at leas three items. --- ...enberg-block-carousel-collections-list.css | 79 +++++++++++++++---- ...rg-block-carousel-collections-list.css.map | 2 +- .../carousel-collections-list-theme.vue | 30 +++---- .../carousel-collections-list.scss | 68 +++++++++++++--- .../carousel-collections-list/index.js | 22 +++--- 5 files changed, 149 insertions(+), 52 deletions(-) diff --git a/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css b/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css index 1d986ec8d..6253e773b 100644 --- a/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css +++ b/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css @@ -64,19 +64,33 @@ color: #555758; } .wp-block-tainacan-modal .spinner-container .components-spineer { margin: 8px; } + .wp-block-tainacan-modal .components-modal__header .components-icon-button { + padding-right: 0; } + .wp-block-tainacan-modal hr { + margin: 5px 0.75rem; } .wp-block-tainacan-modal .modal-search-area { display: flex; justify-content: center; - margin-bottom: 24px; } + margin-bottom: 14px; } .wp-block-tainacan-modal .modal-search-area .components-base-control { width: 60%; } @media only screen and (max-width: 1024px) { .wp-block-tainacan-modal .modal-search-area .components-base-control { width: 95%; } } - .wp-block-tainacan-modal .modal-search-area .components-base-control label { + .wp-block-tainacan-modal .modal-search-area .components-base-control:nth-child(2) { + flex-shrink: 2; } + .wp-block-tainacan-modal .modal-search-area .components-base-control .components-base-control__field { + flex-wrap: wrap; } + .wp-block-tainacan-modal .modal-search-area .components-base-control label.components-base-control__label { + font-weight: 500; + color: #454647; + font-size: 0.875rem; text-align: center; } + .wp-block-tainacan-modal .modal-search-area .components-base-control input.components-text-control__input { + padding: 5px 8px; + height: 28px; } .wp-block-tainacan-modal .modal-radio-area-label { - font-weight: bold; + font-weight: 500; margin-left: 1.75rem; } .wp-block-tainacan-modal .modal-checkbox-list, .wp-block-tainacan-modal .modal-radio-list .components-base-control__field { @@ -89,7 +103,8 @@ list-style-type: none; margin: 12px; max-height: 50vh; - overflow-y: auto; } + overflow-y: auto; + overflow-x: hidden; } .wp-block-tainacan-modal .modal-checkbox-list .components-base-control, .wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control { overflow: hidden; } @@ -200,6 +215,25 @@ line-height: 1.2rem; } .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container a:hover { text-decoration: none; } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(20% - 32px); + min-width: calc(20% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid a { + width: 100%; + display: block; } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid { + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 50% 50%; + width: 100%; } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid img:first-of-type { + grid-column-start: 1; + grid-column-end: span 2; + grid-row-start: 1; + grid-row-end: span 2; } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid .collection-items-grid img { + padding: 2px; + margin-bottom: 0px; } .wp-block-tainacan-carousel-collections-list .preview-warning { width: 100%; font-size: 0.875rem; @@ -254,8 +288,8 @@ width: calc(14.286% - 32px); min-width: calc(14.286% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid { - width: calc(16.666% - 32px); - min-width: calc(16.666% - 32px); } + width: calc(20% - 32px); + min-width: calc(20% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item a { color: #454647; font-weight: bold; @@ -310,35 +344,50 @@ width: calc(16.666% - 32px); min-width: calc(16.666% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid { - width: calc(20% - 32px); - min-width: calc(20% - 32px); } } + width: calc(25% - 32px); + min-width: calc(25% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(25% - 32px); + min-width: calc(25% - 32px); } } @media only screen and (max-width: 1452px) { .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item { width: calc(20% - 32px); min-width: calc(20% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid { - width: calc(25% - 32px); - min-width: calc(25% - 32px); } } + width: calc(33.333% - 32px); + min-width: calc(33.333% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(33.333% - 32px); + min-width: calc(33.333% - 32px); } } @media only screen and (max-width: 1118px) { .wp-block-tainacan-carousel-collections-list ul.collections-edit li.collection-list-item { width: calc(25% - 32px); min-width: calc(25% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-edit li.collection-list-item.collection-list-item-grid { - width: calc(33.333% - 32px); - min-width: calc(33.333% - 32px); } } + width: calc(50% - 32px); + min-width: calc(50% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(50% - 32px); + min-width: calc(50% - 32px); } } @media only screen and (max-width: 854px) { .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item { width: calc(33.333% - 32px); min-width: calc(33.333% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid { - width: calc(50% - 32px); - min-width: calc(50% - 32px); } } + width: calc(100% - 32px); + min-width: calc(100% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(100% - 32px); + min-width: calc(100% - 32px); } } @media only screen and (max-width: 584px) { .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item { width: calc(50% - 32px); min-width: calc(50% - 32px); } .wp-block-tainacan-carousel-collections-list ul.collections-list-edit li.collection-list-item.collection-list-item-grid { width: calc(100% - 32px); - min-width: calc(100% - 32px); } } + min-width: calc(100% - 32px); } + .wp-block-tainacan-carousel-collections-list .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(100% - 32px); + min-width: calc(100% - 32px); } } /*# sourceMappingURL=tainacan-gutenberg-block-carousel-collections-list.css.map */ diff --git a/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css.map b/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css.map index 3d4dccb8e..bf8ccec28 100644 --- a/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css.map +++ b/src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss"], "names": [], "file": "tainacan-gutenberg-block-carousel-collections-list.css" diff --git a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.vue b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.vue index 2d919e3b4..b60f3707d 100644 --- a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.vue +++ b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.vue @@ -38,47 +38,47 @@ :href="collection.url" target="_blank">
- 
{{ collectionItems[collection.id][0].thumbnail }}
-
+ :alt="collectionItems[collection.id][2] && collectionItems[collection.id][2].name ? collectionItems[collection.id][2].name : $root.__( 'Thumbnail', 'tainacan' ) "> + + {{ collection.name ? collection.name : '' }} diff --git a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss index 5838d42bb..35870d8cd 100644 --- a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss +++ b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss @@ -65,6 +65,33 @@ a:hover { text-decoration: none; } + + .swiper-slide.collection-list-item-grid { + width: calc(20% - 32px); + min-width: calc(20% - 32px); + a { + width: 100%; + display: block; + } + .collection-items-grid { + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 50% 50%; + width: 100%; + + img:first-of-type { + grid-column-start: 1; + grid-column-end: span 2; + grid-row-start: 1; + grid-row-end: span 2; + } + + img { + padding: 2px; + margin-bottom: 0px; + } + } + } } } @@ -135,8 +162,8 @@ min-width: calc(14.286% - 32px); &.collection-list-item-grid { - width: calc(16.666% - 32px); - min-width: calc(16.666% - 32px); + width: calc(20% - 32px); + min-width: calc(20% - 32px); } a { @@ -147,7 +174,6 @@ img { height: auto; - padding: 0px; margin-bottom: 0.5rem; } @@ -215,10 +241,14 @@ min-width: calc(16.666% - 32px); &.collection-list-item-grid { - width: calc(20% - 32px); - min-width: calc(20% - 32px); + width: calc(25% - 32px); + min-width: calc(25% - 32px); } } + .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(25% - 32px); + min-width: calc(25% - 32px); + } } @media only screen and (max-width: 1452px) { @@ -227,10 +257,14 @@ min-width: calc(20% - 32px); &.collection-list-item-grid { - width: calc(25% - 32px); - min-width: calc(25% - 32px); + width: calc(33.333% - 32px); + min-width: calc(33.333% - 32px); } } + .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(33.333% - 32px); + min-width: calc(33.333% - 32px); + } } @media only screen and (max-width: 1118px) { @@ -239,10 +273,14 @@ min-width: calc(25% - 32px); &.collection-list-item-grid { - width: calc(33.333% - 32px); - min-width: calc(33.333% - 32px); + width: calc(50% - 32px); + min-width: calc(50% - 32px); } } + .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(50% - 32px); + min-width: calc(50% - 32px); + } } @media only screen and (max-width: 854px) { @@ -251,10 +289,14 @@ min-width: calc(33.333% - 32px); &.collection-list-item-grid { - width: calc(50% - 32px); - min-width: calc(50% - 32px); + width: calc(100% - 32px); + min-width: calc(100% - 32px); } } + .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(100% - 32px); + min-width: calc(100% - 32px); + } } @media only screen and (max-width: 584px) { @@ -267,6 +309,10 @@ min-width: calc(100% - 32px); } } + .tainacan-carousel .swiper-container .swiper-slide.collection-list-item-grid { + width: calc(100% - 32px); + min-width: calc(100% - 32px); + } } } diff --git a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js index fd3446f5d..35e3e8363 100644 --- a/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js +++ b/src/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js @@ -141,43 +141,43 @@ registerBlockType('tainacan/carousel-collections-list', {
{ + alt={ collectionItems[0] && collectionItems[0].name ? collectionItems[0].name : __( 'Thumbnail', 'tainacan' ) }/> { + alt={ collectionItems[1] && collectionItems[1].name ? collectionItems[1].name : __( 'Thumbnail', 'tainacan' ) }/> { + alt={ collectionItems[2] && collectionItems[2].name ? collectionItems[2].name : __( 'Thumbnail', 'tainacan' ) }/>
: { if (showCollectionThumbnail) { - collections.push(prepareItem(collection)); + for (let collection of response.data) { + collections.push(prepareItem(collection)); + } setAttributes({ content:
, collections: collections,