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-18 11:27:31 +03:00
parent 12349aa344
commit a65f3cdd96
2 changed files with 37 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/js/market.js
View file

@ -575,6 +575,9 @@ const market = async () => {
window.history.pushState({}, '', url) window.history.pushState({}, '', url)
// this.activePage = page // this.activePage = page
}, },
copyUrl: function () {
this.copyText(window.location)
},
copyText: function (text) { copyText: function (text) {
var notify = this.$q.notify var notify = this.$q.notify
Quasar.utils.copyToClipboard(text).then(function () { Quasar.utils.copyToClipboard(text).then(function () {

21
templates/nostrmarket/market.html
View file

@ -73,16 +73,23 @@
<div class="col-lg-2 col-md-1 col-sm-0"></div> <div class="col-lg-2 col-md-1 col-sm-0"></div>
<div class="col-lg-8 col-md-10 col-sm-12 auto-width"> <div class="col-lg-8 col-md-10 col-sm-12 auto-width">
<q-banner class="row q-pa-none q-mb-lg gt-sm shadow-2"> <q-banner class="row q-pa-none q-mb-lg gt-sm shadow-2">
<q-img v-if="bannerImage" :src="bannerImage" class="rounded-borders" <q-img v-if="bannerImage" :src="bannerImage" class="rounded-borders" style="width: 100%; height: 250px" cover>
style="width: 100%; height: 250px" cover>
<div v-if="config?.opts?.about" class="absolute-bottom text-subtitle1 text-center"> <div v-if="config?.opts?.about" class="absolute-bottom text-subtitle1 text-center">
<span v-text="config.opts.about"></span> <span v-text="config.opts.about"></span>
</div> </div>
</q-img> </q-img>
</q-banner> </q-banner>
<div>
<q-breadcrumbs class="cursor"> </div>
<q-breadcrumbs-el :label="config?.opts?.name || 'Market'" icon="home" @click="navigateTo('market')" class="cursor-pointer"> <div class="col-lg-2 col-md-1 col-sm-0 auto-width"></div>
</div>
<div class="row q-mb-sm">
<div class="col-lg-2 col-md-1 col-sm-0"></div>
<div class="col-lg-7 col-md-9 col-sm-12 auto-width">
<q-breadcrumbs class="cursor q-mt-sm">
<q-breadcrumbs-el :label="config?.opts?.name || 'Market'" icon="home" @click="navigateTo('market')"
class="cursor-pointer auto-width">
<q-checkbox v-model="groupByStall" v-if="activePage === 'market'" class="q-pl-md float-right" size="xs" <q-checkbox v-model="groupByStall" v-if="activePage === 'market'" class="q-pl-md float-right" size="xs"
val="xs" label="Group by stalls"></q-checkbox> val="xs" label="Group by stalls"></q-checkbox>
@ -101,7 +108,11 @@
icon="perm_identity"></q-breadcrumbs-el> icon="perm_identity"></q-breadcrumbs-el>
<q-breadcrumbs-el v-if="activePage === 'user-chat'" label="User Chat" icon="chat"></q-breadcrumbs-el> <q-breadcrumbs-el v-if="activePage === 'user-chat'" label="User Chat" icon="chat"></q-breadcrumbs-el>
</q-breadcrumbs> </q-breadcrumbs>
</div> </div>
<div class="col-lg-1 col-md-1 col-sm-0 gt-sm auto-width">
<q-btn v-if="activePage !== 'market'" flat color="grey" icon="content_copy" @click="copyUrl()" class="q-ml-sm float-right"></q-btn>
</div> </div>
<div class="col-lg-2 col-md-1 col-sm-0 auto-width"></div> <div class="col-lg-2 col-md-1 col-sm-0 auto-width"></div>
</div> </div>