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

Merge remote-tracking branch 'origin/main' into offTheme

Browse source
This commit is contained in:
benarc 2022-04-20 11:17:17 +01:00
commit e6432f0e29
1 changed files with 86 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

102
lnbits/extensions/tpos/templates/tpos/tpos.html
View file

@ -16,39 +16,95 @@
<div class="row justify-center full-width"> <div class="row justify-center full-width">
<div class="col-12 col-sm-8 col-md-6 col-lg-4"> <div class="col-12 col-sm-8 col-md-6 col-lg-4">
<div class="keypad q-pa-sm"> <div class="keypad q-pa-sm">
<q-btn unelevated @click="stack.push(1)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(1)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>1</q-btn >1</q-btn
> >
<q-btn unelevated @click="stack.push(2)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(2)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>2</q-btn >2</q-btn
> >
<q-btn unelevated @click="stack.push(3)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(3)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>3</q-btn >3</q-btn
> >
<q-btn <q-btn
unelevated unelevated
@click="stack = []" @click="stack = []"
size="xl" size="xl"
color="pink" :outline="!($q.dark.isActive)"
rounded
color="primary"
class="btn-cancel" class="btn-cancel"
>C</q-btn >C</q-btn
> >
<q-btn unelevated @click="stack.push(4)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(4)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>4</q-btn >4</q-btn
> >
<q-btn unelevated @click="stack.push(5)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(5)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>5</q-btn >5</q-btn
> >
<q-btn unelevated @click="stack.push(6)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(6)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>6</q-btn >6</q-btn
> >
<q-btn unelevated @click="stack.push(7)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(7)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>7</q-btn >7</q-btn
> >
<q-btn unelevated @click="stack.push(8)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(8)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>8</q-btn >8</q-btn
> >
<q-btn unelevated @click="stack.push(9)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(9)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>9</q-btn >9</q-btn
> >
<q-btn <q-btn
@ -56,7 +112,9 @@
:disabled="amount == 0" :disabled="amount == 0"
@click="showInvoice()" @click="showInvoice()"
size="xl" size="xl"
color="green" :outline="!($q.dark.isActive)"
rounded
color="primary"
class="btn-confirm" class="btn-confirm"
>OK</q-btn >OK</q-btn
> >
@ -64,17 +122,27 @@
unelevated unelevated
@click="stack.splice(-1, 1)" @click="stack.splice(-1, 1)"
size="xl" size="xl"
color="grey-7" :outline="!($q.dark.isActive)"
rounded
color="primary"
>DEL</q-btn >DEL</q-btn
> >
<q-btn unelevated @click="stack.push(0)" size="xl" color="grey-8" <q-btn
unelevated
@click="stack.push(0)"
size="xl"
:outline="!($q.dark.isActive)"
rounded
color="primary"
>0</q-btn >0</q-btn
> >
<q-btn <q-btn
unelevated unelevated
@click="urlDialog.show = true" @click="urlDialog.show = true"
size="xl" size="xl"
color="grey-7" :outline="!($q.dark.isActive)"
rounded
color="primary"
>#</q-btn >#</q-btn
> >
</div> </div>
@ -140,8 +208,8 @@
transition-show="fade" transition-show="fade"
class="text-light-green" class="text-light-green"
style="font-size: 40em" style="font-size: 40em"
></q-icon ></q-icon>
></q-dialog> </q-dialog>
</q-page> </q-page>
</q-page-container> </q-page-container>
{% endblock %} {% block styles %} {% endblock %} {% block styles %}
@ -152,9 +220,11 @@
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr);
} }
.keypad .btn { .keypad .btn {
height: 100%; height: 100%;
} }
.btn-cancel, .btn-cancel,
.btn-confirm { .btn-confirm {
grid-row: auto/span 2; grid-row: auto/span 2;