mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 14:26:34 +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
108 lines
3.3 KiB
QML
108 lines
3.3 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls 2.14
|
|
|
|
import utils 1.0
|
|
import "../../../shared"
|
|
|
|
Item {
|
|
height: assetListView.height
|
|
Component {
|
|
id: assetViewDelegate
|
|
|
|
Item {
|
|
id: element
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
height: 40
|
|
|
|
Image {
|
|
id: assetInfoImage
|
|
width: 36
|
|
height: 36
|
|
source: symbol ? Style.png("tokens/" + symbol) : ""
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 0
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
onStatusChanged: {
|
|
if (assetInfoImage.status == Image.Error) {
|
|
assetInfoImage.source = Style.png("tokens/DEFAULT-TOKEN@3x")
|
|
}
|
|
}
|
|
}
|
|
StyledText {
|
|
id: assetSymbol
|
|
text: symbol
|
|
anchors.left: assetInfoImage.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
anchors.top: assetInfoImage.top
|
|
anchors.topMargin: 0
|
|
font.pixelSize: 15
|
|
}
|
|
StyledText {
|
|
id: assetFullTokenName
|
|
text: name
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 0
|
|
anchors.left: assetInfoImage.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
color: Style.current.secondaryText
|
|
font.pixelSize: 15
|
|
}
|
|
StyledText {
|
|
id: assetValue
|
|
text: value.toUpperCase() + " " + symbol
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 0
|
|
font.pixelSize: 15
|
|
font.strikeout: false
|
|
}
|
|
StyledText {
|
|
id: assetFiatValue
|
|
color: Style.current.secondaryText
|
|
text: Utils.toLocaleString(fiatBalance, globalSettings.locale) + " " + walletModel.balanceView.defaultCurrency.toUpperCase()
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 0
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 0
|
|
font.pixelSize: 15
|
|
}
|
|
}
|
|
}
|
|
|
|
ListModel {
|
|
id: exampleModel
|
|
|
|
ListElement {
|
|
value: "123 USD"
|
|
symbol: "ETH"
|
|
fullTokenName: "Ethereum"
|
|
fiatBalanceDisplay: "3423 ETH"
|
|
image: "token-icons/eth"
|
|
}
|
|
}
|
|
|
|
ScrollView {
|
|
anchors.fill: parent
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
|
ScrollBar.vertical.policy: assetListView.contentHeight > assetListView.height ? ScrollBar.AlwaysOn : ScrollBar.AlwaysOff
|
|
|
|
ListView {
|
|
id: assetListView
|
|
spacing: Style.current.padding * 2
|
|
anchors.fill: parent
|
|
// model: exampleModel
|
|
model: walletModel.tokensView.assets
|
|
delegate: assetViewDelegate
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
}
|
|
}
|
|
}
|
|
/*##^##
|
|
Designer {
|
|
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
|
|
}
|
|
##^##*/
|