mirror of
https://github.com/lnbits/lnbits-legend.git
synced 2025-02-24 14:51:05 +01:00
fix formatting
This commit is contained in:
Uthpala Heenatigala
parent
4c47a6fd3b
commit
af472ba833
1 changed files with 145 additions and 37 deletions
|
|
@ -6,50 +6,105 @@
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<h5 class="text-subtitle1 q-mt-none q-mb-md">Deezy</h5>
|
<h5 class="text-subtitle1 q-mt-none q-mb-md">Deezy</h5>
|
||||||
<p class="text-subtitle2 q-mt-none q-mb-md">
|
<p class="text-subtitle2 q-mt-none q-mb-md">
|
||||||
An access token is required to use the swap service.
|
An access token is required to use the swap service. Email
|
||||||
Email support@deezy.io or contact @dannydeezy on telegram to get one.
|
support@deezy.io or contact @dannydeezy on telegram to get one.
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<span>Deezy token </span>
|
<span>Deezy token </span>
|
||||||
<q-btn type="button" @click="showDeezyTokenForm = !showDeezyTokenForm">Add or Update token</q-btn>
|
<q-btn
|
||||||
|
type="button"
|
||||||
|
@click="showDeezyTokenForm = !showDeezyTokenForm"
|
||||||
|
>Add or Update token</q-btn
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<p v-if="storedDeezyToken" v-text="storedDeezyToken"></p>
|
<p v-if="storedDeezyToken" v-text="storedDeezyToken"></p>
|
||||||
</div>
|
</div>
|
||||||
<q-form v-if="showDeezyTokenForm" @submit="storeDeezyToken" class="q-gutter-md q-mt-lg">
|
<q-form
|
||||||
<q-input filled dense emit-value :placeholder="storedDeezyToken" v-model.trim="deezyToken" label="Deezy Token"
|
v-if="showDeezyTokenForm"
|
||||||
type="text"></q-input>
|
@submit="storeDeezyToken"
|
||||||
|
class="q-gutter-md q-mt-lg"
|
||||||
|
>
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
emit-value
|
||||||
|
:placeholder="storedDeezyToken"
|
||||||
|
v-model.trim="deezyToken"
|
||||||
|
label="Deezy Token"
|
||||||
|
type="text"
|
||||||
|
></q-input>
|
||||||
<q-btn color="grey" type="submit" label="Store Deezy Token"></q-btn>
|
<q-btn color="grey" type="submit" label="Store Deezy Token"></q-btn>
|
||||||
</q-form>
|
</q-form>
|
||||||
<q-separator class="q-my-lg"></q-separator>
|
<q-separator class="q-my-lg"></q-separator>
|
||||||
<q-card>
|
<q-card>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-btn label="SWAP (LIGHTNING -> BTC)" unelevated color="primary" @click="showLnToBtcForm" :disabled="!storedDeezyToken">
|
<q-btn
|
||||||
|
label="SWAP (LIGHTNING -> BTC)"
|
||||||
|
unelevated
|
||||||
|
color="primary"
|
||||||
|
@click="showLnToBtcForm"
|
||||||
|
:disabled="!storedDeezyToken"
|
||||||
|
>
|
||||||
<q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
|
<q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
|
||||||
Send lightning btc and receive on-chain btc
|
Send lightning btc and receive on-chain btc
|
||||||
</q-tooltip>
|
</q-tooltip>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
<q-btn label="SWAP (BTC -> LIGHTNING)" unelevated color="primary"
|
<q-btn
|
||||||
@click="swapBtcToLn.show = true; swapLnToBtc.show = false;" :disabled="!storedDeezyToken">
|
label="SWAP (BTC -> LIGHTNING)"
|
||||||
|
unelevated
|
||||||
|
color="primary"
|
||||||
|
@click="swapBtcToLn.show = true; swapLnToBtc.show = false;"
|
||||||
|
:disabled="!storedDeezyToken"
|
||||||
|
>
|
||||||
<q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
|
<q-tooltip class="bg-grey-8" anchor="bottom left" self="top left">
|
||||||
Send on-chain btc and receive via lightning
|
Send on-chain btc and receive via lightning
|
||||||
</q-tooltip>
|
</q-tooltip>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
<div v-show="swapLnToBtc.show" class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
<div
|
||||||
|
v-show="swapLnToBtc.show"
|
||||||
|
class="q-pa-lg q-pt-xl lnbits__dialog-card"
|
||||||
|
>
|
||||||
<h6 class="q-mt-none">LIGHTNING BTC -> BTC</h6>
|
<h6 class="q-mt-none">LIGHTNING BTC -> BTC</h6>
|
||||||
<q-form @submit="sendLnToBtc" class="q-gutter-md">
|
<q-form @submit="sendLnToBtc" class="q-gutter-md">
|
||||||
<q-input filled dense emit-value v-model.trim="swapLnToBtc.data.amount" label="Amount (sats)"
|
<q-input
|
||||||
type="number"></q-input>
|
filled
|
||||||
<q-input filled dense emit-value v-model.trim="swapLnToBtc.data.on_chain_address" type="string"
|
dense
|
||||||
label="Onchain address to receive funds"></q-input>
|
emit-value
|
||||||
<q-input filled dense emit-value v-model.trim="swapLnToBtc.data.on_chain_sats_per_vbyte"
|
v-model.trim="swapLnToBtc.data.amount"
|
||||||
label="On chain fee rate (sats/vbyte)" min="1" type="number"
|
label="Amount (sats)"
|
||||||
:hint="swapLnToBtc.suggested_fees && `Economy Fee - ${swapLnToBtc.suggested_fees?.economyFee} | Half an hour fee - ${swapLnToBtc.suggested_fees?.halfHourFee} | Fastest fee - ${swapLnToBtc.suggested_fees?.fastestFee}`">
|
type="number"
|
||||||
|
></q-input>
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
emit-value
|
||||||
|
v-model.trim="swapLnToBtc.data.on_chain_address"
|
||||||
|
type="string"
|
||||||
|
label="Onchain address to receive funds"
|
||||||
|
></q-input>
|
||||||
|
<q-input
|
||||||
|
filled
|
||||||
|
dense
|
||||||
|
emit-value
|
||||||
|
v-model.trim="swapLnToBtc.data.on_chain_sats_per_vbyte"
|
||||||
|
label="On chain fee rate (sats/vbyte)"
|
||||||
|
min="1"
|
||||||
|
type="number"
|
||||||
|
:hint="swapLnToBtc.suggested_fees && `Economy Fee - ${swapLnToBtc.suggested_fees?.economyFee} | Half an hour fee - ${swapLnToBtc.suggested_fees?.halfHourFee} | Fastest fee - ${swapLnToBtc.suggested_fees?.fastestFee}`"
|
||||||
|
>
|
||||||
</q-input>
|
</q-input>
|
||||||
<q-btn unelevated color="primary" type="submit" label="Create Swap"></q-btn>
|
<q-btn
|
||||||
<q-btn flat color="grey" class="q-ml-auto" @click="resetSwapLnToBtc">Cancel</q-btn>
|
unelevated
|
||||||
|
color="primary"
|
||||||
|
type="submit"
|
||||||
|
label="Create Swap"
|
||||||
|
></q-btn>
|
||||||
|
<q-btn flat color="grey" class="q-ml-auto" @click="resetSwapLnToBtc"
|
||||||
|
>Cancel</q-btn
|
||||||
|
>
|
||||||
</q-form>
|
</q-form>
|
||||||
<q-dialog v-model="swapLnToBtc.showInvoice" persistent>
|
<q-dialog v-model="swapLnToBtc.showInvoice" persistent>
|
||||||
<q-card flat bordered class="my-card">
|
<q-card flat bordered class="my-card">
|
||||||
|
|
@ -62,22 +117,52 @@
|
||||||
</div>
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section class="q-pt-none">
|
<q-card-section class="q-pt-none">
|
||||||
<qrcode :value="swapLnToBtc.response" :options="{width: 360}" class="rounded-borders"></qrcode>
|
<qrcode
|
||||||
|
:value="swapLnToBtc.response"
|
||||||
|
:options="{width: 360}"
|
||||||
|
class="rounded-borders"
|
||||||
|
></qrcode>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-btn outline @click="copyLnInvoice" label="Copy" color="primary"></q-btn>
|
<q-btn
|
||||||
<q-input v-model="swapLnToBtc.response" type="textarea" readonly @click="$event.target.select()" />
|
outline
|
||||||
|
@click="copyLnInvoice"
|
||||||
|
label="Copy"
|
||||||
|
color="primary"
|
||||||
|
></q-btn>
|
||||||
|
<q-input
|
||||||
|
v-model="swapLnToBtc.response"
|
||||||
|
type="textarea"
|
||||||
|
readonly
|
||||||
|
@click="$event.target.select()"
|
||||||
|
/>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
</q-dialog>
|
</q-dialog>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="swapBtcToLn.show" class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
<div
|
||||||
|
v-show="swapBtcToLn.show"
|
||||||
|
class="q-pa-lg q-pt-xl lnbits__dialog-card"
|
||||||
|
>
|
||||||
<h6 class="q-mt-none">BTC -> LIGHTNING BTC</h6>
|
<h6 class="q-mt-none">BTC -> LIGHTNING BTC</h6>
|
||||||
<q-form @submit="sendBtcToLn" class="q-gutter-md">
|
<q-form @submit="sendBtcToLn" class="q-gutter-md">
|
||||||
<q-input filled dense emit-value v-model.trim="swapBtcToLn.data.lnurl_or_lnaddress"
|
<q-input
|
||||||
label="Lnurl or Lightning Address" type="string"></q-input>
|
filled
|
||||||
<q-btn unelevated color="primary" type="submit" label="Generate Onchain Address"></q-btn>
|
dense
|
||||||
<q-btn flat color="grey" class="q-ml-auto" @click="resetSwapBtcToLn">Cancel</q-btn>
|
emit-value
|
||||||
|
v-model.trim="swapBtcToLn.data.lnurl_or_lnaddress"
|
||||||
|
label="Lnurl or Lightning Address"
|
||||||
|
type="string"
|
||||||
|
></q-input>
|
||||||
|
<q-btn
|
||||||
|
unelevated
|
||||||
|
color="primary"
|
||||||
|
type="submit"
|
||||||
|
label="Generate Onchain Address"
|
||||||
|
></q-btn>
|
||||||
|
<q-btn flat color="grey" class="q-ml-auto" @click="resetSwapBtcToLn"
|
||||||
|
>Cancel</q-btn
|
||||||
|
>
|
||||||
</q-form>
|
</q-form>
|
||||||
<q-dialog v-model="swapBtcToLn.showDetails" persistent>
|
<q-dialog v-model="swapBtcToLn.showDetails" persistent>
|
||||||
<q-card flat bordered class="my-card">
|
<q-card flat bordered class="my-card">
|
||||||
|
|
@ -90,15 +175,28 @@
|
||||||
</div>
|
</div>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-input v-model="swapBtcToLn.response.address" type="textarea" readonly
|
<q-input
|
||||||
@click="$event.target.select()" />
|
v-model="swapBtcToLn.response.address"
|
||||||
|
type="textarea"
|
||||||
|
readonly
|
||||||
|
@click="$event.target.select()"
|
||||||
|
/>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-btn outline @click="copyBtcToLnBtcAddress" label="Copy Address" color="primary"></q-btn>
|
<q-btn
|
||||||
|
outline
|
||||||
|
@click="copyBtcToLnBtcAddress"
|
||||||
|
label="Copy Address"
|
||||||
|
color="primary"
|
||||||
|
></q-btn>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
<q-input v-model="swapBtcToLn.response.commitment" type="textarea" readonly
|
<q-input
|
||||||
@click="$event.target.select()" />
|
v-model="swapBtcToLn.response.commitment"
|
||||||
|
type="textarea"
|
||||||
|
readonly
|
||||||
|
@click="$event.target.select()"
|
||||||
|
/>
|
||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-card>
|
</q-card>
|
||||||
</q-dialog>
|
</q-dialog>
|
||||||
|
|
@ -135,10 +233,20 @@
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="q-pa-md full-width">
|
<div class="q-pa-md full-width">
|
||||||
<q-table title="Swaps Lightning -> BTC" :data="rowsLnToBtc" :columns="columnsLnToBtc" row-key="name" />
|
<q-table
|
||||||
|
title="Swaps Lightning -> BTC"
|
||||||
|
:data="rowsLnToBtc"
|
||||||
|
:columns="columnsLnToBtc"
|
||||||
|
row-key="name"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="q-pa-md full-width">
|
<div class="q-pa-md full-width">
|
||||||
<q-table title="Swaps BTC -> Lightning" :data="rowsBtcToLn" :columns="columnsBtcToLn" row-key="name" />
|
<q-table
|
||||||
|
title="Swaps BTC -> Lightning"
|
||||||
|
:data="rowsBtcToLn"
|
||||||
|
:columns="columnsBtcToLn"
|
||||||
|
row-key="name"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %} {% block scripts %} {{ window_vars(user) }}
|
{% endblock %} {% block scripts %} {{ window_vars(user) }}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue