mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 13:56:10 +00:00
b92974ffff
- Added counter in showcase header. - Added placeholder when limit reached and section expanded. - Added placeholder when limit reached and section collapsed. - Added green animation when section collapsed and element added. - Disabled showcase delegate context menu when limit reached. - Dynamic tooltip offset center added. - Added model changes tracker to track the in showcase count. Closes #13507
117 lines
3.5 KiB
QML
117 lines
3.5 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import StatusQ 0.1
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Utils 0.1 as CoreUtils
|
|
|
|
import SortFilterProxyModel 0.2
|
|
|
|
import mainui 1.0
|
|
import AppLayouts.Profile.panels 1.0
|
|
import shared.stores 1.0
|
|
|
|
import utils 1.0
|
|
|
|
import Storybook 1.0
|
|
import Models 1.0
|
|
|
|
import AppLayouts.Wallet.stores 1.0
|
|
|
|
SplitView {
|
|
id: root
|
|
|
|
Logs { id: logs }
|
|
|
|
orientation: Qt.Vertical
|
|
|
|
readonly property WalletAssetsStore walletAssetStore: WalletAssetsStore {
|
|
assetsWithFilteredBalances: walletAssetStore.groupedAccountsAssetsModel
|
|
}
|
|
|
|
SortFilterProxyModel {
|
|
id: inShowcaseModelItem
|
|
sourceModel: !emptyModelChecker.checked ? walletAssetStore.groupedAccountAssetsModel : null
|
|
proxyRoles: [
|
|
FastExpressionRole {
|
|
name: "showcaseKey"
|
|
expression: "Asset 1" + index
|
|
},
|
|
FastExpressionRole {
|
|
name: "showcaseVisibility"
|
|
expression: 1
|
|
}
|
|
]
|
|
}
|
|
|
|
SortFilterProxyModel {
|
|
id: hiddenShowcaseModelItem
|
|
sourceModel: !emptyModelChecker.checked ? walletAssetStore.groupedAccountAssetsModel : null
|
|
proxyRoles: [
|
|
FastExpressionRole {
|
|
name: "showcaseKey"
|
|
expression: "Asset 2" + index
|
|
},
|
|
FastExpressionRole {
|
|
name: "showcaseVisibility"
|
|
expression: 0
|
|
}
|
|
]
|
|
}
|
|
|
|
ProfileShowcaseAssetsPanel {
|
|
id: showcasePanel
|
|
SplitView.fillWidth: true
|
|
SplitView.preferredHeight: 500
|
|
inShowcaseModel: inShowcaseModelItem
|
|
hiddenModel: hiddenShowcaseModelItem
|
|
showcaseLimit: 8
|
|
|
|
addAccountsButtonVisible: !hasAllAccountsChecker.checked
|
|
|
|
formatCurrencyAmount: function (amount, symbol) {
|
|
const currencyAmount = ({amount: amount,
|
|
symbol: symbol.toUpperCase(),
|
|
displayDecimals: 4,
|
|
stripTrailingZeroes: false})
|
|
return LocaleUtils.currencyAmountToLocaleString(currencyAmount)
|
|
}
|
|
|
|
onNavigateToAccountsTab: logs.logEvent("ProfileShowcaseAssetsPanel::onNavigateToAccountsTab")
|
|
}
|
|
|
|
LogsAndControlsPanel {
|
|
id: logsAndControlsPanel
|
|
|
|
SplitView.minimumHeight: 100
|
|
SplitView.preferredHeight: 200
|
|
|
|
logsView.logText: logs.logText
|
|
|
|
ColumnLayout {
|
|
CheckBox {
|
|
id: hasAllAccountsChecker
|
|
|
|
text: "Has the user already shared all of their accounts"
|
|
checked: true
|
|
}
|
|
|
|
CheckBox {
|
|
id: emptyModelChecker
|
|
|
|
text: "Empty model"
|
|
checked: false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// category: Panels
|
|
|
|
// https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?node-id=14588-319260&t=RkXAEv3G6mp3EUvl-0
|
|
// https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?node-id=14609-238808&t=RkXAEv3G6mp3EUvl-0
|
|
// https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?node-id=14609-239912&t=RkXAEv3G6mp3EUvl-0
|
|
// https://www.figma.com/file/idUoxN7OIW2Jpp3PMJ1Rl8/%E2%9A%99%EF%B8%8F-Settings-%7C-Desktop?node-id=14609-240991&t=RkXAEv3G6mp3EUvl-0
|
|
// https://www.figma.com/file/ibJOTPlNtIxESwS96vJb06/%F0%9F%91%A4-Profile-%7C-Desktop?type=design&node-id=2460%3A30679&mode=design&t=6rs9xMrPv4sGZKe4-1
|