status-desktop/ui/app/AppLayouts/Wallet/CollectiblesTab.qml

80 lines
2.1 KiB
QML

import QtQuick 2.13
import "../../../imports"
import "../../../shared"
Item {
StyledText {
visible: walletModel.collectibles.rowCount() === 0
//% "No collectibles in this account"
text: qsTrId("no-collectibles-in-this-account")
}
Component {
id: collectiblesViewDelegate
Item {
id: element
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
height: 132
SVGImage {
id: collectibleImage
width: 128
height: 128
source: image
anchors.left: parent.left
anchors.leftMargin: 0
anchors.verticalCenter: parent.verticalCenter
}
StyledText {
id: collectibleName
text: name
anchors.verticalCenter: parent.verticalCenter
anchors.left: collectibleImage.right
anchors.leftMargin: Style.current.padding
font.pixelSize: 15
}
StyledText {
id: collectibleIdText
text: collectibleId
anchors.leftMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
anchors.left: collectibleName.right
color: Style.current.darkGrey
font.pixelSize: 15
}
}
}
ListModel {
id: exampleModel
ListElement {
name: "Kitty cat"
image: "../../img/token-icons/eth.svg"
collectibleId: "1337"
}
}
ListView {
id: assetListView
spacing: Style.current.smallPadding
anchors.topMargin: Style.current.bigPadding
anchors.fill: parent
// model: exampleModel
model: walletModel.collectibles
delegate: collectiblesViewDelegate
}
}
/*##^##
Designer {
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
}
##^##*/