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

feat: UI improvements

Browse source
This commit is contained in:
Vlad Stan 2023-07-12 12:08:16 +03:00
parent 84807367c3
commit e90d0161eb
4 changed files with 35 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

25
static/components/shopping-cart-checkout/shopping-cart-checkout.html
View file

@ -25,14 +25,24 @@
<q-separator />
<q-card-section v-if="orderConfirmed">
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Message:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.message" outlined type="textarea" rows="3"
label="Message (optional)" hint="Message merchant about additional order needs"></q-input>
</div>
</div>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Address:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.address" outlined
label="Address (required for physical shipping)"></q-input>
<q-input v-model.trim="contactData.address" outlined type="textarea" rows="3"
label="Address (optional)" hint="Must provide for physical shipping">
</q-input>
</div>
</div>
@ -48,13 +58,15 @@
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Message:</strong>
<strong>Npub:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.message" outlined type="textarea" rows="3"
label="Message to Merchant (optional)"></q-input>
<q-input v-model.trim="contactData.npub" outlined label="Alternative Npub (optional)"
hint="Use a different Npub to communicate with the merchant"></q-input>
</div>
</div>
</q-card-section>
<q-card-section v-else horizontal>
@ -126,6 +138,9 @@
</q-btn>
</div>
<div v-else>
<q-btn @click="goToShoppingCart" flat color="gray">
Back
</q-btn>
<q-btn @click="orderConfirmed = true" flat color="primary">
Confirm
</q-btn>

11
static/components/shopping-cart-checkout/shopping-cart-checkout.js
View file

@ -13,6 +13,7 @@ async function shoppingCartCheckout(path) {
shippingZone: null,
contactData: {
email: null,
npub: null,
address: null,
message: null
},
@ -61,8 +62,6 @@ async function shoppingCartCheckout(path) {
},
async placeOrder() {
console.log('### placeOrder cart', this.cart)
console.log('### placeOrder stal', this.stall)
if (!this.shippingZone) {
this.$q.notify({
timeout: 5000,
@ -79,7 +78,7 @@ async function shoppingCartCheckout(path) {
address: this.contactData.address,
message: this.contactData.message,
contact: {
nostr: this.customerPubkey,
nostr: this.contactData.npub,
email: this.contactData.email
},
items: Array.from(this.cart.products, p => {
@ -103,12 +102,12 @@ async function shoppingCartCheckout(path) {
this.$emit('place-order', { event, order })
},
goToShoppingCart: function(){
this.$emit('change-page', 'shopping-cart-list')
}
},
created() {
console.log('### shoppingCartCheckout', this.stall)
if (this.stall.shipping?.length === 1) {
this.shippingZone = this.stall.shipping[0]
}