import QtQuick 2.13 import QtQuick.Layouts 1.13 import StatusQ.Core 0.1 import StatusQ.Controls 0.1 import utils 1.0 import shared.views 1.0 import shared.stores 1.0 import "./" import "../stores" import "../panels" import "../views/collectibles" Item { id: root property alias currentTabIndex: walletTabBar.currentIndex property var store property var contactsStore property var sendModal property var networkConnectionStore function resetStack() { stack.currentIndex = 0; } QtObject { id: d function getBackButtonText(index) { switch(index) { case 1: return qsTr("Collectibles") case 2: return qsTr("Assets") case 3: return qsTr("Activity") default: return "" } } } StackLayout { id: stack anchors.fill: parent onCurrentIndexChanged: { RootStore.backButtonName = d.getBackButtonText(currentIndex) } ColumnLayout { WalletHeader { Layout.fillWidth: true overview: RootStore.overview store: root.store walletStore: RootStore networkConnectionStore: root.networkConnectionStore } StatusTabBar { id: walletTabBar objectName: "rightSideWalletTabBar" horizontalPadding: Style.current.padding Layout.fillWidth: true Layout.topMargin: Style.current.padding StatusTabButton { leftPadding: 0 width: implicitWidth text: qsTr("Assets") } StatusTabButton { width: implicitWidth text: qsTr("Collectibles") } StatusTabButton { rightPadding: 0 width: implicitWidth text: qsTr("Activity") } } StackLayout { Layout.fillWidth: true Layout.fillHeight: true Layout.topMargin: Style.current.padding Layout.bottomMargin: Style.current.padding currentIndex: walletTabBar.currentIndex AssetsView { assets: RootStore.assets networkConnectionStore: root.networkConnectionStore assetDetailsLaunched: stack.currentIndex === 2 onAssetClicked: { assetDetailView.token = token stack.currentIndex = 2 } } CollectiblesView { collectiblesModel: RootStore.flatCollectibles onCollectibleClicked: { RootStore.selectCollectible(address, tokenId) stack.currentIndex = 1 } } HistoryView { overview: RootStore.overview onLaunchTransactionDetail: { transactionDetailView.transaction = transaction stack.currentIndex = 3 } } } } CollectibleDetailView { Layout.fillWidth: true Layout.fillHeight: true } AssetsDetailView { id: assetDetailView Layout.fillWidth: true Layout.fillHeight: true visible: (stack.currentIndex === 2) assetsLoading: RootStore.assetsLoading address: RootStore.overview.mixedcaseAddress networkConnectionStore: root.networkConnectionStore } TransactionDetailView { id: transactionDetailView Layout.fillWidth: true Layout.fillHeight: true sendModal: root.sendModal contactsStore: root.contactsStore visible: (stack.currentIndex === 3) } } }