highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-06-28 09:40:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: show message when new payment detected

Browse Source
This commit is contained in:
Vlad Stan 2022-07-08 11:01:29 +03:00
parent 0cd8ba956a
commit efbf34a51e
1 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
lnbits/extensions/satspay/templates/satspay/display.html
View File

@ -66,11 +66,9 @@
<div class="row items-center"> <div class="row items-center">
<div class="col-4 q-pr-lg">Amount due:</div> <div class="col-4 q-pr-lg">Amount due:</div>
<div class="col-8 q-pr-lg"> <div class="col-8 q-pr-lg">
<span <div v-if="charge.amount - charge.balance > 0">
v-if="charge.amount - charge.balance > 0" <span v-text="charge.amount - charge.balance"></span> sats
v-text="charge.amount - charge.balance" </div>
>sats</span
>
<q-badge v-if="charge.amount - charge.balance <= 0" color="green"> <q-badge v-if="charge.amount - charge.balance <= 0" color="green">
none</q-badge none</q-badge
> >
@ -159,8 +157,8 @@
<span class="text-subtitle2" <span class="text-subtitle2"
>Pay this lightning-network invoice:</span >Pay this lightning-network invoice:</span
> >
</div></div> </div>
</div>
<a :href="'lightning:'+charge.payment_request"> <a :href="'lightning:'+charge.payment_request">
<q-responsive :ratio="1" class="q-mx-md"> <q-responsive :ratio="1" class="q-mx-md">
@ -189,14 +187,17 @@
</q-card> </q-card>
<q-card class="q-pa-lg" v-if="onbtc"> <q-card class="q-pa-lg" v-if="onbtc">
<q-card-section class="q-pa-none"> <q-card-section class="q-pa-none">
<div v-if="timetoComplete >= 0 && !charge.paid" class="row items-center"> <div
v-if="timetoComplete >= 0 && !charge.paid"
class="row items-center"
>
<div class="col text-center"> <div class="col text-center">
<span class="text-subtitle1" v-text="charge.onchainaddress"></span> <span class="text-subtitle1" v-text="charge.onchainaddress"></span>
</div> </div>
</div> </div>
<div class="row items-center q-mt-md"> <div class="row items-center q-mt-md">
<div class="col-md-2 col-sm-0"></div> <div class="col-md-2 col-sm-0"></div>
<div class="col-md-8 col-sm-12"> <div class="col-md-8 col-sm-12 text-center">
<div v-if="timetoComplete < 1 && !charge.paid"> <div v-if="timetoComplete < 1 && !charge.paid">
<q-icon <q-icon
name="block" name="block"
@ -365,10 +366,17 @@
console.log('### close ws', x) console.log('### close ws', x)
}) })
this.ws.addEventListener('message', ({data}) => { this.ws.addEventListener('message', async ({data}) => {
const res = JSON.parse(data.toString()) const res = JSON.parse(data.toString())
console.log('### socker mempool res', res) console.log('### socker mempool res', res)
if (res['address-transactions']) { if (res['address-transactions']) {
console.log('### res', res)
await this.checkBalances()
this.$q.notify({
type: 'positive',
message: 'New payment received!',
timeout: 10000
})
} }
}) })
}, },