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

feat: more fields to shopping card

Browse source
This commit is contained in:
Vlad Stan 2023-07-06 17:19:39 +03:00
parent 21aa44a44f
commit 52c987b88e
3 changed files with 61 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -25,15 +25,57 @@
<q-separator /> <q-separator />
<q-card-section horizontal> <q-card-section horizontal>
<q-card-section> <!-- <q-card-section >
xxx
</q-card-section> </q-card-section>
<q-separator vertical /> <q-separator vertical /> -->
<q-card-section class="col-10"> <q-card-section class="col-12 q-ml-xl">
<div v-for="product in cart.products"> <q-list class="q-mt-md">
{{product.name}} <q-item v-for="product in cart.products" :key="product.id">
</div>
<q-item-section avatar>
<q-avatar>
<img v-if="product.images[0] || product.image" :src="product.images[0] || product.image" />
<img v-else src="/nostrmarket/static/images/placeholder.png" />
</q-avatar>
</q-item-section>
<q-item-section class="q-mt-sm">
<q-item-label>{{ product.name}}</q-item-label>
<q-item-label>
<div class="text-caption text-grey ellipsis-2-lines">
<p>{{ product.description }}</p>
</div>
</q-item-label>
</q-item-section>
<q-item-section class="q-mt-sm">
<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-mt-sm">
<q-input v-model.number="product.orderedQuantity" type="number" rounded outlined
:max="products.quantity"></q-input>
</q-item-section>
<q-item-section>
<!-- @click="add(p.id)" -->
<q-item-label class="q-pl-md"><q-btn color="green" size="xs" icon="add" /></q-item-label>
</q-item-section>
<q-item-section>
<q-item-label><strong>{{ formatCurrency(product.price * product.orderedQuantity, product.currency)}}
</strong></q-item-label>
</q-item-section>
<q-item-section side>
<div class="q-pr-xl">
<q-btn class="gt-xs" size="12px" flat dense round icon="delete"
@click="removeProduct(product.stall_id, product.id)" />
</div>
</q-item-section>
</q-item>
</q-list>
</q-card-section> </q-card-section>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />

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

@ -11,7 +11,12 @@ async function shoppingCartList(path) {
}, },
computed: {}, computed: {},
methods: { methods: {
formatCurrency: function(value, unit){
return formatCurrency(value, unit)
},
removeProduct: function (stallId, productId) {
console.log('### stallId, productId', stallId, productId)
}
}, },
created() { } created() { }
}) })

7
static/js/utils.js
View file

@ -136,4 +136,11 @@ function isValidKey(key, prefix = 'n') {
function isValidKeyHex(key) { function isValidKeyHex(key) {
return key?.toLowerCase()?.match(/^[0-9a-f]{64}$/) return key?.toLowerCase()?.match(/^[0-9a-f]{64}$/)
}
function formatCurrency(value, currency) {
return new Intl.NumberFormat(window.LOCALE, {
style: 'currency',
currency: currency
}).format(value)
} }