node page dialogs
This commit is contained in:
Tiago Vasconcelos
+117
-154
@@ -103,164 +103,127 @@
|
|||||||
</q-card-section>
|
</q-card-section>
|
||||||
</q-tab-panel>
|
</q-tab-panel>
|
||||||
<q-tab-panel name="channels">
|
<q-tab-panel name="channels">
|
||||||
<q-dialog v-model="connectPeerDialog.show" position="top">
|
<lnbits-dialog
|
||||||
<q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
:show="connectPeerDialog.show"
|
||||||
<q-form class="q-gutter-md">
|
:action="{
|
||||||
<q-input
|
label: $t('connect'),
|
||||||
dense
|
handler: connectPeer
|
||||||
type="text"
|
}"
|
||||||
filled
|
:cancel-label="$t('cancel')"
|
||||||
v-model="connectPeerDialog.data.uri"
|
@update:model-value="connectPeerDialog.show = $event"
|
||||||
label="Node URI"
|
>
|
||||||
hint="pubkey@host:port"
|
<q-form class="q-gutter-md">
|
||||||
></q-input>
|
<q-input
|
||||||
|
dense
|
||||||
|
type="text"
|
||||||
|
filled
|
||||||
|
v-model="connectPeerDialog.data.uri"
|
||||||
|
label="Node URI"
|
||||||
|
hint="pubkey@host:port"
|
||||||
|
></q-input>
|
||||||
|
</q-form>
|
||||||
|
</lnbits-dialog>
|
||||||
|
|
||||||
<div class="row q-mt-lg">
|
<lnbits-dialog
|
||||||
<q-btn
|
:show="setFeeDialog.show"
|
||||||
:label="$t('connect')"
|
title="Set Channel Fee"
|
||||||
color="primary"
|
:action="{
|
||||||
@click="connectPeer"
|
label: $t('set'),
|
||||||
></q-btn>
|
handler: () => setChannelFee(setFeeDialog.channel_id)
|
||||||
<q-btn
|
}"
|
||||||
v-close-popup
|
:cancel-label="$t('cancel')"
|
||||||
flat
|
@update:model-value="setFeeDialog.show = $event"
|
||||||
color="grey"
|
>
|
||||||
class="q-ml-auto"
|
<p class="text-caption" v-text="setFeeDialog.channel_id"></p>
|
||||||
:label="$t('cancel')"
|
<q-separator></q-separator>
|
||||||
></q-btn>
|
<q-form class="q-gutter-md">
|
||||||
</div>
|
<q-input
|
||||||
</q-form>
|
dense
|
||||||
</q-card>
|
type="number"
|
||||||
</q-dialog>
|
filled
|
||||||
|
v-model.number="setFeeDialog.data.fee_ppm"
|
||||||
|
label="Fee Rate PPM"
|
||||||
|
></q-input>
|
||||||
|
<q-input
|
||||||
|
dense
|
||||||
|
type="number"
|
||||||
|
filled
|
||||||
|
v-model.number="setFeeDialog.data.fee_base_msat"
|
||||||
|
label="Fee Base msat"
|
||||||
|
></q-input>
|
||||||
|
</q-form>
|
||||||
|
</lnbits-dialog>
|
||||||
|
|
||||||
<q-dialog v-model="setFeeDialog.show">
|
<lnbits-dialog
|
||||||
<q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
:show="openChannelDialog.show"
|
||||||
<label class="text-h6">Set Channel Fee</label>
|
:action="{
|
||||||
<p class="text-caption" v-text="setFeeDialog.channel_id"></p>
|
label: $t('open'),
|
||||||
<q-separator></q-separator>
|
handler: openChannel
|
||||||
<q-form class="q-gutter-md">
|
}"
|
||||||
<q-input
|
:cancel-label="$t('cancel')"
|
||||||
dense
|
@update:model-value="openChannelDialog.show = $event"
|
||||||
type="number"
|
>
|
||||||
filled
|
<q-form class="q-gutter-md">
|
||||||
v-model.number="setFeeDialog.data.fee_ppm"
|
<q-input
|
||||||
label="Fee Rate PPM"
|
dense
|
||||||
></q-input>
|
type="text"
|
||||||
<q-input
|
filled
|
||||||
dense
|
v-model="openChannelDialog.data.peer_id"
|
||||||
type="number"
|
label="Peer ID"
|
||||||
filled
|
></q-input>
|
||||||
v-model.number="setFeeDialog.data.fee_base_msat"
|
<q-input
|
||||||
label="Fee Base msat"
|
dense
|
||||||
></q-input>
|
type="number"
|
||||||
|
filled
|
||||||
|
v-model.number="openChannelDialog.data.funding_amount"
|
||||||
|
label="Funding Amount"
|
||||||
|
></q-input>
|
||||||
|
<q-expansion-item icon="warning" label="Advanced">
|
||||||
|
<q-card>
|
||||||
|
<q-card-section>
|
||||||
|
<div class="column q-gutter-md">
|
||||||
|
<q-input
|
||||||
|
dense
|
||||||
|
type="number"
|
||||||
|
filled
|
||||||
|
v-model.number="openChannelDialog.data.push_amount"
|
||||||
|
label="Push Amount"
|
||||||
|
hint="This gifts sats to the other side!"
|
||||||
|
></q-input>
|
||||||
|
|
||||||
<div class="row q-mt-lg">
|
<q-input
|
||||||
<q-btn
|
dense
|
||||||
:label="$t('set')"
|
type="number"
|
||||||
color="primary"
|
filled
|
||||||
@click="setChannelFee(setFeeDialog.channel_id)"
|
v-model.number="openChannelDialog.data.fee_rate"
|
||||||
></q-btn>
|
label="Fee Rate"
|
||||||
<q-btn
|
></q-input>
|
||||||
v-close-popup
|
</div>
|
||||||
flat
|
</q-card-section>
|
||||||
color="grey"
|
</q-card>
|
||||||
class="q-ml-auto"
|
</q-expansion-item>
|
||||||
:label="$t('cancel')"
|
</q-form>
|
||||||
></q-btn>
|
</lnbits-dialog>
|
||||||
</div>
|
|
||||||
</q-form>
|
|
||||||
</q-card>
|
|
||||||
</q-dialog>
|
|
||||||
|
|
||||||
<q-dialog v-model="openChannelDialog.show">
|
<lnbits-dialog
|
||||||
<q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
:show="closeChannelDialog.show"
|
||||||
<q-form class="q-gutter-md">
|
title="Close Channel"
|
||||||
<q-input
|
:action="{
|
||||||
dense
|
label: $t('close'),
|
||||||
type="text"
|
handler: closeChannel
|
||||||
filled
|
}"
|
||||||
v-model="openChannelDialog.data.peer_id"
|
:cancel-label="$t('cancel')"
|
||||||
label="Peer ID"
|
@update:model-value="closeChannelDialog.show = $event"
|
||||||
></q-input>
|
>
|
||||||
<q-input
|
<q-form class="q-gutter-md">
|
||||||
dense
|
<div>
|
||||||
type="number"
|
<q-checkbox
|
||||||
filled
|
v-model="closeChannelDialog.data.force"
|
||||||
v-model.number="openChannelDialog.data.funding_amount"
|
label="Force"
|
||||||
label="Funding Amount"
|
/>
|
||||||
></q-input>
|
</div>
|
||||||
<q-expansion-item icon="warning" label="Advanced">
|
</q-form>
|
||||||
<q-card>
|
</lnbits-dialog>
|
||||||
<q-card-section>
|
|
||||||
<div class="column q-gutter-md">
|
|
||||||
<q-input
|
|
||||||
dense
|
|
||||||
type="number"
|
|
||||||
filled
|
|
||||||
v-model.number="
|
|
||||||
openChannelDialog.data.push_amount
|
|
||||||
"
|
|
||||||
label="Push Amount"
|
|
||||||
hint="This gifts sats to the other side!"
|
|
||||||
></q-input>
|
|
||||||
|
|
||||||
<q-input
|
|
||||||
dense
|
|
||||||
type="number"
|
|
||||||
filled
|
|
||||||
v-model.number="openChannelDialog.data.fee_rate"
|
|
||||||
label="Fee Rate"
|
|
||||||
></q-input>
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
|
||||||
</q-card>
|
|
||||||
</q-expansion-item>
|
|
||||||
|
|
||||||
<div class="row q-mt-lg">
|
|
||||||
<q-btn
|
|
||||||
:label="$t('open')"
|
|
||||||
color="primary"
|
|
||||||
@click="openChannel"
|
|
||||||
></q-btn>
|
|
||||||
<q-btn
|
|
||||||
v-close-popup
|
|
||||||
flat
|
|
||||||
color="grey"
|
|
||||||
class="q-ml-auto"
|
|
||||||
:label="$t('cancel')"
|
|
||||||
></q-btn>
|
|
||||||
</div>
|
|
||||||
</q-form>
|
|
||||||
</q-card>
|
|
||||||
</q-dialog>
|
|
||||||
|
|
||||||
<q-dialog v-model="closeChannelDialog.show" position="top">
|
|
||||||
<q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
|
|
||||||
<q-form class="q-gutter-md">
|
|
||||||
<div>
|
|
||||||
<q-checkbox
|
|
||||||
v-model="closeChannelDialog.data.force"
|
|
||||||
label="Force"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row q-mt-lg">
|
|
||||||
<q-btn
|
|
||||||
:label="$t('close')"
|
|
||||||
color="primary"
|
|
||||||
@click="closeChannel"
|
|
||||||
></q-btn>
|
|
||||||
<q-btn
|
|
||||||
v-close-popup
|
|
||||||
flat
|
|
||||||
color="grey"
|
|
||||||
class="q-ml-auto"
|
|
||||||
:label="$t('cancel')"
|
|
||||||
></q-btn>
|
|
||||||
</div>
|
|
||||||
</q-form>
|
|
||||||
</q-card>
|
|
||||||
</q-dialog>
|
|
||||||
|
|
||||||
<q-card-section class="q-pa-none">
|
<q-card-section class="q-pa-none">
|
||||||
<div class="row q-col-gutter-lg">
|
<div class="row q-col-gutter-lg">
|
||||||
|
|||||||
Reference in New Issue
Block a user