Browse Source

[FIX] search in variants modal

Gogs 7 years ago
parent
commit
a80c6201b7
3 changed files with 11 additions and 2 deletions
  1. 4 1
      src/components/ProductSelector.vue
  2. 5 1
      src/store/modules/cart.js
  3. 2 0
      src/store/modules/products.js

+ 4 - 1
src/components/ProductSelector.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
     .product-selector
-        modal(name="product-selector" transition="nice-modal-fade" height="500")
+        modal(name="product-selector" transition="nice-modal-fade" height="500" @closed="handleClosed")
             input.variant-searcher(type="search" placeholder="Buscar una variante de producto" v-model="search")
             .product-variants
                 product-variant(v-for="variant in variants" :key="variant.id" :data="variant")
@@ -42,6 +42,9 @@
             fuzzySearch() {
                 this.results = this.fuse.search(this.search)
             },
+            handleClosed() {
+                this.search = ''
+            },
             ...mapActions([
                 'filterVariants'
             ])

+ 5 - 1
src/store/modules/cart.js

@@ -37,9 +37,13 @@ const mutations = {
 }
 
 const actions = {
-    addToCart({ commit }, payload) {
+    addToCart({ commit, dispatch }, payload) {
         commit('addToCart', payload)
         commit('calculateTotal')
+
+        dispatch('setSelectedProduct', {
+            product: null
+        })
     }
 }
 

+ 2 - 0
src/store/modules/products.js

@@ -58,6 +58,8 @@ const actions = {
         })
     },
     selectProduct({ commit, dispatch }, payload) {
+        console.log(payload)
+
         if (payload.item.variant_count > 1) {
             commit('setSelectedProduct', {
                 product: payload.item