101 lines
2.8 KiB
QML
101 lines
2.8 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import StatusQ.Components 0.1
|
|
|
|
import utils 1.0
|
|
import shared.panels 1.0
|
|
|
|
import "../popups"
|
|
import "collectibles"
|
|
|
|
import StatusQ.Components 0.1
|
|
|
|
Item {
|
|
id: root
|
|
width: parent.width
|
|
property var store
|
|
signal collectibleClicked()
|
|
|
|
Loader {
|
|
id: contentLoader
|
|
width: parent.width
|
|
height: parent.height
|
|
|
|
sourceComponent: {
|
|
if (root.store.walletModelV2Inst.collectiblesView.isLoading) {
|
|
return loading;
|
|
}
|
|
if (root.store.walletModelV2Inst.collectiblesView.collections.rowCount() === 0) {
|
|
return empty;
|
|
}
|
|
return loaded;
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: loading
|
|
Item {
|
|
StatusLoadingIndicator {
|
|
width: 20
|
|
height: 20
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: empty
|
|
Item {
|
|
StyledText {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
color: Style.current.secondaryText
|
|
text: qsTr("Collectibles will appear here")
|
|
font.pixelSize: 15
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: loaded
|
|
|
|
ScrollView {
|
|
id: scrollView
|
|
clip: true
|
|
|
|
Column {
|
|
id: collectiblesSection
|
|
width: parent.width
|
|
|
|
Repeater {
|
|
id: collectionsRepeater
|
|
model: root.store.walletModelV2Inst.collectiblesView.collections
|
|
//model: 5
|
|
delegate: StatusExpandableItem {
|
|
width: parent.width - 156
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
primaryText: model.name
|
|
image.source: model.imageUrl
|
|
type: StatusExpandableItem.Type.Secondary
|
|
expandableComponent: CollectibleCollectionView {
|
|
store: root.store
|
|
slug: model.slug
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.bigPadding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.bigPadding
|
|
onCollectibleClicked: {
|
|
root.collectibleClicked();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|