mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-12 15:24:39 +00:00
a8eed304c0
Implement the UI part of Profile/Settings/Showcase: - Communities/Accounts/Collectibles/Assets tabs - drag and drop of items between "hidden" and "in showcase" sections - ability to set individual items' visibility - persistency (showcase saved across restarts), not exposed yet due to missing backend API Closes #9936
46 lines
1.7 KiB
QML
46 lines
1.7 KiB
QML
import QtQuick 2.15
|
|
|
|
import utils 1.0
|
|
|
|
import AppLayouts.Profile.controls 1.0
|
|
|
|
ProfileShowcasePanel {
|
|
id: root
|
|
|
|
settingsKey: "assets"
|
|
keyRole: "symbol"
|
|
roleNames: ["symbol", "name", "visibleForNetworkWithPositiveBalance", "enabledNetworkBalance"]
|
|
filterFunc: (modelData) => modelData.visibleForNetworkWithPositiveBalance && !showcaseModel.hasItem(modelData.symbol)
|
|
hiddenPlaceholderBanner: qsTr("Assets here will show on your profile")
|
|
showcasePlaceholderBanner: qsTr("Assets here will be hidden from your profile")
|
|
|
|
draggableDelegateComponent: AssetShowcaseDelegate {
|
|
Drag.keys: ["x-status-draggable-showcase-item-hidden"]
|
|
showcaseObj: modelData
|
|
dragParent: dragParentData
|
|
visualIndex: visualIndexData
|
|
onShowcaseVisibilityRequested: {
|
|
var tmpObj = Object()
|
|
root.roleNames.forEach(role => tmpObj[role] = showcaseObj[role])
|
|
tmpObj.showcaseVisibility = value
|
|
showcaseModel.append(tmpObj)
|
|
showcaseVisibility = Constants.ShowcaseVisibility.NoOne // reset
|
|
}
|
|
}
|
|
showcaseDraggableDelegateComponent: AssetShowcaseDelegate {
|
|
Drag.keys: ["x-status-draggable-showcase-item"]
|
|
showcaseObj: modelData
|
|
dragParent: dragParentData
|
|
visualIndex: visualIndexData
|
|
dragAxis: Drag.YAxis
|
|
showcaseVisibility: !!modelData ? modelData.showcaseVisibility : Constants.ShowcaseVisibility.NoOne
|
|
onShowcaseVisibilityRequested: {
|
|
if (value === Constants.ShowcaseVisibility.NoOne) {
|
|
showcaseModel.remove(visualIndex)
|
|
} else {
|
|
showcaseModel.setProperty(visualIndex, "showcaseVisibility", value)
|
|
}
|
|
}
|
|
}
|
|
}
|