mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 14:26:34 +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
118 lines
3.5 KiB
QML
118 lines
3.5 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Utils 0.1 as CoreUtils
|
|
|
|
import mainui 1.0
|
|
import AppLayouts.Profile.panels 1.0
|
|
|
|
import utils 1.0
|
|
|
|
import Storybook 1.0
|
|
import Models 1.0
|
|
|
|
SplitView {
|
|
id: root
|
|
|
|
Logs { id: logs }
|
|
|
|
orientation: Qt.Vertical
|
|
|
|
Popups {
|
|
popupParent: root
|
|
rootStore: QtObject {}
|
|
}
|
|
|
|
ListModel {
|
|
id: collectiblesModel
|
|
readonly property var data: [
|
|
{
|
|
id: 123,
|
|
name: "SNT",
|
|
description: "",
|
|
collectionName: "Super Nitro Toluen (with pink bg)",
|
|
backgroundColor: "pink",
|
|
imageUrl: ModelsData.collectibles.custom,
|
|
permalink: "green",
|
|
isLoading: false
|
|
},
|
|
{
|
|
id: 34545656768,
|
|
name: "Kitty 1",
|
|
description: "",
|
|
collectionName: "Kitties",
|
|
backgroundColor: "",
|
|
imageUrl: ModelsData.collectibles.kitty1Big,
|
|
permalink: "",
|
|
isLoading: false
|
|
},
|
|
{
|
|
id: 123456,
|
|
name: "Kitty 2",
|
|
description: "",
|
|
collectionName: "",
|
|
backgroundColor: "",
|
|
imageUrl: ModelsData.collectibles.kitty2Big,
|
|
permalink: "",
|
|
isLoading: false
|
|
},
|
|
{
|
|
id: 12345645459537432,
|
|
name: "",
|
|
description: "Kitty 3 description",
|
|
collectionName: "Super Kitties",
|
|
backgroundColor: "oink",
|
|
imageUrl: ModelsData.collectibles.kitty3Big,
|
|
permalink: "",
|
|
isLoading: false
|
|
},
|
|
{
|
|
id: 691,
|
|
name: "KILLABEAR",
|
|
description: "Please note that weapons are not yet reflected in the rarity stats.",
|
|
collectionName: "KILLABEARS",
|
|
backgroundColor: "#807c56",
|
|
imageUrl: "https://assets.killabears.com/content/killabears/img/691-e81f892696a8ae700e0dbc62eb072060679a2046d1ef5eb2671bdb1fad1f68e3.png",
|
|
permalink: "https://opensea.io/assets/ethereum/0xc99c679c50033bbc5321eb88752e89a93e9e83c5/691",
|
|
isLoading: true
|
|
},
|
|
{
|
|
id: 8876,
|
|
name: "AIORBIT",
|
|
description: "",
|
|
collectionName: "AIORBIT (Animated SVG)",
|
|
backgroundColor: "",
|
|
imageUrl: "https://dl.openseauserdata.com/cache/originImage/files/8b14ef530b28853445c27d6693c4e805.svg",
|
|
permalink: "https://opensea.io/assets/ethereum/0xba66a7c5e1f89a542e3108e3df155a9bf41ac824/8876",
|
|
isLoading: false
|
|
}
|
|
]
|
|
Component.onCompleted: append(data)
|
|
}
|
|
|
|
StatusScrollView { // wrapped in a ScrollView on purpose; to simulate SettingsContentBase.qml
|
|
SplitView.fillWidth: true
|
|
SplitView.preferredHeight: 500
|
|
ProfileShowcaseCollectiblesPanel {
|
|
id: showcasePanel
|
|
width: 500
|
|
baseModel: collectiblesModel
|
|
}
|
|
}
|
|
|
|
LogsAndControlsPanel {
|
|
id: logsAndControlsPanel
|
|
|
|
SplitView.minimumHeight: 100
|
|
SplitView.preferredHeight: 200
|
|
|
|
logsView.logText: logs.logText
|
|
|
|
Button {
|
|
text: "Reset (clear settings)"
|
|
onClicked: showcasePanel.settings.reset()
|
|
}
|
|
}
|
|
}
|