70 lines
1.8 KiB
QML
70 lines
1.8 KiB
QML
|
import QtQuick 2.13
|
||
|
|
import QtGraphicalEffects 1.13
|
||
|
|
import "../../../../imports"
|
||
|
|
import "../../../../shared"
|
||
|
|
import "../../../../shared/status"
|
||
|
|
|
||
|
|
ModalPopup {
|
||
|
|
id: root
|
||
|
|
property string name: "Furbeard"
|
||
|
|
property string collectibleId: "1423"
|
||
|
|
property url imageUrl: ""
|
||
|
|
property string description: "Avast ye! I'm the dread pirate Furbeard, and I'll most likely sleep"
|
||
|
|
property string permalink: "https://www.cryptokitties.co/"
|
||
|
|
property var openModal: function (options) {
|
||
|
|
root.name = options.name
|
||
|
|
root.collectibleId = options.collectibleId
|
||
|
|
root.description = options.description
|
||
|
|
root.imageUrl = options.imageUrl
|
||
|
|
root.permalink = options.permalink
|
||
|
|
root.open()
|
||
|
|
}
|
||
|
|
|
||
|
|
title: root.name || qsTr("unnamed")
|
||
|
|
|
||
|
|
Item {
|
||
|
|
width: parent.width
|
||
|
|
|
||
|
|
RoundedImage {
|
||
|
|
id: collectibleImage
|
||
|
|
width: 248
|
||
|
|
height: 248
|
||
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
|
source: root.imageUrl
|
||
|
|
radius: 16
|
||
|
|
fillMode: Image.PreserveAspectCrop
|
||
|
|
}
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: idText
|
||
|
|
label: qsTr("id")
|
||
|
|
text: root.collectibleId
|
||
|
|
anchors.top: collectibleImage.bottom
|
||
|
|
anchors.topMargin:0
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: description
|
||
|
|
visible: !!root.description
|
||
|
|
label: qsTr("description")
|
||
|
|
text: root.description
|
||
|
|
anchors.top: idText.bottom
|
||
|
|
anchors.topMargin: 0
|
||
|
|
wrap: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
footer: StatusButton {
|
||
|
|
anchors.right: parent.right
|
||
|
|
anchors.rightMargin: Style.current.padding
|
||
|
|
text: qsTr("View in Opensea")
|
||
|
|
anchors.top: parent.top
|
||
|
|
onClicked: {
|
||
|
|
appMain.openLink(root.permalink)
|
||
|
|
root.close()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|