lnbits-exts/nostrmarket
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: change quantity from shopping cart

Browse source
This commit is contained in:
Vlad Stan 2023-07-07 09:56:45 +03:00
parent a77f3772f6
commit 2b0664b613
3 changed files with 15 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

17
static/components/shopping-cart-list/shopping-cart-list.html
View file

@ -20,16 +20,14 @@
By <span v-text="cart.merchant?.profile?.name || cart.merchant?.publicKey"></span>
</q-item-label>
</q-item-section>
<q-item-section side>
</q-item-section>
</q-item>
<q-separator />
<q-card-section horizontal>
<!-- <q-card-section >
xxx
</q-card-section>
<q-separator vertical /> -->
<q-card-section class="col-12">
<q-list class="q-mt-md">
@ -53,9 +51,9 @@
<q-item-label><strong>{{ formatCurrency(product.price, product.currency)}}</strong></q-item-label>
<q-item-label></q-item-label>
</q-item-section>
<!-- @change="addQty(p.id, p.quantity)" -->
<!-- " -->
<q-item-section class="q-ma-sm">
<q-input v-model.number="product.orderedQuantity" type="number" rounded outlined min="1"
<q-input v-model.number="product.orderedQuantity" @change="quantityChanged(product)" type="number" rounded outlined min="1"
:max="product.quantity"></q-input>
</q-item-section>
@ -78,10 +76,7 @@
<q-separator />
<q-card-actions align="right">
<q-btn flat round icon="event" />
<q-btn flat>
7:30PM
</q-btn>
Total: <strong class="q-ma-md"> {{cartTotalFormatted(cart)}} </strong>
<q-btn flat color="primary">
Proceed to Checkout
</q-btn>

9
static/components/shopping-cart-list/shopping-cart-list.js
View file

@ -14,9 +14,16 @@ async function shoppingCartList(path) {
formatCurrency: function (value, unit) {
return formatCurrency(value, unit)
},
cartTotalFormatted(cart) {
if (!cart.products?.length) return ""
const total = cart.products.reduce((t, p) => p.price + t, 0)
return formatCurrency(total, cart.products[0].currency)
},
removeProduct: function (stallId, productId) {
console.log('### stallId, productId', stallId, productId)
this.$emit('remove-from-cart', { stallId, productId })
},
quantityChanged: function (product) {
this.$emit('add-to-cart', product)
}
},
created() { }