137 lines
4.9 KiB
QML
137 lines
4.9 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"
|
|
|
|
Item {
|
|
id: root
|
|
|
|
implicitHeight: visible ? tabBar.height + stackLayout.height + 2* Style.current.xlPadding : 0
|
|
|
|
property var store
|
|
property var selectedAccount
|
|
property var selectedAsset
|
|
property double amountToSend: 0
|
|
property double requiredGasInEth: 0
|
|
property var bestRoutes
|
|
property bool isLoading: false
|
|
property bool advancedOrCustomMode: (tabBar.currentIndex === 1) || (tabBar.currentIndex === 2)
|
|
property bool errorMode: (tabBar.currentIndex === 1) ?
|
|
advancedNetworkRoutingPage.errorMode :
|
|
(tabBar.currentIndex === 2) ?
|
|
customNetworkRoutingPage.errorMode: false
|
|
property bool interactive: true
|
|
|
|
signal reCalculateSuggestedRoute()
|
|
|
|
QtObject {
|
|
id: d
|
|
readonly property int backgroundRectRadius: 13
|
|
readonly property string backgroundRectColor: Theme.palette.indirectColor1
|
|
}
|
|
|
|
StatusSwitchTabBar {
|
|
id: tabBar
|
|
anchors.top: parent.top
|
|
anchors.topMargin: Style.current.bigPadding
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
StatusSwitchTabButton {
|
|
text: qsTr("Simple")
|
|
}
|
|
StatusSwitchTabButton {
|
|
text: qsTr("Advanced")
|
|
}
|
|
// To-do Implementaion is not ready yet
|
|
// StatusSwitchTabButton {
|
|
// text: qsTr("Custom")
|
|
// }
|
|
}
|
|
|
|
StackLayout {
|
|
id: stackLayout
|
|
anchors.top: tabBar.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
height: currentIndex == 0 ? networksSimpleRoutingPage.height + networksSimpleRoutingPage.anchors.margins + Style.current.bigPadding:
|
|
currentIndex == 1 ? advancedNetworkRoutingPage.height + advancedNetworkRoutingPage.anchors.margins + Style.current.bigPadding:
|
|
customNetworkRoutingPage.height + customNetworkRoutingPage.anchors.margins + Style.current.bigPadding
|
|
width: parent.width
|
|
currentIndex: tabBar.currentIndex
|
|
|
|
Rectangle {
|
|
id: simple
|
|
radius: d.backgroundRectRadius
|
|
color: d.backgroundRectColor
|
|
NetworksSimpleRoutingView {
|
|
id: networksSimpleRoutingPage
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.margins: Style.current.padding
|
|
width: stackLayout.width - Style.current.bigPadding
|
|
bestRoutes: root.bestRoutes
|
|
amountToSend: root.amountToSend
|
|
isLoading: root.isLoading
|
|
weiToEth: function(wei) {
|
|
return "%1 %2".arg(LocaleUtils.numberToLocaleString(parseFloat(store.getWei2Eth(wei)))).arg(selectedAsset.symbol)
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: advanced
|
|
radius: d.backgroundRectRadius
|
|
color: d.backgroundRectColor
|
|
NetworksAdvancedCustomRoutingView {
|
|
id: advancedNetworkRoutingPage
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.margins: Style.current.padding
|
|
store: root.store
|
|
selectedAccount: root.selectedAccount
|
|
amountToSend: root.amountToSend
|
|
requiredGasInEth: root.requiredGasInEth
|
|
selectedAsset: root.selectedAsset
|
|
onReCalculateSuggestedRoute: root.reCalculateSuggestedRoute()
|
|
bestRoutes: root.bestRoutes
|
|
isLoading: root.isLoading
|
|
interactive: root.interactive
|
|
weiToEth: function(wei) {
|
|
return parseFloat(store.getWei2Eth(wei))
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: custom
|
|
radius: d.backgroundRectRadius
|
|
color: d.backgroundRectColor
|
|
NetworksAdvancedCustomRoutingView {
|
|
id: customNetworkRoutingPage
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.margins: Style.current.padding
|
|
customMode: true
|
|
store: root.store
|
|
selectedAccount: root.selectedAccount
|
|
amountToSend: root.amountToSend
|
|
requiredGasInEth: root.requiredGasInEth
|
|
selectedAsset: root.selectedAsset
|
|
onReCalculateSuggestedRoute: root.reCalculateSuggestedRoute()
|
|
bestRoutes: root.bestRoutes
|
|
isLoading: root.isLoading
|
|
interactive: root.interactive
|
|
weiToEth: function(wei) {
|
|
return parseFloat(store.getWei2Eth(wei))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|