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 "./" import "../stores" import "../panels" import "../views/collectibles" Item { id: root property alias currentTabIndex: walletTabBar.currentIndex property var store property var contactsStore property var sendModal 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 "" } } } ColumnLayout { anchors.fill: parent StackLayout { id: stack Layout.fillWidth: true Layout.preferredHeight: parent.height - footer.height onCurrentIndexChanged: { RootStore.backButtonName = d.getBackButtonText(currentIndex) } ColumnLayout { WalletHeader { Layout.fillWidth: true currency: RootStore.currentCurrency currentAccount: RootStore.currentAccount store: root.store walletStore: RootStore } 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 { account: RootStore.currentAccount assetDetailsLaunched: stack.currentIndex === 2 onAssetClicked: { assetDetailView.token = token stack.currentIndex = 2 } } CollectiblesView { collectiblesModel: RootStore.flatCollectibles onCollectibleClicked: { RootStore.selectCollectible(collectionSlug, collectibleId) stack.currentIndex = 1 } } HistoryView { account: RootStore.currentAccount 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) address: RootStore.currentAccount.mixedcaseAddress } TransactionDetailView { id: transactionDetailView Layout.fillWidth: true Layout.fillHeight: true sendModal: root.sendModal contactsStore: root.contactsStore visible: (stack.currentIndex === 3) } } WalletFooter { id: footer Layout.fillWidth: true Layout.leftMargin: !!root.StackView ? -root.StackView.view.anchors.leftMargin : 0 Layout.rightMargin: !!root.StackView ? -root.StackView.view.anchors.rightMargin : 0 sendModal: root.sendModal walletStore: RootStore } } }