mirror of
https://github.com/lnbits/lnbits-legend.git
synced 2025-02-25 23:21:21 +01:00
68 lines
2 KiB
HTML
68 lines
2 KiB
HTML
{% extends "public.html" %} {% block page %}
|
|
<div class="row q-col-gutter-md justify-center">
|
|
<div class="col-12 col-sm-6 col-md-5 col-lg-4">
|
|
<q-card class="q-pa-lg">
|
|
<q-card-section class="q-pa-none">
|
|
<div class="text-center">
|
|
{% if link.is_spent %}
|
|
<q-badge color="red" class="q-mb-md">Withdraw is spent.</q-badge>
|
|
{% endif %}
|
|
<a href="lightning:{{ lnurl }}">
|
|
<q-responsive :ratio="1" class="q-mx-md">
|
|
<qrcode
|
|
:value="this.here + '/?lightning={{lnurl }}'"
|
|
:options="{width: 800}"
|
|
class="rounded-borders"
|
|
>
|
|
</qrcode>
|
|
</q-responsive>
|
|
</a>
|
|
</div>
|
|
<div class="row q-mt-lg q-gutter-sm">
|
|
<q-btn outline color="grey" @click="copyText('{{ lnurl }}')"
|
|
>Copy LNURL</q-btn
|
|
>
|
|
<q-btn
|
|
outline
|
|
color="grey"
|
|
icon="nfc"
|
|
@click="writeNfcTag(' {{ lnurl }} ')"
|
|
:disable="nfcTagWriting"
|
|
></q-btn>
|
|
</div>
|
|
</q-card-section>
|
|
</q-card>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-5 col-lg-4 q-gutter-y-md">
|
|
<q-card>
|
|
<q-card-section>
|
|
<h6 class="text-subtitle1 q-mb-sm q-mt-none">
|
|
LNbits LNURL-withdraw link
|
|
</h6>
|
|
<p class="q-my-none">
|
|
Use a LNURL compatible bitcoin wallet to claim the sats.
|
|
</p>
|
|
</q-card-section>
|
|
<q-card-section class="q-pa-none">
|
|
<q-separator></q-separator>
|
|
<q-list> {% include "withdraw/_lnurl.html" %} </q-list>
|
|
</q-card-section>
|
|
</q-card>
|
|
</div>
|
|
</div>
|
|
{% endblock %} {% block scripts %}
|
|
<script>
|
|
Vue.component(VueQrcode.name, VueQrcode)
|
|
|
|
new Vue({
|
|
el: '#vue',
|
|
mixins: [windowMixin],
|
|
data: function () {
|
|
return {
|
|
here: location.protocol + '//' + location.host,
|
|
nfcTagWriting: false
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
{% endblock %}
|