78 lines
2.1 KiB
QML
78 lines
2.1 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Layouts 1.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
import utils 1.0
|
|
|
|
import AppLayouts.Wallet.views.collectibles 1.0
|
|
|
|
StatusScrollView {
|
|
id: root
|
|
|
|
property int viewWidth: 560 // by design
|
|
property var model
|
|
|
|
signal itemClicked(int index,
|
|
int chainId,
|
|
string chainName,
|
|
string accountName,
|
|
string accountAddress)
|
|
|
|
QtObject {
|
|
id: d
|
|
|
|
function getStateText(deployState) {
|
|
if(deployState === Constants.DeployState.Failed) {
|
|
return qsTr("Failed")
|
|
}
|
|
|
|
if(deployState === Constants.DeployState.InProgress) {
|
|
return qsTr("Minting...")
|
|
}
|
|
return ""
|
|
}
|
|
}
|
|
|
|
contentWidth: mainLayout.width
|
|
contentHeight: mainLayout.height
|
|
padding: 0
|
|
|
|
ColumnLayout {
|
|
id: mainLayout
|
|
|
|
width: root.viewWidth
|
|
spacing: Style.current.padding
|
|
|
|
StatusBaseText {
|
|
text: qsTr("Collectibles")
|
|
font.pixelSize: Theme.primaryTextFontSize
|
|
color: Theme.palette.baseColor1
|
|
}
|
|
|
|
StatusGridView {
|
|
id: gridView
|
|
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 500 // TODO
|
|
model: root.model
|
|
cellHeight: 229
|
|
cellWidth: 176
|
|
delegate: CollectibleView {
|
|
height: gridView.cellHeight
|
|
width: gridView.cellWidth
|
|
title: model.name ? model.name : "..."
|
|
subTitle: d.getStateText(model.deployState)
|
|
fallbackImageUrl: model.image ? model.image : ""
|
|
backgroundColor: model.backgroundColor ? model.backgroundColor : "transparent" // TODO BACKEND
|
|
isLoading: false
|
|
navigationIconVisible: true
|
|
|
|
onClicked: root.itemClicked(model.index, model.chainId, model.chainName, model.accountName, model.address) // TODO: Replace to model.key when role exists in backend
|
|
}
|
|
}
|
|
}
|
|
}
|