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

feat: infinite scroll for market

Browse source
This commit is contained in:
Vlad Stan 2023-07-06 13:56:30 +03:00
parent 58d7fc647c
commit 6152f6b0de
2 changed files with 33 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
static/components/customer-market/customer-market.js
View file

@ -15,7 +15,11 @@ async function customerMarket(path) {
],
data: function () {
return {
search: null
search: null,
partialProducts: [],
productsPerPage: 24,
startIndex: 0,
lastProductIndex: 0
}
},
methods: {
@ -48,8 +52,23 @@ async function customerMarket(path) {
pool.close(relays)
await this.$emit('update-data', [...stallEvents, ...productEvents])
this.$q.loading.hide()
},
onLoad(_, done) {
setTimeout(() => {
if (this.startIndex >= this.products.length) {
done()
return
}
this.startIndex = this.lastProductIndex
this.lastProductIndex = Math.min(this.products.length, this.lastProductIndex + this.productsPerPage)
this.partialProducts.push(...this.products.slice(this.startIndex, this.lastProductIndex))
done()
}, 100)
}
},
created() {}
created() {
this.lastProductIndex = Math.min(this.products.length, 24)
this.partialProducts.push(...this.products.slice(0, this.lastProductIndex))
}
})
}