mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-21 02:58:55 +00:00
b9271005cd
Add a specific state to the saveSettings action to update the model by reloading the data. The previous implementation was using the same save address which doesn't update. Either in the past there was a side effect that made it work or it was never working. Closes #14365
481 lines
18 KiB
QML
481 lines
18 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import Qt.labs.settings 1.1
|
|
import QtQml 2.15
|
|
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Utils 0.1
|
|
|
|
import utils 1.0
|
|
import shared 1.0
|
|
import shared.panels 1.0
|
|
import shared.popups 1.0
|
|
import shared.popups.keypairimport 1.0
|
|
import shared.status 1.0
|
|
|
|
import "../stores"
|
|
import "../controls"
|
|
import "../popups"
|
|
import "../panels"
|
|
|
|
import AppLayouts.Profile.views.wallet 1.0
|
|
import AppLayouts.Wallet.stores 1.0
|
|
import AppLayouts.Wallet.controls 1.0
|
|
import AppLayouts.Wallet 1.0
|
|
|
|
SettingsContentBase {
|
|
id: root
|
|
|
|
property var emojiPopup
|
|
property ProfileSectionStore rootStore
|
|
property var walletStore: rootStore.walletStore
|
|
required property TokensStore tokensStore
|
|
property var networkConnectionStore
|
|
required property WalletAssetsStore assetsStore
|
|
required property CollectiblesStore collectiblesStore
|
|
|
|
readonly property int mainViewIndex: 0
|
|
readonly property int networksViewIndex: 1
|
|
readonly property int editNetworksViewIndex: 2
|
|
readonly property int accountOrderViewIndex: 3
|
|
readonly property int accountViewIndex: 4
|
|
readonly property int manageTokensViewIndex: 5
|
|
readonly property int savedAddressesViewIndex: 6
|
|
|
|
readonly property string walletSectionTitle: qsTr("Wallet")
|
|
readonly property string networksSectionTitle: qsTr("Networks")
|
|
|
|
function resetStack() {
|
|
if(stackContainer.currentIndex === root.editNetworksViewIndex) {
|
|
stackContainer.currentIndex = root.networksViewIndex
|
|
}
|
|
else {
|
|
stackContainer.currentIndex = mainViewIndex;
|
|
}
|
|
}
|
|
|
|
// Dirty state will be just ignored when user leaves manage tokens settings (excluding advanced settings that needs user action)
|
|
ignoreDirty: stackContainer.currentIndex === manageTokensViewIndex && !manageTokensView.advancedTabVisible
|
|
dirty: manageTokensView.dirty
|
|
saveChangesButtonEnabled: dirty
|
|
toast.type: SettingsDirtyToastMessage.Type.Info
|
|
toast.cancelButtonVisible: manageTokensView.advancedTabVisible
|
|
toast.saveForLaterButtonVisible: !manageTokensView.advancedTabVisible
|
|
toast.saveChangesText: manageTokensView.advancedTabVisible ? toast.defaultSaveChangesText : qsTr("Apply to my Wallet")
|
|
toast.changesDetectedText: manageTokensView.advancedTabVisible ? toast.defaultChangesDetectedText : qsTr("New custom sort order created")
|
|
|
|
onSaveForLaterClicked: {
|
|
manageTokensView.saveChanges(false /* update */)
|
|
}
|
|
onSaveChangesClicked: {
|
|
manageTokensView.saveChanges(true /* update */)
|
|
|
|
if (manageTokensView.advancedTabVisible) {
|
|
// don't emit toasts when the Advanced tab is visible
|
|
return
|
|
}
|
|
|
|
let sectionLink = "%1/%2/".arg(Constants.appSection.wallet).arg(WalletLayout.LeftPanelSelection.AllAddresses)
|
|
|
|
if (Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageAssets) {
|
|
sectionLink += WalletLayout.RightPanelSelection.Assets
|
|
priv.assetSettings.setValue("currentSortValue", SortOrderComboBox.TokenOrderCustom)
|
|
priv.assetSettings.sync()
|
|
} else if (Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageCollectibles) {
|
|
sectionLink += WalletLayout.RightPanelSelection.Collectibles
|
|
priv.collectiblesSettings.setValue("currentSortValue", SortOrderComboBox.TokenOrderCustom)
|
|
priv.collectiblesSettings.sync()
|
|
}
|
|
|
|
Global.displayToastMessage(
|
|
qsTr("Your new custom token order has been applied to your %1", "Go to Wallet")
|
|
.arg(`<a style="text-decoration:none" href="#${sectionLink}">` + qsTr("Wallet", "Go to Wallet") + "</a>"),
|
|
"",
|
|
"checkmark-circle",
|
|
false,
|
|
Constants.ephemeralNotificationType.success,
|
|
""
|
|
)
|
|
}
|
|
onResetChangesClicked: {
|
|
manageTokensView.resetChanges()
|
|
}
|
|
|
|
readonly property var priv: QtObject {
|
|
id: priv
|
|
readonly property bool isManageTokensSubsection: Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageAssets ||
|
|
Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageCollectibles ||
|
|
Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageHidden ||
|
|
Global.settingsSubSubsection === Constants.walletSettingsSubsection.manageAdvanced
|
|
|
|
readonly property var assetSettings: Settings {
|
|
category: "AssetsViewSortSettings"
|
|
//property int currentSortValue
|
|
}
|
|
|
|
readonly property var collectiblesSettings: Settings {
|
|
category: "CollectiblesViewSortSettings"
|
|
//property int currentSortValue
|
|
}
|
|
}
|
|
|
|
StackLayout {
|
|
id: stackContainer
|
|
|
|
width: root.contentWidth
|
|
height: stackContainer.currentIndex === root.mainViewIndex ? main.height:
|
|
stackContainer.currentIndex === root.networksViewIndex ? networksView.height:
|
|
stackContainer.currentIndex === root.editNetworksViewIndex ? editNetwork.height:
|
|
stackContainer.currentIndex === root.accountOrderViewIndex ? accountOrderView.height:
|
|
stackContainer.currentIndex === root.manageTokensViewIndex ? manageTokensView.implicitHeight :
|
|
stackContainer.currentIndex === root.savedAddressesViewIndex ? savedAddressesView.height:
|
|
accountView.height
|
|
currentIndex: mainViewIndex
|
|
|
|
Binding on currentIndex {
|
|
value: root.manageTokensViewIndex
|
|
when: priv.isManageTokensSubsection
|
|
restoreMode: Binding.RestoreNone
|
|
}
|
|
|
|
onCurrentIndexChanged: {
|
|
root.rootStore.backButtonName = ""
|
|
root.sectionTitle = root.walletSectionTitle
|
|
root.titleRowComponentLoader.sourceComponent = undefined
|
|
root.titleRowLeftComponentLoader.sourceComponent = undefined
|
|
root.titleRowLeftComponentLoader.visible = false
|
|
root.titleLayout.spacing = 5
|
|
|
|
if (currentIndex == root.mainViewIndex) {
|
|
root.titleRowComponentLoader.sourceComponent = addNewAccountButtonComponent
|
|
}
|
|
|
|
if(currentIndex == root.networksViewIndex) {
|
|
root.rootStore.backButtonName = root.walletSectionTitle
|
|
root.sectionTitle = root.networksSectionTitle
|
|
}
|
|
|
|
if(currentIndex == root.editNetworksViewIndex) {
|
|
root.rootStore.backButtonName = root.networksSectionTitle
|
|
root.sectionTitle = qsTr("Edit %1").arg(!!editNetwork.combinedNetwork.prod &&
|
|
!!editNetwork.combinedNetwork.prod.chainName ? editNetwork.combinedNetwork.prod.chainName: "")
|
|
root.titleRowLeftComponentLoader.visible = true
|
|
root.titleRowLeftComponentLoader.sourceComponent = networkIcon
|
|
root.titleLayout.spacing = 12
|
|
|
|
} else if(currentIndex == root.accountViewIndex) {
|
|
root.rootStore.backButtonName = root.walletSectionTitle
|
|
root.sectionTitle = ""
|
|
|
|
} else if(currentIndex == root.accountOrderViewIndex) {
|
|
root.rootStore.backButtonName = root.walletSectionTitle
|
|
root.sectionTitle = qsTr("Edit account order")
|
|
|
|
} else if(currentIndex == root.manageTokensViewIndex) {
|
|
root.rootStore.backButtonName = root.walletSectionTitle
|
|
root.titleRowLeftComponentLoader.visible = false
|
|
root.sectionTitle = qsTr("Manage tokens")
|
|
} else if(currentIndex == root.savedAddressesViewIndex) {
|
|
root.rootStore.backButtonName = root.walletSectionTitle
|
|
root.titleRowLeftComponentLoader.visible = false
|
|
root.sectionTitle = qsTr("Saved addresses")
|
|
|
|
root.titleRowComponentLoader.sourceComponent = addNewSavedAddressButtonComponent
|
|
}
|
|
}
|
|
|
|
MainView {
|
|
id: main
|
|
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: false
|
|
|
|
walletStore: root.walletStore
|
|
emojiPopup: root.emojiPopup
|
|
|
|
onGoToNetworksView: {
|
|
stackContainer.currentIndex = networksViewIndex
|
|
}
|
|
|
|
onGoToAccountView: {
|
|
if (!!account && !!account.address) {
|
|
root.rootStore.addressWasShown(account.address)
|
|
}
|
|
|
|
root.walletStore.setSelectedAccount(account.address)
|
|
root.walletStore.selectedAccount = Qt.binding(function() { return root.walletStore.accountsModule.selectedAccount })
|
|
accountView.keyPair = Qt.binding(function() { return root.walletStore.accountsModule.selectedKeyPair })
|
|
stackContainer.currentIndex = accountViewIndex
|
|
}
|
|
|
|
onGoToAccountOrderView: {
|
|
stackContainer.currentIndex = accountOrderViewIndex
|
|
}
|
|
onRunRenameKeypairFlow: {
|
|
renameKeypairPopup.keyUid = model.keyPair.keyUid
|
|
renameKeypairPopup.name = model.keyPair.name
|
|
renameKeypairPopup.accounts = model.keyPair.accounts
|
|
renameKeypairPopup.active = true
|
|
}
|
|
onRunRemoveKeypairFlow: {
|
|
removeKeypairPopup.name = model.keyPair.name
|
|
removeKeypairPopup.keyUid = model.keyPair.keyUid
|
|
removeKeypairPopup.accounts= model.keyPair.accounts
|
|
removeKeypairPopup.active = true
|
|
}
|
|
onRunMoveKeypairToKeycardFlow: {
|
|
root.rootStore.keycardStore.runSetupKeycardPopup(model.keyPair.keyUid)
|
|
}
|
|
onRunStopUsingKeycardFlow: {
|
|
root.rootStore.keycardStore.runStopUsingKeycardPopup(model.keyPair.keyUid)
|
|
}
|
|
onGoToManageTokensView: {
|
|
stackContainer.currentIndex = manageTokensViewIndex
|
|
}
|
|
onGoToSavedAddressesView: {
|
|
stackContainer.currentIndex = root.savedAddressesViewIndex
|
|
}
|
|
}
|
|
|
|
NetworksView {
|
|
id: networksView
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: false
|
|
|
|
walletStore: root.walletStore
|
|
|
|
onGoBack: {
|
|
stackContainer.currentIndex = mainViewIndex
|
|
}
|
|
|
|
onEditNetwork: {
|
|
editNetwork.combinedNetwork = network
|
|
stackContainer.currentIndex = editNetworksViewIndex
|
|
}
|
|
}
|
|
|
|
EditNetworkView {
|
|
id: editNetwork
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
networksModule: root.walletStore.networksModuleInst
|
|
networkRPCChanged: root.walletStore.networkRPCChanged
|
|
onEvaluateRpcEndPoint: root.walletStore.evaluateRpcEndPoint(url, isMainUrl)
|
|
onUpdateNetworkValues: {
|
|
root.walletStore.updateNetworkEndPointValues(chainId, newMainRpcInput, newFailoverRpcUrl, revertToDefault)
|
|
stackContainer.currentIndex = networksViewIndex
|
|
}
|
|
}
|
|
|
|
AccountOrderView {
|
|
id: accountOrderView
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: Style.current.padding
|
|
Layout.rightMargin: Style.current.padding
|
|
walletStore: root.walletStore
|
|
onGoBack: {
|
|
stackContainer.currentIndex = mainViewIndex
|
|
}
|
|
}
|
|
|
|
AccountView {
|
|
id: accountView
|
|
account: root.walletStore.selectedAccount
|
|
walletStore: root.walletStore
|
|
emojiPopup: root.emojiPopup
|
|
userProfilePublicKey: walletStore.userProfilePublicKey
|
|
onGoBack: stackContainer.currentIndex = mainViewIndex
|
|
onVisibleChanged: {
|
|
if (!visible && !!root.walletStore) {
|
|
root.walletStore.selectedAccount = null
|
|
keyPair = null
|
|
}
|
|
}
|
|
onRunRenameKeypairFlow: {
|
|
renameKeypairPopup.keyUid = keyPair.keyUid
|
|
renameKeypairPopup.name = keyPair.name
|
|
renameKeypairPopup.accounts = keyPair.accounts
|
|
renameKeypairPopup.active = true
|
|
}
|
|
onRunRemoveKeypairFlow: {
|
|
removeKeypairPopup.name = keyPair.name
|
|
removeKeypairPopup.keyUid = keyPair.keyUid
|
|
removeKeypairPopup.accounts= keyPair.accounts
|
|
removeKeypairPopup.active = true
|
|
}
|
|
onRunImportMissingKeypairFlow: {
|
|
root.walletStore.runKeypairImportPopup(keyPair.keyUid, Constants.keypairImportPopup.mode.selectImportMethod)
|
|
}
|
|
onRunMoveKeypairToKeycardFlow: {
|
|
root.rootStore.keycardStore.runSetupKeycardPopup(keyPair.keyUid)
|
|
}
|
|
onRunStopUsingKeycardFlow: {
|
|
root.rootStore.keycardStore.runStopUsingKeycardPopup(keyPair.keyUid)
|
|
}
|
|
onUpdateWatchAccountHiddenFromTotalBalance: {
|
|
root.walletStore.updateWatchAccountHiddenFromTotalBalance(address, hideFromTotalBalance)
|
|
}
|
|
}
|
|
|
|
ManageTokensView {
|
|
id: manageTokensView
|
|
|
|
implicitHeight: root.availableHeight
|
|
Layout.fillWidth: true
|
|
|
|
tokensStore: root.tokensStore
|
|
tokenListUpdatedAt: tokensStore.tokenListUpdatedAt
|
|
assetsController: root.assetsStore.assetsController
|
|
collectiblesController: root.collectiblesStore.collectiblesController
|
|
sourcesOfTokensModel: tokensStore.sourcesOfTokensModel
|
|
tokensListModel: tokensStore.extendedFlatTokensModel
|
|
baseWalletAssetsModel: root.assetsStore.groupedAccountAssetsModel
|
|
baseWalletCollectiblesModel: root.collectiblesStore.allCollectiblesModel
|
|
getCurrencyAmount: function (balance, symbol) {
|
|
return RootStore.currencyStore.getCurrencyAmount(balance, symbol)
|
|
}
|
|
|
|
getCurrentCurrencyAmount: function (balance) {
|
|
return RootStore.currencyStore.getCurrentCurrencyAmount(balance)
|
|
}
|
|
|
|
Binding on currentIndex {
|
|
value: {
|
|
switch (Global.settingsSubSubsection) {
|
|
case Constants.walletSettingsSubsection.manageAssets:
|
|
return 0
|
|
case Constants.walletSettingsSubsection.manageCollectibles:
|
|
return 1
|
|
case Constants.walletSettingsSubsection.manageHidden:
|
|
return 2
|
|
case Constants.walletSettingsSubsection.manageAdvanced:
|
|
return 3
|
|
}
|
|
}
|
|
when: priv.isManageTokensSubsection
|
|
restoreMode: Binding.RestoreNone
|
|
}
|
|
}
|
|
|
|
SavedAddressesView {
|
|
id: savedAddressesView
|
|
contactsStore: root.rootStore.contactsStore
|
|
networkConnectionStore: root.networkConnectionStore
|
|
sendModal: root.rootStore.sendModalPopup
|
|
}
|
|
|
|
DappPermissionsView {
|
|
walletStore: root.walletStore
|
|
}
|
|
|
|
Component {
|
|
id: addNewAccountButtonComponent
|
|
StatusButton {
|
|
objectName: "settings_Wallet_MainView_AddNewAccountButton"
|
|
text: qsTr("Add new account")
|
|
onClicked: root.walletStore.runAddAccountPopup()
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: addNewSavedAddressButtonComponent
|
|
|
|
StatusButton {
|
|
objectName: "addNewSavedAddressButton"
|
|
text: qsTr("Add new address")
|
|
onClicked: {
|
|
Global.openAddEditSavedAddressesPopup({})
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: networkIcon
|
|
StatusRoundedImage {
|
|
width: 28
|
|
height: 28
|
|
image.source: Style.svg(!!editNetwork.combinedNetwork.prod && !!editNetwork.combinedNetwork.prod.iconUrl ? editNetwork.combinedNetwork.prod.iconUrl: "")
|
|
image.fillMode: Image.PreserveAspectCrop
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: renameKeypairPopup
|
|
active: false
|
|
|
|
property string keyUid
|
|
property string name
|
|
property var accounts
|
|
|
|
sourceComponent: RenameKeypairPopup {
|
|
accountsModule: root.walletStore.accountsModule
|
|
keyUid: renameKeypairPopup.keyUid
|
|
name: renameKeypairPopup.name
|
|
accounts: renameKeypairPopup.accounts
|
|
|
|
onClosed: {
|
|
renameKeypairPopup.active = false
|
|
}
|
|
}
|
|
|
|
onLoaded: {
|
|
renameKeypairPopup.item.open()
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: removeKeypairPopup
|
|
active: false
|
|
|
|
property string name
|
|
property string keyUid
|
|
property var accounts
|
|
|
|
sourceComponent: RemoveKeypairPopup {
|
|
name: removeKeypairPopup.name
|
|
relatedAccounts: removeKeypairPopup.accounts
|
|
getNetworkShortNames: function(chainIds) {return root.walletStore.getNetworkShortNames(chainIds)}
|
|
onClosed: removeKeypairPopup.active = false
|
|
onConfirmClicked: {
|
|
root.walletStore.deleteKeypair(removeKeypairPopup.keyUid)
|
|
removeKeypairPopup.active = false
|
|
}
|
|
}
|
|
onLoaded: removeKeypairPopup.item.open()
|
|
}
|
|
|
|
Connections {
|
|
target: root.walletStore.walletModule
|
|
|
|
function onDisplayKeypairImportPopup() {
|
|
keypairImport.active = true
|
|
}
|
|
function onDestroyKeypairImportPopup() {
|
|
keypairImport.active = false
|
|
}
|
|
}
|
|
|
|
|
|
Loader {
|
|
id: keypairImport
|
|
active: false
|
|
asynchronous: true
|
|
|
|
sourceComponent: KeypairImportPopup {
|
|
store.keypairImportModule: root.walletStore.walletModule.keypairImportModule
|
|
}
|
|
|
|
onLoaded: {
|
|
keypairImport.item.open()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
root.titleRowComponentLoader.sourceComponent = addNewAccountButtonComponent
|
|
}
|
|
}
|