From bb6d9d9bbafb9bf3da8f06b7ebabecd9ab23c135 Mon Sep 17 00:00:00 2001 From: Vishal Sutariya Date: Fri, 17 May 2019 10:36:55 +0530 Subject: [PATCH 01/47] Added badges to the icon to display item count --- .../components/blocks/Header/CompareIcon.js | 3 +++ .../components/blocks/Header/WishlistIcon.js | 3 +++ .../compare/components/CompareButton.ts | 3 +++ core/modules/compare/store/getters.ts | 3 ++- .../wishlist/components/WishlistButton.ts | 5 +++++ core/modules/wishlist/store/index.ts | 3 ++- .../core/blocks/Header/CompareIcon.vue | 17 +++++++++++++++++ .../core/blocks/Header/WishlistIcon.vue | 19 ++++++++++++++++++- 8 files changed, 53 insertions(+), 3 deletions(-) diff --git a/core/compatibility/components/blocks/Header/CompareIcon.js b/core/compatibility/components/blocks/Header/CompareIcon.js index 5b12a1638c..26922ae0a1 100644 --- a/core/compatibility/components/blocks/Header/CompareIcon.js +++ b/core/compatibility/components/blocks/Header/CompareIcon.js @@ -7,6 +7,9 @@ export default { isActive () { // Computed Property renamed to 'isEmpty' return !this.isEmpty + }, + getTotalProducts () { + return this.totalProducts } } } diff --git a/core/compatibility/components/blocks/Header/WishlistIcon.js b/core/compatibility/components/blocks/Header/WishlistIcon.js index 8cc9d63afe..76d9679613 100644 --- a/core/compatibility/components/blocks/Header/WishlistIcon.js +++ b/core/compatibility/components/blocks/Header/WishlistIcon.js @@ -13,6 +13,9 @@ export default { // deprecated in this component isWishlistOpen () { return this.$store.state.ui.wishlist + }, + getwishlistItemsCount () { + return this.$store.getters['wishlist/wishlistItemCount'] } }, methods: { diff --git a/core/modules/compare/components/CompareButton.ts b/core/modules/compare/components/CompareButton.ts index 704aef9fd8..bbe89168ac 100644 --- a/core/modules/compare/components/CompareButton.ts +++ b/core/modules/compare/components/CompareButton.ts @@ -6,6 +6,9 @@ export const CompareButton = { computed: { isEmpty () : boolean { return this.$store.getters['compare/isEmpty'] + }, + totalProducts () { + return this.$store.getters['compare/totalProducts'] } } } diff --git a/core/modules/compare/store/getters.ts b/core/modules/compare/store/getters.ts index c5aeb19d8b..e693c3c069 100644 --- a/core/modules/compare/store/getters.ts +++ b/core/modules/compare/store/getters.ts @@ -5,7 +5,8 @@ import CompareState from '../types/CompareState' const getters: GetterTree = { isEmpty: (state) => state.items.length === 0, isOnCompare: (state) => (product) => state.items.find(p => p.sku === product.sku), - isCompareLoaded: state => state.loaded + isCompareLoaded: state => state.loaded, + totalProducts: (state) => state.items.length } export default getters diff --git a/core/modules/wishlist/components/WishlistButton.ts b/core/modules/wishlist/components/WishlistButton.ts index d3555c3aae..f50db465cd 100644 --- a/core/modules/wishlist/components/WishlistButton.ts +++ b/core/modules/wishlist/components/WishlistButton.ts @@ -3,5 +3,10 @@ export const WishlistButton = { toggleWishlist () { this.$store.dispatch('ui/toggleWishlist') } + }, + computed: { + wishlistItemsCount () { + return this.$store.getters['wishlist/wishlistItemCount'] + } } } \ No newline at end of file diff --git a/core/modules/wishlist/store/index.ts b/core/modules/wishlist/store/index.ts index c770df0e70..62f9bd6dbc 100644 --- a/core/modules/wishlist/store/index.ts +++ b/core/modules/wishlist/store/index.ts @@ -13,7 +13,8 @@ export const module:Module = { actions, mutations, getters: { - isWishlistLoaded: state => state.loaded + isWishlistLoaded: state => state.loaded, + wishlistItemCount: (state) => state.items.length } } diff --git a/src/themes/default/components/core/blocks/Header/CompareIcon.vue b/src/themes/default/components/core/blocks/Header/CompareIcon.vue index 067b762e6c..21c66db9c7 100644 --- a/src/themes/default/components/core/blocks/Header/CompareIcon.vue +++ b/src/themes/default/components/core/blocks/Header/CompareIcon.vue @@ -1,6 +1,13 @@ @@ -11,3 +18,13 @@ export default { mixins: [CompareIcon] } + + diff --git a/src/themes/default/components/core/blocks/Header/WishlistIcon.vue b/src/themes/default/components/core/blocks/Header/WishlistIcon.vue index df5c2bc4c5..8d7dd450c5 100644 --- a/src/themes/default/components/core/blocks/Header/WishlistIcon.vue +++ b/src/themes/default/components/core/blocks/Header/WishlistIcon.vue @@ -1,11 +1,18 @@ @@ -16,3 +23,13 @@ export default { mixins: [WishlistIcon] } + + From d562a39fcd88f4274447ee0dfedab474e15a2a70 Mon Sep 17 00:00:00 2001 From: miluka Date: Mon, 10 Jun 2019 09:40:38 +0200 Subject: [PATCH 02/47] Links product in the wishlist with a proper variant. --- .../core/blocks/Wishlist/Product.vue | 43 +++++++++++-------- 1 file changed, 24 insertions(+), 19 deletions(-) diff --git a/src/themes/default/components/core/blocks/Wishlist/Product.vue b/src/themes/default/components/core/blocks/Wishlist/Product.vue index 3fc70abc33..61008fb43b 100644 --- a/src/themes/default/components/core/blocks/Wishlist/Product.vue +++ b/src/themes/default/components/core/blocks/Wishlist/Product.vue @@ -1,52 +1,57 @@