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

feat: ui improvements

Browse source
This commit is contained in:
Vlad Stan 2022-07-20 17:10:37 +03:00
parent a0d56a7e06
commit 9c343acf86
1 changed files with 53 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

61
lnbits/extensions/watchonly/templates/watchonly/index.html
View file

@ -1015,30 +1015,66 @@
<div class="row items-center no-wrap q-mb-md"> <div class="row items-center no-wrap q-mb-md">
<div class="col-3 q-pr-lg"> <div class="col-3 q-pr-lg">
<q-btn unelevated color="secondary" type="submit" <q-btn unelevated color="secondary" type="submit"
>Check Transaction</q-btn >Check Tx</q-btn
> >
</div> </div>
<div class="col-9"> <div class="col-9">
<q-input v-model="payment.psbtBase64" filled /> <q-input v-model="payment.psbtBase64" filled />
</div> </div>
</div> </div>
<q-separator v-if="payment.psbtBase64"></q-separator> <q-separator
v-if="payment.psbtBase64"
class="q-mb-md"
></q-separator>
<div <div
v-if="payment.psbtBase64" v-if="payment.psbtBase64"
class="row items-center no-wrap q-mb-md" class="row items-center no-wrap q-mb-md"
> >
<div class="col-3">Sign With</div> <div class="col-3">
<q-btn-dropdown
class="glossy float-left"
color="secondary"
label="Sign With"
>
<q-list>
<q-item
clickable
v-close-popup
@click="payment.signMode = 'serial-port'"
>
<q-item-section>
<q-item-label>Serial Port Device</q-item-label>
<q-item-label caption
>Connect via Serial Port and sign.</q-item-label
>
</q-item-section>
</q-item>
<q-item clickable disabled v-close-popup>
<q-item-section>
<q-item-label>Animated QR Code</q-item-label>
<q-item-label caption
>Share and Scan using animated QR
codes.</q-item-label
>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
</div>
<div class="col-9"> <div class="col-9">
<q-option-group <q-option-group
v-model="payment.signMode" v-model="payment.signMode"
:options="payment.signModes" :options="payment.signModes"
color="primary" color="primary"
label="Sign Mode"
inline inline
></q-option-group> ></q-option-group>
</div> </div>
</div> </div>
<q-separator v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"></q-separator> <q-separator
v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"
class="q-mb-md"
></q-separator>
<div <div
v-if="payment.psbtBase64 && payment.signMode === 'serial-port'" v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"
class="row items-center no-wrap q-mb-md q-mt-lg" class="row items-center no-wrap q-mb-md q-mt-lg"
@ -1070,7 +1106,10 @@
</div> </div>
<div class="col-6"></div> <div class="col-6"></div>
</div> </div>
<q-separator v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"></q-separator> <q-separator
v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"
class="q-mb-md"
></q-separator>
<div <div
v-if="payment.psbtBase64 && payment.signMode === 'serial-port'" v-if="payment.psbtBase64 && payment.signMode === 'serial-port'"
class="row items-center no-wrap q-mb-md q-mt-lg" class="row items-center no-wrap q-mb-md q-mt-lg"
@ -1180,7 +1219,10 @@
/> />
</div> </div>
</div> </div>
<q-separator v-if="hww.authenticated"></q-separator> <q-separator
v-if="hww.authenticated"
class="q-mb-md"
></q-separator>
<div <div
v-if="hww.authenticated" v-if="hww.authenticated"
class="row items-center no-wrap q-mb-md" class="row items-center no-wrap q-mb-md"
@ -1207,7 +1249,10 @@
> >
</div> </div>
</div> </div>
<q-separator v-if="payment.signedTx"></q-separator> <q-separator
v-if="payment.signedTx"
class="q-mb-md"
></q-separator>
<div <div
v-if="payment.signedTx" v-if="payment.signedTx"
class="row items-center no-wrap q-mb-md" class="row items-center no-wrap q-mb-md"