payment details
This commit is contained in:
Tiago Vasconcelos
@@ -394,110 +394,99 @@
|
|||||||
></span>
|
></span>
|
||||||
</i>
|
</i>
|
||||||
</q-td>
|
</q-td>
|
||||||
<q-dialog v-model="props.expand" :props="props" position="top">
|
<lnbits-dialog
|
||||||
<q-card class="q-pa-sm q-pt-xl lnbits__dialog-card">
|
:show="props.expand"
|
||||||
<q-card-section>
|
:cancel-label="$t('close')"
|
||||||
<q-list bordered separator>
|
:action="{
|
||||||
<q-expansion-item
|
handler: () => checkPayment(props.row.payment_hash),
|
||||||
expand-separator
|
label: $t('check_payment'),
|
||||||
:default-opened="!(props.row.isIn && props.row.isPending)"
|
icon: 'refresh'
|
||||||
>
|
}"
|
||||||
<template v-slot:header>
|
@update:show="props.expand = $event"
|
||||||
<q-item-section avatar>
|
>
|
||||||
<q-icon
|
<q-list bordered separator>
|
||||||
:color="
|
<q-expansion-item
|
||||||
props.row.isPaid && props.row.isIn
|
expand-separator
|
||||||
? 'green'
|
:default-opened="!(props.row.isIn && props.row.isPending)"
|
||||||
: props.row.isPaid && props.row.isOut
|
>
|
||||||
? 'pink'
|
<template v-slot:header>
|
||||||
: props.row.isFailed
|
<q-item-section avatar>
|
||||||
? 'yellow'
|
<q-icon
|
||||||
: 'grey'
|
:color="
|
||||||
"
|
props.row.isPaid && props.row.isIn
|
||||||
:name="
|
? 'green'
|
||||||
props.row.isPaid && props.row.isIn
|
: props.row.isPaid && props.row.isOut
|
||||||
? 'call_received'
|
? 'pink'
|
||||||
: props.row.isPaid && props.row.isOut
|
: props.row.isFailed
|
||||||
? 'call_made'
|
? 'yellow'
|
||||||
: props.row.isFailed
|
: 'grey'
|
||||||
? 'warning'
|
"
|
||||||
: 'settings_ethernet'
|
:name="
|
||||||
"
|
props.row.isPaid && props.row.isIn
|
||||||
/>
|
? 'call_received'
|
||||||
</q-item-section>
|
: props.row.isPaid && props.row.isOut
|
||||||
|
? 'call_made'
|
||||||
|
: props.row.isFailed
|
||||||
|
? 'warning'
|
||||||
|
: 'settings_ethernet'
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</q-item-section>
|
||||||
|
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label
|
<q-item-label
|
||||||
v-text="
|
v-text="
|
||||||
props.row.isIn && props.row.isPending
|
props.row.isIn && props.row.isPending
|
||||||
? $t('invoice_waiting')
|
? $t('invoice_waiting')
|
||||||
: props.row.isOut && props.row.isPending
|
: props.row.isOut && props.row.isPending
|
||||||
? $t('outgoing_payment_pending')
|
? $t('outgoing_payment_pending')
|
||||||
: props.row.isPaid && props.row.isIn
|
: props.row.isPaid && props.row.isIn
|
||||||
? $t('payment_received')
|
? $t('payment_received')
|
||||||
: props.row.isPaid && props.row.isOut
|
: props.row.isPaid && props.row.isOut
|
||||||
? $t('payment_sent')
|
? $t('payment_sent')
|
||||||
: props.row.isFailed
|
: props.row.isFailed
|
||||||
? $t('payment_failed')
|
? $t('payment_failed')
|
||||||
: ''
|
: ''
|
||||||
"
|
"
|
||||||
></q-item-label>
|
></q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section v-if="props.row.tag" side>
|
<q-item-section v-if="props.row.tag" side>
|
||||||
<q-badge
|
<q-badge
|
||||||
v-if="props.row.extra && !!props.row.extra.tag"
|
v-if="props.row.extra && !!props.row.extra.tag"
|
||||||
color="yellow"
|
color="yellow"
|
||||||
text-color="black"
|
text-color="black"
|
||||||
>
|
>
|
||||||
#<span v-text="props.row.tag"></span>
|
#<span v-text="props.row.tag"></span>
|
||||||
</q-badge>
|
</q-badge>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</template>
|
</template>
|
||||||
<q-separator></q-separator>
|
<q-separator></q-separator>
|
||||||
<lnbits-payment-details
|
<lnbits-payment-details
|
||||||
:payment="props.row"
|
:payment="props.row"
|
||||||
></lnbits-payment-details>
|
></lnbits-payment-details>
|
||||||
</q-expansion-item>
|
</q-expansion-item>
|
||||||
</q-list>
|
</q-list>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-if="
|
v-if="
|
||||||
props.row.isIn && props.row.isPending && props.row.bolt11
|
props.row.isIn && props.row.isPending && props.row.bolt11
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div v-if="props.row.extra.fiat_payment_request">
|
<div v-if="props.row.extra.fiat_payment_request">
|
||||||
<lnbits-qrcode
|
<lnbits-qrcode
|
||||||
:value="props.row.extra.fiat_payment_request"
|
:value="props.row.extra.fiat_payment_request"
|
||||||
:href="props.row.extra.fiat_payment_request"
|
:href="props.row.extra.fiat_payment_request"
|
||||||
:show-buttons="false"
|
:show-buttons="false"
|
||||||
></lnbits-qrcode>
|
></lnbits-qrcode>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<lnbits-qrcode
|
<lnbits-qrcode
|
||||||
:value="'lightning:' + props.row.bolt11.toUpperCase()"
|
:value="'lightning:' + props.row.bolt11.toUpperCase()"
|
||||||
:href="'lightning:' + props.row.bolt11"
|
:href="'lightning:' + props.row.bolt11"
|
||||||
></lnbits-qrcode>
|
></lnbits-qrcode>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row q-mt-md">
|
</lnbits-dialog>
|
||||||
<q-btn
|
|
||||||
outline
|
|
||||||
color="grey"
|
|
||||||
@click="checkPayment(props.row.payment_hash)"
|
|
||||||
icon="refresh"
|
|
||||||
:label="$t('payment_check')"
|
|
||||||
></q-btn>
|
|
||||||
<q-btn
|
|
||||||
v-close-popup
|
|
||||||
flat
|
|
||||||
color="grey"
|
|
||||||
class="q-ml-auto"
|
|
||||||
:label="$t('close')"
|
|
||||||
></q-btn>
|
|
||||||
</div>
|
|
||||||
</q-card-section>
|
|
||||||
</q-card>
|
|
||||||
</q-dialog>
|
|
||||||
<q-dialog v-model="hodlInvoice.show" position="top">
|
<q-dialog v-model="hodlInvoice.show" position="top">
|
||||||
<q-card class="q-pa-sm q-pt-xl lnbits__dialog-card">
|
<q-card class="q-pa-sm q-pt-xl lnbits__dialog-card">
|
||||||
<q-card-section>
|
<q-card-section>
|
||||||
|
|||||||
Reference in New Issue
Block a user