status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: add design for the Asset Tab

This commit is contained in:
Jonathan Rainville 2020-05-28 11:38:00 -04:00 committed by Iuri Matias
parent 3ce1883c0b
commit 9760008625
1 changed files with 45 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
ui/app/AppLayouts/Wallet/AssetsTab.qml
View File

@ -1,14 +1,17 @@
import QtQuick 2.0 import QtQuick 2.3
import "../../../imports"
Item { Item {
Component { Component {
id: assetViewDelegate id: assetViewDelegate
Item { Item {
id: element
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 0 anchors.rightMargin: 0
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 0 anchors.leftMargin: 0
height: 40
Image { Image {
id: assetInfoImage id: assetInfoImage
@ -16,45 +19,67 @@ Item {
height: 36 height: 36
source: image source: image
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: Theme.padding anchors.leftMargin: 0
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
} }
Text {
id: assetValue
text: value
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14
font.strikeout: false
anchors.left: parent.left
anchors.leftMargin: 72
}
Text { Text {
id: assetSymbol id: assetSymbol
text: symbol text: symbol
anchors.verticalCenter: parent.verticalCenter anchors.left: assetInfoImage.right
anchors.leftMargin: Theme.smallPadding
anchors.top: assetInfoImage.top
anchors.topMargin: 0
color: Theme.black
font.pixelSize: 15
}
Text {
id: assetFullTokenName
text: fullTokenName
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
anchors.left: assetInfoImage.right
anchors.leftMargin: Theme.smallPadding
color: Theme.darkGrey color: Theme.darkGrey
font.pixelSize: 14 font.pixelSize: 15
anchors.right: assetFiatValue.left }
anchors.rightMargin: 10 Text {
id: assetValue
text: value
anchors.right: parent.right
anchors.rightMargin: 0
font.pixelSize: 15
font.strikeout: false
} }
Text { Text {
id: assetFiatValue id: assetFiatValue
color: Theme.darkGrey color: Theme.darkGrey
text: fiatValue text: fiatValue
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: Theme.padding anchors.rightMargin: 0
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
font.pixelSize: 15
} }
} }
} }
ListModel {
id: exampleModel
ListElement {
value: "123 USD"
symbol: "ETH"
fullTokenName: "Ethereum"
fiatValue: "3423 ETH"
image: "../../img/token-icons/eth.svg"
}
}
ListView { ListView {
id: assetListView id: assetListView
anchors.topMargin: 0 anchors.topMargin: 20
anchors.fill: parent anchors.fill: parent
// model: exampleModel
model: assetsModel.assets model: assetsModel.assets
delegate: assetViewDelegate delegate: assetViewDelegate
} }