104 lines
4.2 KiB
QML
104 lines
4.2 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
|
|
import utils 1.0
|
|
import shared.panels 1.0
|
|
import shared.controls 1.0
|
|
import shared.controls.chat 1.0
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string selectedTokenSymbol
|
|
property string currentCurrency
|
|
property string currentCurrencySymbol
|
|
|
|
property var bestRoutes: []
|
|
property var getGasEthValue: function () {}
|
|
property var getFiatValue: function () {}
|
|
|
|
width: parent.width
|
|
height: visible ? advancedGasSelector.height + Style.current.halfPadding : 0
|
|
|
|
Column {
|
|
id: advancedGasSelector
|
|
width: parent.width
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.halfPadding
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 10
|
|
|
|
spacing: Style.current.halfPadding
|
|
|
|
// Normal transaction
|
|
Repeater {
|
|
model: root.bestRoutes
|
|
StatusListItem {
|
|
id: listItem
|
|
color: Theme.palette.statusListItem.backgroundColor
|
|
width: parent.width
|
|
asset.name: "tiny/gas"
|
|
asset.color: Theme.palette.directColor1
|
|
statusListItemIcon.active: true
|
|
statusListItemIcon.opacity: modelData.isFirstSimpleTx
|
|
title: qsTr("%1 transaction fee").arg(modelData.fromNetwork.chainName)
|
|
subTitle: "%1 eth".arg(LocaleUtils.numberToLocaleString(parseFloat(totalGasAmount)))
|
|
property string totalGasAmount : {
|
|
let maxFees = modelData.gasFees.maxFeePerGasM
|
|
let gasPrice = modelData.gasFees.eip1559Enabled ? maxFees : modelData.gasFees.gasPrice
|
|
return root.getGasEthValue(gasPrice , modelData.gasAmount)
|
|
}
|
|
statusListItemSubTitle.width: listItem.width/2 - Style.current.smallPadding
|
|
statusListItemSubTitle.elide: Text.ElideMiddle
|
|
statusListItemSubTitle.wrapMode: Text.NoWrap
|
|
components: [
|
|
StatusBaseText {
|
|
Layout.alignment: Qt.AlignRight
|
|
text: "%1%2".arg(currentCurrencySymbol).arg(LocaleUtils.numberToLocaleString(parseFloat(root.getFiatValue(totalGasAmount, "ETH", root.currentCurrency))))
|
|
font.pixelSize: 15
|
|
color: Theme.palette.baseColor1
|
|
width: listItem.width/2 - Style.current.padding
|
|
elide: Text.ElideRight
|
|
}
|
|
]
|
|
}
|
|
}
|
|
|
|
// Bridge
|
|
Repeater {
|
|
id: bridgeRepeater
|
|
model: root.bestRoutes
|
|
delegate: StatusListItem {
|
|
id: listItem2
|
|
color: Theme.palette.statusListItem.backgroundColor
|
|
width: parent.width
|
|
asset.name: "tiny/bridge"
|
|
asset.color: Theme.palette.directColor1
|
|
statusListItemIcon.active: true
|
|
statusListItemIcon.opacity: modelData.isFirstBridgeTx
|
|
title: qsTr("%1 -> %2 bridge").arg(modelData.fromNetwork.chainName).arg(modelData.toNetwork.chainName)
|
|
subTitle: "%1 %2".arg(LocaleUtils.numberToLocaleString(modelData.tokenFees)).arg(root.selectedTokenSymbol)
|
|
visible: modelData.bridgeName !== "Simple"
|
|
statusListItemSubTitle.width: 100
|
|
statusListItemSubTitle.elide: Text.ElideMiddle
|
|
components: [
|
|
StatusBaseText {
|
|
Layout.alignment: Qt.AlignRight
|
|
text: "%1%2".arg(currentCurrencySymbol).arg(LocaleUtils.numberToLocaleString(parseFloat(root.getFiatValue(modelData.tokenFees, root.selectedTokenSymbol, root.currentCurrency))))
|
|
font.pixelSize: 15
|
|
color: Theme.palette.baseColor1
|
|
width: listItem2.width/2 - Style.current.padding
|
|
elide: Text.ElideRight
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
}
|