aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions 1

fix display columns for hide api and or ad space

Browse source
This commit is contained in:
Tiago Vasconcelos 2022-12-08 11:46:44 +00:00
parent 0706ceed12
commit 61c3476ba7
1 changed files with 754 additions and 710 deletions
Download patch file Download diff file Expand all files Collapse all files

106
lnbits/core/templates/core/wallet.html
View file

@ -10,7 +10,13 @@
<!----> <!---->
{% block page %} {% block page %}
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
{% if HIDE_API and AD_SPACE %}
<div class="col-12 col-md-8 q-gutter-y-md">
{% elif HIDE_API %}
<div class="col-12 q-gutter-y-md">
{% else %}
<div class="col-12 col-md-7 q-gutter-y-md"> <div class="col-12 col-md-7 q-gutter-y-md">
{% endif %}
<q-card> <q-card>
<q-card-section> <q-card-section>
<h3 class="q-my-none"> <h3 class="q-my-none">
@ -100,7 +106,9 @@
<h5 class="text-subtitle1 q-my-none">Transactions</h5> <h5 class="text-subtitle1 q-my-none">Transactions</h5>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<q-btn flat color="grey" @click="exportCSV">Export to CSV</q-btn> <q-btn flat color="grey" @click="exportCSV"
>Export to CSV</q-btn
>
<!--<q-btn v-if="pendingPaymentsExist" dense flat round icon="update" color="grey" @click="checkPendingPayments"> <!--<q-btn v-if="pendingPaymentsExist" dense flat round icon="update" color="grey" @click="checkPendingPayments">
<q-tooltip>Check pending</q-tooltip> <q-tooltip>Check pending</q-tooltip>
</q-btn>--> </q-btn>-->
@ -170,7 +178,11 @@
:props="props" :props="props"
style="white-space: normal; word-break: break-all" style="white-space: normal; word-break: break-all"
> >
<q-badge v-if="props.row.tag" color="yellow" text-color="black"> <q-badge
v-if="props.row.tag"
color="yellow"
text-color="black"
>
<a <a
class="inherit" class="inherit"
:href="['/', props.row.tag, '/?usr=', user.id].join('')" :href="['/', props.row.tag, '/?usr=', user.id].join('')"
@ -190,8 +202,9 @@
key="sat" key="sat"
v-if="'{{LNBITS_DENOMINATION}}' != 'sats'" v-if="'{{LNBITS_DENOMINATION}}' != 'sats'"
:props="props" :props="props"
>{% raw %} {{ parseFloat(String(props.row.fsat).replaceAll(",", >{% raw %} {{
"")) / 100 }} parseFloat(String(props.row.fsat).replaceAll(",", "")) / 100
}}
</q-td> </q-td>
<q-td auto-width key="sat" v-else :props="props"> <q-td auto-width key="sat" v-else :props="props">
@ -211,7 +224,10 @@
<lnbits-payment-details <lnbits-payment-details
:payment="props.row" :payment="props.row"
></lnbits-payment-details> ></lnbits-payment-details>
<div v-if="props.row.bolt11" class="text-center q-mb-lg"> <div
v-if="props.row.bolt11"
class="text-center q-mb-lg"
>
<a :href="'lightning:' + props.row.bolt11"> <a :href="'lightning:' + props.row.bolt11">
<q-responsive :ratio="1" class="q-mx-xl"> <q-responsive :ratio="1" class="q-mx-xl">
<qrcode <qrcode
@ -229,7 +245,11 @@
@click="copyText(props.row.bolt11)" @click="copyText(props.row.bolt11)"
>Copy invoice</q-btn >Copy invoice</q-btn
> >
<q-btn v-close-popup flat color="grey" class="q-ml-auto" <q-btn
v-close-popup
flat
color="grey"
class="q-ml-auto"
>Close</q-btn >Close</q-btn
> >
</div> </div>
@ -280,7 +300,8 @@
<q-card> <q-card>
<q-card-section> <q-card-section>
<h6 class="text-subtitle1 q-mt-none q-mb-sm"> <h6 class="text-subtitle1 q-mt-none q-mb-sm">
{{ SITE_TITLE }} Wallet: <strong><em>{{ wallet.name }}</em></strong> {{ SITE_TITLE }} Wallet:
<strong><em>{{ wallet.name }}</em></strong>
</h6> </h6>
</q-card-section> </q-card-section>
<q-card-section class="q-pa-none"> <q-card-section class="q-pa-none">
@ -299,8 +320,8 @@
<q-card> <q-card>
<q-card-section class="text-center"> <q-card-section class="text-center">
<p> <p>
This is an LNURL-withdraw QR code for slurping everything This is an LNURL-withdraw QR code for slurping
from this wallet. Do not share with anyone. everything from this wallet. Do not share with anyone.
</p> </p>
<a href="lightning:{{wallet.lnurlwithdraw_full}}"> <a href="lightning:{{wallet.lnurlwithdraw_full}}">
<qrcode <qrcode
@ -310,8 +331,9 @@
</a> </a>
<p> <p>
It is compatible with <code>balanceCheck</code> and It is compatible with <code>balanceCheck</code> and
<code>balanceNotify</code> so your wallet may keep pulling <code>balanceNotify</code> so your wallet may keep
the funds continuously from here after the first withdraw. pulling the funds continuously from here after the first
withdraw.
</p> </p>
</q-card-section> </q-card-section>
</q-card> </q-card>
@ -327,8 +349,9 @@
<q-card> <q-card>
<q-card-section class="text-center"> <q-card-section class="text-center">
<p> <p>
This QR code contains your wallet URL with full access. You This QR code contains your wallet URL with full access.
can scan it from your phone to open your wallet from there. You can scan it from your phone to open your wallet from
there.
</p> </p>
<qrcode <qrcode
:value="'{{request.base_url}}' +'wallet?usr={{user.id}}&wal={{wallet.id}}'" :value="'{{request.base_url}}' +'wallet?usr={{user.id}}&wal={{wallet.id}}'"
@ -338,7 +361,11 @@
</q-card> </q-card>
</q-expansion-item> </q-expansion-item>
<q-separator></q-separator> <q-separator></q-separator>
<q-expansion-item group="extras" icon="edit" label="Rename wallet"> <q-expansion-item
group="extras"
icon="edit"
label="Rename wallet"
>
<q-card> <q-card>
<q-card-section> <q-card-section>
<div class="" style="max-width: 320px"> <div class="" style="max-width: 320px">
@ -389,10 +416,16 @@
ADS.split(";") %} ADS.split(";") %}
<q-card> <q-card>
<q-card-section> <q-card-section>
<h6 class="text-subtitle1 q-mt-none q-mb-sm">{{ AD_SPACE_TITLE }}</h6> <h6 class="text-subtitle1 q-mt-none q-mb-sm">
{{ AD_SPACE_TITLE }}
</h6>
</q-card-section> </q-card-section>
<q-card-section class="q-pa-none"> <q-card-section class="q-pa-none">
<a style="display: inline-block" href="{{ AD[0] }}" class="q-ma-md"> <a
style="display: inline-block"
href="{{ AD[0] }}"
class="q-ma-md"
>
<img <img
style="max-width: 100%; height: auto" style="max-width: 100%; height: auto"
v-if="($q.dark.isActive)" v-if="($q.dark.isActive)"
@ -502,7 +535,9 @@
<q-btn outline color="grey" @click="copyText(receive.paymentReq)" <q-btn outline color="grey" @click="copyText(receive.paymentReq)"
>Copy invoice</q-btn >Copy invoice</q-btn
> >
<q-btn v-close-popup flat color="grey" class="q-ml-auto">Close</q-btn> <q-btn v-close-popup flat color="grey" class="q-ml-auto"
>Close</q-btn
>
</div> </div>
</q-card> </q-card>
{% endraw %} {% endraw %}
@ -516,7 +551,8 @@
"")) / 100 }} {% endraw %} {{LNBITS_DENOMINATION}} {% raw %} "")) / 100 }} {% endraw %} {{LNBITS_DENOMINATION}} {% raw %}
</h6> </h6>
<h6 v-else class="q-my-none"> <h6 v-else class="q-my-none">
{{ parse.invoice.fsat }}{% endraw %} {{LNBITS_DENOMINATION}} {% raw %} {{ parse.invoice.fsat }}{% endraw %} {{LNBITS_DENOMINATION}} {%
raw %}
</h6> </h6>
<q-separator class="q-my-sm"></q-separator> <q-separator class="q-my-sm"></q-separator>
<p class="text-wrap"> <p class="text-wrap">
@ -548,10 +584,10 @@
</p> </p>
<q-separator class="q-my-sm"></q-separator> <q-separator class="q-my-sm"></q-separator>
<p> <p>
For every website and for every LNbits wallet, a new keypair will be For every website and for every LNbits wallet, a new keypair
deterministically generated so your identity can't be tied to your will be deterministically generated so your identity can't be
LNbits wallet or linked across websites. No other data will be tied to your LNbits wallet or linked across websites. No other
shared with {{ parse.lnurlauth.domain }}. data will be shared with {{ parse.lnurlauth.domain }}.
</p> </p>
<p>Your public key for <b>{{ parse.lnurlauth.domain }}</b> is:</p> <p>Your public key for <b>{{ parse.lnurlauth.domain }}</b> is:</p>
<p class="q-mx-xl"> <p class="q-mx-xl">
@ -579,9 +615,10 @@
</span> </span>
</p> </p>
<p v-else class="q-my-none text-h6 text-center"> <p v-else class="q-my-none text-h6 text-center">
<b>{{ parse.lnurlpay.targetUser || parse.lnurlpay.domain }}</b> is <b>{{ parse.lnurlpay.targetUser || parse.lnurlpay.domain }}</b>
requesting <br /> is requesting <br />
between <b>{{ parse.lnurlpay.minSendable | msatoshiFormat }}</b> and between
<b>{{ parse.lnurlpay.minSendable | msatoshiFormat }}</b> and
<b>{{ parse.lnurlpay.maxSendable | msatoshiFormat }}</b> <b>{{ parse.lnurlpay.maxSendable | msatoshiFormat }}</b>
{% endraw %} {{LNBITS_DENOMINATION}} {% raw %} {% endraw %} {{LNBITS_DENOMINATION}} {% raw %}
<span v-if="parse.lnurlpay.commentAllowed > 0"> <span v-if="parse.lnurlpay.commentAllowed > 0">
@ -613,7 +650,10 @@
></q-input> ></q-input>
{% raw %} {% raw %}
</div> </div>
<div class="col-8 q-pl-md" v-if="parse.lnurlpay.commentAllowed > 0"> <div
class="col-8 q-pl-md"
v-if="parse.lnurlpay.commentAllowed > 0"
>
<q-input <q-input
filled filled
dense dense
@ -715,7 +755,8 @@
@click="g.visibleDrawer = !g.visibleDrawer" @click="g.visibleDrawer = !g.visibleDrawer"
> >
</q-tab> </q-tab>
<q-tab icon="content_paste" label="Paste" @click="showParseDialog"> </q-tab> <q-tab icon="content_paste" label="Paste" @click="showParseDialog">
</q-tab>
<q-tab icon="file_download" label="Receive" @click="showReceiveDialog"> <q-tab icon="file_download" label="Receive" @click="showReceiveDialog">
</q-tab> </q-tab>
@ -733,11 +774,12 @@
>! >!
</p> </p>
<p> <p>
This service is in BETA, and we hold no responsibility for people losing This service is in BETA, and we hold no responsibility for people
access to funds. {% if service_fee > 0 %} To encourage you to run your losing access to funds. {% if service_fee > 0 %} To encourage you to
own LNbits installation, any balance on {% raw %}{{ run your own LNbits installation, any balance on {% raw %}{{
disclaimerDialog.location.host }}{% endraw %} will incur a charge of disclaimerDialog.location.host }}{% endraw %} will incur a charge of
<strong>{{ service_fee }}% service fee</strong> per week. {% endif %} <strong>{{ service_fee }}% service fee</strong> per week. {% endif
%}
</p> </p>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
@ -754,3 +796,5 @@
</q-dialog> </q-dialog>
{% endblock %} {% endblock %}
</div> </div>
</div>
</div>