93 lines
2.1 KiB
Vue
93 lines
2.1 KiB
Vue
<template>
|
|
<q-dialog v-model="show" persistent>
|
|
<q-card class="confirm-tx-card">
|
|
<q-card-section>
|
|
<div class="text-h6">{{ $t("dialog.confirmTransaction.title") }}</div>
|
|
</q-card-section>
|
|
<q-card-section>
|
|
<div class="confirm-list">
|
|
<div>
|
|
<span class="label"
|
|
>{{ $t("dialog.confirmTransaction.sendTo") }}:
|
|
</span>
|
|
<br />
|
|
<span class="address-value">{{ sendTo }}</span>
|
|
</div>
|
|
<br />
|
|
<span class="label">{{ $t("strings.transactions.amount") }}: </span>
|
|
{{ amount }} OXEN
|
|
<br />
|
|
<span class="label">{{ $t("strings.transactions.fee") }}: </span>
|
|
{{ fee }} OXEN
|
|
<br />
|
|
<span class="label"
|
|
>{{ $t("dialog.confirmTransaction.priority") }}:
|
|
</span>
|
|
{{ isBlinkToTranslatedLabel(isBlink) }}
|
|
</div>
|
|
</q-card-section>
|
|
<q-card-actions align="right">
|
|
<q-btn
|
|
flat
|
|
:label="$t('dialog.buttons.cancel')"
|
|
color="negative"
|
|
@click="onCancelTransaction"
|
|
/>
|
|
<q-btn
|
|
class="confirm-send-btn"
|
|
flat
|
|
:label="$t('buttons.send')"
|
|
@click="onConfirmTransaction"
|
|
/>
|
|
</q-card-actions>
|
|
</q-card>
|
|
</q-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "ConfirmTransactionDialog",
|
|
props: {
|
|
sendTo: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
amount: {
|
|
type: Number,
|
|
required: true
|
|
},
|
|
fee: {
|
|
type: Number,
|
|
required: true
|
|
},
|
|
isBlink: {
|
|
type: Boolean,
|
|
required: true
|
|
},
|
|
onConfirmTransaction: {
|
|
type: Function,
|
|
required: true
|
|
},
|
|
onCancelTransaction: {
|
|
type: Function,
|
|
required: true
|
|
},
|
|
show: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
}
|
|
},
|
|
methods: {
|
|
isBlinkToTranslatedLabel(isBlink) {
|
|
const blinkOrSlow = isBlink
|
|
? "strings.priorityOptions.blink"
|
|
: "strings.priorityOptions.slow";
|
|
return this.$t(blinkOrSlow);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|