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

fix naming

Browse source
This commit is contained in:
Tiago Vasconcelos 2023-03-02 15:36:42 +00:00
parent 27557aec9f
commit 4fa136164a
1 changed files with 79 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

153
static/components/customer-market/customer-market.html
View file

@ -1,83 +1,88 @@
<div class="row q-col-gutter-md"> <div>
<div <q-toolbar>
class="col-xs-12 col-sm-6 col-md-4 col-lg-3" <q-breadcrumbs>
v-for="item in products" <q-breadcrumbs-el label="Market" icon="home"></q-breadcrumbs-el>
:key="item.id" </q-breadcrumbs>
> </q-toolbar>
<q-card class="card--product"> <div class="row q-col-gutter-md">
<q-img <div
:src="item.image ? item.image : '/nostrmarket/static/images/placeholder.png'" class="col-xs-12 col-sm-6 col-md-4 col-lg-3"
alt="Product Image" v-for="(item, idx) in products"
loading="lazy" :key="idx"
spinner-color="white" >
fit="contain" <q-card class="card--product">
height="300px" <q-img
></q-img> :src="item.image ? item.image : '/nostrmarket/static/images/placeholder.png'"
alt="Product Image"
loading="lazy"
spinner-color="white"
fit="contain"
height="300px"
></q-img>
<q-card-section class="q-pb-xs q-pt-md"> <q-card-section class="q-pb-xs q-pt-md">
<div class="row no-wrap items-center"> <div class="row no-wrap items-center">
<div class="col text-subtitle2 ellipsis-2-lines"> <div class="col text-subtitle2 ellipsis-2-lines">
{{ item.product }} {{ item.name }}
</div>
</div> </div>
</div>
<!-- <q-rating v-model="stars" color="orange" :max="5" readonly size="17px"></q-rating> --> <!-- <q-rating v-model="stars" color="orange" :max="5" readonly size="17px"></q-rating> -->
</q-card-section> </q-card-section>
<q-card-section class="q-py-sm"> <q-card-section class="q-py-sm">
<div> <div>
<div class="text-caption text-weight-bolder"> <div class="text-caption text-weight-bolder">
{{ item.stallName }} {{ item.stallName }}
</div>
<span v-if="item.currency == 'sat'">
<span class="text-h6">{{ item.price }} sats</span
><span class="q-ml-sm text-grey-6"
>BTC {{ (item.price / 1e8).toFixed(8) }}</span
>
</span>
<span v-else>
<span class="text-h6">{{ item.formatedPrice }}</span>
<span v-if="exchangeRates" class="q-ml-sm text-grey-6"
>({{ item.priceInSats }} sats)</span
>
</span>
<span
class="q-ml-md text-caption text-green-8 text-weight-bolder q-mt-md"
>{{ item.amount }} left</span
>
</div> </div>
<span v-if="item.currency == 'sat'"> <div v-if="item.categories" class="text-subtitle1">
<span class="text-h6">{{ item.price }} sats</span <q-chip v-for="(cat, i) in item.categories" :key="i" dense
><span class="q-ml-sm text-grey-6" >{{cat}}</q-chip
>BTC {{ (item.price / 1e8).toFixed(8) }}</span
> >
</span> </div>
<span v-else> <div
<span class="text-h6">{{ item.formatedPrice }}</span> class="text-caption text-grey ellipsis-2-lines"
<span v-if="exchangeRates" class="q-ml-sm text-grey-6" style="min-height: 40px"
>({{ item.priceInSats }} sats)</span >
<p v-if="item.description">{{ item.description }}</p>
</div>
</q-card-section>
<q-separator></q-separator>
<q-card-actions>
<span>Stall: {{ item.stallName }}</span>
<div class="q-ml-auto">
<q-btn flat dense>See product</q-btn>
<q-btn
flat
class="text-weight-bold text-capitalize q-ml-auto"
dense
color="primary"
@click="$emit('change-page', 'stall', {stall: item.stall, pubkey: item.pubkey})"
> >
</span> Visit Stall
<span </q-btn>
class="q-ml-md text-caption text-green-8 text-weight-bolder q-mt-md" </div>
>{{ item.amount }} left</span </q-card-actions>
> </q-card>
</div> </div>
<div v-if="item.categories" class="text-subtitle1">
<q-chip v-for="(cat, i) in item.categories.split(',')" :key="i" dense
>{{cat}}</q-chip
>
</div>
<div
class="text-caption text-grey ellipsis-2-lines"
style="min-height: 40px"
>
<p v-if="item.description">{{ item.description }}</p>
</div>
</q-card-section>
<q-separator></q-separator>
<q-card-actions>
<span>Stall: {{ item.stallName }}</span>
<div class="q-ml-auto">
<q-btn flat dense>See product</q-btn>
<q-btn
flat
class="text-weight-bold text-capitalize q-ml-auto"
dense
color="primary"
type="a"
:href="'/market/stalls/' + item.stall"
target="_blank"
>
Visit Stall
</q-btn>
</div>
</q-card-actions>
</q-card>
</div> </div>
</div> </div>