mirror of
https://github.com/lnbits/lnbits-legend.git
synced 2025-02-27 07:59:30 +01:00
48 lines
1.4 KiB
HTML
48 lines
1.4 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">
|
||
|
|
<a href="lightning:{{ lnurl }}">
|
||
|
|
<q-responsive :ratio="1" class="q-mx-md">
|
||
|
|
<qrcode
|
||
|
|
value="{{ lnurl }}"
|
||
|
|
:options="{width: 800}"
|
||
|
|
class="rounded-borders"
|
||
|
|
></qrcode>
|
||
|
|
</q-responsive>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="row q-mt-lg">
|
||
|
|
<q-btn outline color="grey" @click="copyText('{{ lnurl }}')"
|
||
|
|
>Copy LNURL</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-pay link</h6>
|
||
|
|
<p class="q-my-none">Use an LNURL compatible bitcoin wallet to pay.</p>
|
||
|
|
</q-card-section>
|
||
|
|
<q-card-section class="q-pa-none">
|
||
|
|
<q-separator></q-separator>
|
||
|
|
<q-list> {% include "scrub/_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]
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
{% endblock %}
|