highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-09-30 05:48:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: make the panels responsive

Browse Source
This commit is contained in:
Vlad Stan
2022-07-08 09:26:29 +03:00
parent 80e1545920
commit 05bc887ad5
1 changed files with 78 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,12 @@
{% extends "public.html" %} {% block page %}
<div class="row items-center q-mt-md">
<div class="col-lg-4 col-md-2 col-sm-1"></div>
<div class="col-lg-4 col-md-8 col-sm-10">
<q-card class="my-card">
<div class="col-lg-4 col-md-3 col-sm-1"></div>
<div class="col-lg-4 col-md-6 col-sm-10">
<q-card>
<div class="column">
<center>
<div class="col theHeading">
<span v-text="charge.description"></span>
<div class="col">
<span class="text-h4" v-text="charge.description"></span>
</div>
</center>
<div class="col">
@@ -66,8 +66,14 @@
<div class="row items-center">
<div class="col-4 q-pr-lg">Amount due:</div>
<div class="col-8 q-pr-lg">
<span v-if="charge.amount - charge.balance > 0" v-text="charge.amount - charge.balance">sats</span>
<q-badge v-if="charge.amount - charge.balance <= 0" color="green"> none</q-badge>
<span
v-if="charge.amount - charge.balance > 0"
v-text="charge.amount - charge.balance"
>sats</span
>
<q-badge v-if="charge.amount - charge.balance <= 0" color="green">
none</q-badge
>
</div>
</div>
</div>
@@ -122,9 +128,12 @@
<q-separator></q-separator>
</div>
</div>
</q-card>
<q-card class="q-pa-lg" v-if="lnbtc">
<q-card-section class="q-pa-none">
<div class="text-center q-pt-md">
<div class="row items-center q-mt-md">
<div class="col-md-2 col-sm-0"></div>
<div class="col-md-8 col-sm-12">
<div v-if="timetoComplete < 1 && !charge.paid">
<q-icon
name="block"
@@ -169,6 +178,8 @@
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-0"></div>
</q-card-section>
</q-card>
<q-card class="q-pa-lg" v-if="onbtc">
@@ -221,24 +232,12 @@
</div>
</q-card-section>
</q-card>
</q-card>
</div>
<div class="col-lg- 4 col-md-2 col-sm-1" ></div>
<div class="col-lg- 4 col-md-3 col-sm-1"></div>
</div>
{% endblock %} {% block scripts %}
<style>
/* .theCard {
width: 30%;
margin: 10px auto;
} */
.theHeading {
margin: 15px;
font-size: 25px;
}
</style>
<!-- todo: use config mempool -->
<script src="https://mempool.space/mempool.js"></script>
<script src="{{ url_for('satspay_static', path='js/utils.js') }}"></script>
<script>
@@ -266,7 +265,7 @@
methods: {
startPaymentNotifier() {
this.cancelListener()
if (!this.lnbitswallet) return
this.cancelListener = LNbits.events.onInvoicePaid(
this.wallet,
payment => {
@@ -303,9 +302,8 @@
})
const utxos = await retryWithDelay(fn)
console.log('### utxos', utxos)
this.charge.balance = utxos.reduce((t, u) => t + u.value, 0)
console.log('### utxos', utxos)
const balance = utxos.reduce((t, u) => t + u.value, 0)
},
checkBalances: async function () {
if (this.charge.lnbitswallet) this.checkInvoiceBalance()
@@ -368,7 +366,6 @@
const res = JSON.parse(data.toString())
console.log('### socker mempool res', res)
if (res['address-transactions']) {
this.checkAddressBalance()
}
})
},
@@ -398,12 +395,13 @@
// empty for onchain
this.wallet.inkey = '{{ wallet_inkey }}'
this.startPaymentNotifier()
this.refreshProgres()
if (!this.charge.paid) {
this.loopRefresh()
}
this.startPaymentNotifier()
if (this.charge.onchainaddress) {
this.loopPingWs()
this.trackAddress(this.charge.onchainaddress)