status-desktop/ui/app/AppLayouts/Profile/views/wallet/ManageTokensView.qml

268 lines
9.8 KiB
QML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import StatusQ 0.1
import StatusQ.Core 0.1
import StatusQ.Controls 0.1
import StatusQ.Components 0.1
import StatusQ.Models 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Popups.Dialog 0.1
import shared.controls 1.0
import shared.stores 1.0 as SharedStores
import utils 1.0
import AppLayouts.Profile.panels 1.0
import AppLayouts.Wallet.panels 1.0
import AppLayouts.Wallet.stores 1.0
Item {
id: root
required property TokensStore tokensStore
required property double tokenListUpdatedAt
required property var assetsController
required property var collectiblesController
required property var sourcesOfTokensModel // Expected roles: key, name, updatedAt, source, version, tokensCount, image
required property var tokensListModel // Expected roles: name, symbol, image, chainName, explorerUrl
required property var baseWalletAssetsModel
required property var baseWalletCollectiblesModel
property var getCurrencyAmount: function (balance, symbol) {}
property var getCurrentCurrencyAmount: function(balance){}
property alias currentIndex: tabBar.currentIndex
readonly property bool dirty: !!loader.item && loader.item.dirty
readonly property bool advancedTabVisible: tabBar.currentIndex === d.advancedTabIndex
function saveChanges(update) {
loader.item.saveSettings(update)
}
function resetChanges() {
loader.item.resetChanges()
}
QtObject {
id: d
readonly property int assetsTabIndex: 0
readonly property int collectiblesTabIndex: 1
readonly property int hiddenTabIndex: 2
readonly property int advancedTabIndex: 3
}
ColumnLayout {
anchors.fill: parent
StatusTabBar {
id: tabBar
Layout.fillWidth: true
Layout.topMargin: 5
StatusTabButton {
leftPadding: 0
width: implicitWidth
objectName: "assetsButton"
text: qsTr("Assets")
}
StatusTabButton {
width: implicitWidth
text: qsTr("Collectibles")
}
StatusTabButton {
width: implicitWidth
text: qsTr("Hidden")
}
StatusTabButton {
width: implicitWidth
text: qsTr("Advanced")
}
}
// NB: we want to discard any pending unsaved changes when switching tabs or navigating away
Loader {
id: loader
Layout.fillWidth: true
Layout.fillHeight: true
active: visible
sourceComponent: {
switch (tabBar.currentIndex) {
case d.assetsTabIndex:
return assetsPanel
case d.collectiblesTabIndex:
return collectiblesPanel
case d.hiddenTabIndex:
return hiddenPanel
case d.advancedTabIndex:
return advancedTab
}
}
}
Component {
id: assetsPanel
ManageAssetsPanel {
getCurrencyAmount: function (balance, symbol) {
return root.getCurrencyAmount(balance, symbol)
}
getCurrentCurrencyAmount: function (balance) {
return root.getCurrentCurrencyAmount(balance)
}
controller: root.assetsController
}
}
Component {
id: collectiblesPanel
ManageCollectiblesPanel {
controller: root.collectiblesController
}
}
Component {
id: hiddenPanel
ManageHiddenPanel {
getCurrencyAmount: function (balance, symbol) {
return root.getCurrencyAmount(balance, symbol)
}
getCurrentCurrencyAmount: function (balance) {
return root.getCurrentCurrencyAmount(balance)
}
assetsController: root.assetsController
collectiblesController: root.collectiblesController
}
}
Component {
id: advancedTab
ColumnLayout {
id: advancedSettings
function saveSettings() {
if (showCommunityAssetsSwitch.checked !== root.tokensStore.showCommunityAssetsInSend)
root.tokensStore.toggleShowCommunityAssetsInSend()
if (displayThresholdSwitch.checked !== root.tokensStore.displayAssetsBelowBalance)
root.tokensStore.toggleDisplayAssetsBelowBalance()
const rawAmount = currencyAmount.value * Math.pow(10, thresholdCurrency.displayDecimals)
if (rawAmount !== thresholdCurrency.amount) {
root.tokensStore.setDisplayAssetsBelowBalanceThreshold(rawAmount)
}
dirty = false
}
function resetChanges() {
showCommunityAssetsSwitch.checked = root.tokensStore.showCommunityAssetsInSend
displayThresholdSwitch.checked = root.tokensStore.displayAssetsBelowBalance
currencyAmount.value = getDisplayThresholdAmount()
dirty = false
}
function getDisplayThresholdAmount() {
return thresholdCurrency.amount / Math.pow(10, thresholdCurrency.displayDecimals)
}
property bool dirty: false
readonly property var thresholdCurrency: root.tokensStore.getDisplayAssetsBelowBalanceThresholdCurrency()
spacing: 8
StatusListItem {
Layout.fillWidth: true
title: qsTr("Show community assets when sending tokens")
components: [
StatusSwitch {
id: showCommunityAssetsSwitch
checked: root.tokensStore.showCommunityAssetsInSend
onCheckedChanged: {
if (!advancedSettings.dirty && checked === root.tokensStore.showCommunityAssetsInSend) {
// Skipping initial value
return
}
advancedSettings.dirty = true
}
}
]
onClicked: {
showCommunityAssetsSwitch.checked = !showCommunityAssetsSwitch.checked
}
}
StatusDialogDivider {
Layout.fillWidth: true
}
StatusListItem {
Layout.fillWidth: true
title: qsTr("Dont display assets with balance lower than")
components: [
CurrencyAmountInput {
id: currencyAmount
enabled: displayThresholdSwitch.checked
currencySymbol: SharedStores.RootStore.currencyStore.currentCurrency
value: advancedSettings.getDisplayThresholdAmount()
onValueChanged: {
if (!advancedSettings.dirty && advancedSettings.getDisplayThresholdAmount() === value) {
// Skipping initial value
return
}
advancedSettings.dirty = true
}
},
StatusSwitch {
id: displayThresholdSwitch
checked: root.tokensStore.displayAssetsBelowBalance
onCheckedChanged: {
if (!advancedSettings.dirty && checked === root.tokensStore.displayAssetsBelowBalance) {
// Skipping initial value
return
}
advancedSettings.dirty = true
}
}
]
onClicked: {
displayThresholdSwitch.checked = !displayThresholdSwitch.checked
}
}
StatusDialogDivider {
Layout.fillWidth: true
}
RowLayout {
Layout.fillWidth: true
Layout.preferredHeight: 64
Layout.topMargin: 18
Layout.bottomMargin: -6
StatusBaseText {
Layout.fillWidth: true
text: qsTr("Token lists")
color: Style.current.textColor
}
StatusBaseText {
Layout.alignment: Qt.AlignRight
text: qsTr("Last updated %1 @%2").arg(LocaleUtils.formatDate(root.tokenListUpdatedAt * 1000)).arg(LocaleUtils.formatTime(root.tokenListUpdatedAt, Locale.ShortFormat))
font.pixelSize: Style.current.additionalTextSize
color: Style.current.darkGrey
}
}
SupportedTokenListsPanel {
Layout.fillWidth: true
Layout.fillHeight: true
sourcesOfTokensModel: root.sourcesOfTokensModel
tokensListModel: root.tokensListModel
}
}
}
}
}