mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-11 22:27:50 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
79 lines
2.4 KiB
QML
79 lines
2.4 KiB
QML
import QtQuick 2.13
|
|
import QtGraphicalEffects 1.13
|
|
|
|
import utils 1.0
|
|
import "../../../shared"
|
|
import "./components/collectiblesComponents"
|
|
import "./components/collectiblesComponents/collectiblesData.js" as CollectiblesData
|
|
|
|
Item {
|
|
id: root
|
|
|
|
StyledText {
|
|
id: noCollectiblesText
|
|
color: Style.current.secondaryText
|
|
//% "Collectibles will appear here"
|
|
text: qsTrId("collectibles-will-appear-here")
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
font.pixelSize: 15
|
|
}
|
|
|
|
CollectiblesModal {
|
|
id: collectiblesModalComponent
|
|
}
|
|
|
|
function checkCollectiblesVisibility() {
|
|
// Show the collectibles section only if at least one of the sub-items is visible
|
|
// Sub-items are visible only if they are loading or have more than zero collectible
|
|
let showCollectibles = false
|
|
let currentItem
|
|
for (let i = 0; i < collectiblesRepeater.count; i++) {
|
|
currentItem = collectiblesRepeater.itemAt(i)
|
|
if (currentItem && currentItem.active) {
|
|
showCollectibles = true
|
|
break
|
|
}
|
|
}
|
|
noCollectiblesText.visible = !showCollectibles
|
|
collectiblesSection.visible = showCollectibles
|
|
}
|
|
|
|
Column {
|
|
id: collectiblesSection
|
|
spacing: Style.current.halfPadding
|
|
anchors.fill: parent
|
|
|
|
Repeater {
|
|
id: collectiblesRepeater
|
|
model: walletModel.collectiblesView.collectiblesLists
|
|
|
|
CollectiblesContainer {
|
|
property var collectibleData: CollectiblesData.collectiblesData[model.collectibleType]
|
|
|
|
collectibleName: collectibleData.collectibleName
|
|
collectibleIconSource: Style.png("collectibles/" + collectibleData.collectibleIconSource)
|
|
collectiblesModal: collectiblesModalComponent
|
|
buttonText: collectibleData.buttonText
|
|
getLink: collectibleData.getLink
|
|
onActiveChanged: {
|
|
checkCollectiblesVisibility()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: walletModel.collectiblesView.collectiblesLists
|
|
onDataChanged: {
|
|
checkCollectiblesVisibility()
|
|
}
|
|
}
|
|
}
|
|
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
|
|
}
|
|
##^##*/
|