106 lines
3.7 KiB
QML
106 lines
3.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Layouts 1.13
|
|
|
|
import utils 1.0
|
|
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Popups 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
import "../controls"
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
property var store
|
|
property var selectedAccount
|
|
property string ensAddressOrEmpty: ""
|
|
property double amountToSend
|
|
property double requiredGasInEth
|
|
property bool customMode: false
|
|
property var selectedAsset
|
|
property var bestRoutes
|
|
property bool isLoading: false
|
|
property bool errorMode: networksLoader.item ? networksLoader.item.errorMode : false
|
|
property var weiToEth: function(wei) {}
|
|
property bool interactive: true
|
|
property bool isBridgeTx: false
|
|
property bool showUnpreferredNetworks: preferredToggleButton.checked
|
|
property int errorType: Constants.NoError
|
|
|
|
signal reCalculateSuggestedRoute()
|
|
|
|
RowLayout {
|
|
spacing: 10
|
|
|
|
StatusRoundIcon {
|
|
Layout.alignment: Qt.AlignTop
|
|
radius: 8
|
|
asset.name: "flash"
|
|
asset.color: Theme.palette.directColor1
|
|
}
|
|
ColumnLayout {
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.fillWidth: true
|
|
RowLayout {
|
|
Layout.maximumWidth: 410
|
|
StatusBaseText {
|
|
Layout.maximumWidth: 410
|
|
font.pixelSize: 15
|
|
font.weight: Font.Medium
|
|
color: Theme.palette.directColor1
|
|
text: qsTr("Networks")
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
StatusButton {
|
|
id: preferredToggleButton
|
|
Layout.alignment: Qt.AlignRight
|
|
Layout.preferredHeight: 22
|
|
verticalPadding: -1
|
|
checkable: true
|
|
size: StatusBaseButton.Size.Small
|
|
icon.name: checked ? "show" : "hide"
|
|
icon.height: 16
|
|
icon.width: 16
|
|
text: checked ? qsTr("Hide Unpreferred Networks"): qsTr("Show Unpreferred Networks")
|
|
onToggled: if(!checked) store.addUnpreferredChainsToDisabledChains()
|
|
visible: !isBridgeTx
|
|
}
|
|
}
|
|
StatusBaseText {
|
|
Layout.maximumWidth: 410
|
|
font.pixelSize: 15
|
|
color: Theme.palette.baseColor1
|
|
text: qsTr("The networks where the receipient will receive tokens. Amounts calculated automatically for the lowest cost.")
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
Loader {
|
|
id: networksLoader
|
|
Layout.topMargin: Style.current.padding
|
|
visible: active
|
|
sourceComponent: NetworkCardsComponent {
|
|
store: root.store
|
|
selectedAccount: root.selectedAccount
|
|
ensAddressOrEmpty: root.ensAddressOrEmpty
|
|
allNetworks: root.store.allNetworks
|
|
amountToSend: root.amountToSend
|
|
customMode: root.customMode
|
|
requiredGasInEth: root.requiredGasInEth
|
|
selectedAsset: root.selectedAsset
|
|
reCalculateSuggestedRoute: function() {
|
|
root.reCalculateSuggestedRoute()
|
|
}
|
|
showPreferredChains: preferredToggleButton.checked
|
|
bestRoutes: root.bestRoutes
|
|
weiToEth: root.weiToEth
|
|
interactive: root.interactive
|
|
errorType: root.errorType
|
|
isLoading: root.isLoading
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|