56 lines
1.6 KiB
QML
56 lines
1.6 KiB
QML
|
import QtQuick 2.13
|
||
|
|
|
||
|
|
import StatusQ.Components 0.1
|
||
|
|
import StatusQ.Core.Theme 0.1
|
||
|
|
|
||
|
|
import utils 1.0
|
||
|
|
|
||
|
|
StatusListItem {
|
||
|
|
id: root
|
||
|
|
|
||
|
|
property string currentCurrencySymbol
|
||
|
|
property var getNetworkIcon: function(chainId){
|
||
|
|
return ""
|
||
|
|
}
|
||
|
|
signal tokenSelected(var selectedToken)
|
||
|
|
|
||
|
|
title: name
|
||
|
|
label: enabledNetworkCurrencyBalance.toLocaleCurrencyString(Qt.locale(), root.currentCurrencySymbol)
|
||
|
|
asset.name: symbol ? Style.png("tokens/" + symbol) : ""
|
||
|
|
asset.isImage: true
|
||
|
|
asset.width: 32
|
||
|
|
asset.height: 32
|
||
|
|
statusListItemLabel.color: Theme.palette.directColor1
|
||
|
|
statusListItemInlineTagsSlot.spacing: sensor.containsMouse ? 0 : -8
|
||
|
|
tagsModel: balances.count > 0 ? balances : []
|
||
|
|
tagsDelegate: sensor.containsMouse ? expandedItem : compactItem
|
||
|
|
|
||
|
|
onClicked: tokenSelected({name, symbol, totalBalance, totalCurrencyBalance, balances, decimals})
|
||
|
|
|
||
|
|
Component {
|
||
|
|
id: compactItem
|
||
|
|
StatusRoundedImage {
|
||
|
|
z: index + 1
|
||
|
|
width: 16
|
||
|
|
height: 16
|
||
|
|
image.source: Style.svg("tiny/%1".arg(root.getNetworkIcon(chainId)))
|
||
|
|
visible: balance > 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
Component {
|
||
|
|
id: expandedItem
|
||
|
|
StatusListItemTag {
|
||
|
|
height: 16
|
||
|
|
title: balance
|
||
|
|
titleText.font.pixelSize: 12
|
||
|
|
closeButtonVisible: false
|
||
|
|
bgColor: "transparent"
|
||
|
|
asset.width: 16
|
||
|
|
asset.height: 16
|
||
|
|
asset.isImage: true
|
||
|
|
asset.name: Style.svg("tiny/%1".arg(root.getNetworkIcon(chainId)))
|
||
|
|
visible: balance > 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|