Ver código fonte

[ADD] undo feature

Gogs 7 anos atrás
pai
commit
4aaf62d183
2 arquivos alterados com 10 adições e 3 exclusões
  1. 4 1
      Cart.vue
  2. 6 2
      CartItem.vue

+ 4 - 1
Cart.vue

@@ -4,7 +4,7 @@
             h2.currency-cart-total {{ total | currency(...defaultOptions.currency) }}
         .cart-items-wrapper
             transition-group(name='list' tag='ul' class='cart-items')
-                cart-item(v-for='(item, index) in items' :key='index' :index='index' :item='item' @onChange='onItemChanged' @onClickIncrement='onIncrementQty' @onClickDecrement='onDecrementQty' @onClickMoney='onChangePrice' @onClickDelete='onDeleteItem' :options='defaultOptions.currency')
+                cart-item(v-for='(item, index) in items' :key='index' :index='index' :item='item' @onChange='onItemChanged' @onClickIncrement='onIncrementQty' @onClickDecrement='onDecrementQty' @onClickMoney='onChangePrice' @onClickUndo='onUndoPrice' @onClickDelete='onDeleteItem' :options='defaultOptions.currency')
 </template>
 
 <script>
@@ -62,6 +62,9 @@
             onChangePrice(item) {
                 this.$emit('onChangePrice', item)
             },
+            onUndoPrice(item) {
+                this.$emit('onUndoPrice', item)
+            },
             onDeleteItem(item) {
                 this.$emit('onDeleteItem', item)
             }

+ 6 - 2
CartItem.vue

@@ -10,7 +10,8 @@
             .cart-item-options
                 .cart-item-option(class='fa fa-plus' @click='onClickIncrement')
                 .cart-item-option(class='fa fa-minus' @click='onClickDecrement')
-                .cart-item-option(class="fa fa-money" @click='onClickMoney')
+                .cart-item-option(class='fa fa-money' @click='onClickMoney')
+                .cart-item-option(class='fa fa-undo' @click='onClickUndo')
                 .cart-item-option(class='fa fa-trash' @click='onClickDelete')
 </template>
 
@@ -59,6 +60,9 @@
             onClickMoney() {
                 this.$emit('onClickMoney', this.item)
             },
+            onClickUndo() {
+                this.$emit('onClickUndo', this.item)
+            },
             onClickDelete() {
                 this.$emit('onClickDelete', this.item)
             },
@@ -135,7 +139,7 @@
             display: flex
             justify-content: center
             .cart-item-options
-                width: 100px
+                width: 120px
                 height: 20px
                 border: 1px solid #d3d3d3
                 border-bottom: none