2020-08-18 19:10:30 +00:00
|
|
|
import QtQuick 2.13
|
|
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import "../../../../../imports"
|
|
|
|
import "../../../../../shared"
|
|
|
|
|
|
|
|
Item {
|
|
|
|
property url collectibleIconSource: "../../../../img/collectibles/CryptoKitties.png"
|
|
|
|
property string collectibleName: "CryptoKitties"
|
|
|
|
property bool isLoading: true
|
2020-08-18 20:11:36 +00:00
|
|
|
property bool collectiblesOpened: false
|
2020-08-19 15:58:25 +00:00
|
|
|
property var collectiblesModal
|
|
|
|
property string buttonText: "View in Cryptokitties"
|
|
|
|
property var getLink: function () {}
|
2020-08-18 19:10:30 +00:00
|
|
|
|
|
|
|
id: root
|
2020-08-19 17:07:07 +00:00
|
|
|
width: parent.width
|
|
|
|
height: childrenRect.height
|
2020-08-18 19:10:30 +00:00
|
|
|
|
|
|
|
CollectiblesHeader {
|
2020-08-18 20:11:36 +00:00
|
|
|
id: collectiblesHeader
|
2020-08-18 19:10:30 +00:00
|
|
|
collectibleName: root.collectibleName
|
|
|
|
collectibleIconSource: root.collectibleIconSource
|
|
|
|
isLoading: root.isLoading
|
2020-08-18 20:11:36 +00:00
|
|
|
toggleCollectible: function () {
|
|
|
|
root.collectiblesOpened = !root.collectiblesOpened
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Loader {
|
|
|
|
active: root.collectiblesOpened
|
|
|
|
sourceComponent: contentComponent
|
|
|
|
anchors.top: collectiblesHeader.bottom
|
|
|
|
anchors.topMargin: Style.current.halfPadding
|
|
|
|
width: parent.width
|
|
|
|
}
|
|
|
|
|
|
|
|
Component {
|
|
|
|
id: contentComponent
|
|
|
|
|
2020-08-19 15:58:25 +00:00
|
|
|
CollectiblesContent {
|
|
|
|
collectiblesModal: root.collectiblesModal
|
|
|
|
buttonText: root.buttonText
|
|
|
|
getLink: root.getLink
|
|
|
|
}
|
2020-08-18 19:10:30 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*##^##
|
|
|
|
Designer {
|
|
|
|
D{i:0;autoSize:true;height:480;width:640}
|
|
|
|
}
|
|
|
|
##^##*/
|