81 lines
No EOL
2.5 KiB
HTML
81 lines
No EOL
2.5 KiB
HTML
<div>
|
|
<q-card v-if="!merchantOrders?.length" bordered class="q-mb-md">
|
|
<q-card-section>
|
|
<strong>No products in cart!</strong>
|
|
</q-card-section>
|
|
</q-card>
|
|
<div v-for="merchant in merchantOrders">
|
|
|
|
|
|
|
|
<q-card bordered class="q-mb-md">
|
|
<q-item>
|
|
<q-item-section avatar>
|
|
<q-avatar>
|
|
<img v-if="merchant?.profile?.picture" :src="merchant?.profile?.picture">
|
|
<img v-else src="/nostrmarket/static/images/blank-avatar.webp">
|
|
</q-avatar>
|
|
</q-item-section>
|
|
|
|
<q-item-section>
|
|
<q-item-label>
|
|
<strong>
|
|
<!-- <span v-text="cart.products[0]?.stallName"></span> -->
|
|
Todo: merchant name
|
|
</strong>
|
|
</q-item-label>
|
|
<q-item-label caption>
|
|
By
|
|
<!-- <span v-text="cart.merchant?.profile?.name || cart.merchant?.publicKey"></span> -->
|
|
<span v-text="merchant.pubkey"></span>
|
|
</q-item-label>
|
|
</q-item-section>
|
|
|
|
</q-item>
|
|
|
|
<q-separator />
|
|
|
|
<q-card-section horizontal>
|
|
|
|
<q-card-section class="col-12">
|
|
<q-list class="q-mt-md">
|
|
<div v-for="order in merchant.orders" :key="order.id" class="q-mb-md">
|
|
<q-expansion-item>
|
|
|
|
<template v-slot:header>
|
|
<q-item-section class="q-mt-sm">
|
|
<q-item-label><strong> <span v-text="stallNameForOrder(order)"></span> </strong></q-item-label>
|
|
<q-item-label>
|
|
<div class="text-caption text-grey ellipsis-2-lines">
|
|
<p>xxxx</p>
|
|
</div>
|
|
</q-item-label>
|
|
</q-item-section>
|
|
|
|
<q-item-section side>
|
|
<div>
|
|
<q-badge :color="order.paid ? 'green' : 'gray'"><span
|
|
v-text="order.paid ? 'Paid' : 'Not Paid'"></span></q-badge>
|
|
<q-badge :color="order.shipped ? 'green' : 'gray'"><span
|
|
v-text="order.paid ? 'Shipped' : 'Not Shipped'"></span></q-badge>
|
|
</div>
|
|
</q-item-section>
|
|
</template>
|
|
<q-card-section class="q-pa-none">
|
|
<q-separator></q-separator>
|
|
xxxx
|
|
</q-card-section>
|
|
|
|
|
|
</q-expansion-item>
|
|
<q-separator></q-separator>
|
|
</div>
|
|
</q-list>
|
|
</q-card-section>
|
|
</q-card-section>
|
|
|
|
</q-card>
|
|
|
|
</div>
|
|
|
|
</div> |