feat: add asset list in wallet
This commit is contained in:
Jonathan Rainville
Iuri Matias
parent
fe1a4db078
commit
dfcffeae62
|
|
@ -218,6 +218,89 @@ SplitView {
|
||||||
color: "#ffffff"
|
color: "#ffffff"
|
||||||
Layout.fillHeight: true
|
Layout.fillHeight: true
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
|
|
||||||
|
Text {
|
||||||
|
id: assetsTitle
|
||||||
|
color: Theme.darkGrey
|
||||||
|
text: qsTr("Assets")
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.leftMargin: Theme.padding
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: Theme.smallPadding
|
||||||
|
font.pixelSize: 14
|
||||||
|
}
|
||||||
|
|
||||||
|
Component {
|
||||||
|
id: assetViewDelegate
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: element6
|
||||||
|
height: 56
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 0
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.leftMargin: 0
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
width: 36
|
||||||
|
height: 36
|
||||||
|
color: Theme.blue
|
||||||
|
radius: 50
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.leftMargin: Theme.padding
|
||||||
|
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 {
|
||||||
|
id: assetSymbol
|
||||||
|
text: symbol
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
color: Theme.darkGrey
|
||||||
|
font.pixelSize: 14
|
||||||
|
anchors.right: assetFiatValue.left
|
||||||
|
anchors.rightMargin: 10
|
||||||
|
}
|
||||||
|
Text {
|
||||||
|
id: assetFiatValue
|
||||||
|
color: Theme.darkGrey
|
||||||
|
text: fiatValue
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
font.pixelSize: 14
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: Theme.padding
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Delete this when we have a real model
|
||||||
|
ListModel {
|
||||||
|
id: exampleAssets
|
||||||
|
ListElement {
|
||||||
|
name: "Ethereum"
|
||||||
|
symbol: "ETH"
|
||||||
|
value: "0.4564234124124..."
|
||||||
|
fiatValue: "$268.30"
|
||||||
|
image: ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ListView {
|
||||||
|
id: listView
|
||||||
|
anchors.topMargin: 36
|
||||||
|
anchors.fill: parent
|
||||||
|
// Change this to the real model
|
||||||
|
model: exampleAssets
|
||||||
|
delegate: assetViewDelegate
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -281,12 +364,10 @@ SplitView {
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/*##^##
|
/*##^##
|
||||||
Designer {
|
Designer {
|
||||||
D{i:0;autoSize:true;formeditorZoom:0.75;height:770;width:1152}D{i:4;anchors_x:140;anchors_y:93}
|
D{i:0;autoSize:true;height:770;width:1152}D{i:4;anchors_x:140;anchors_y:93}D{i:8;anchors_width:240}
|
||||||
D{i:8;anchors_width:240}
|
|
||||||
}
|
}
|
||||||
##^##*/
|
##^##*/
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M16 32C24.8365 32 32 24.8365 32 16C32 7.16344 24.8365 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8365 7.16344 32 16 32Z" fill="#667FE3"/>
|
||||||
|
<path d="M8.94867 17.1841L15.9729 27.0799V21.334L8.94867 17.1841Z" fill="white"/>
|
||||||
|
<path opacity="0.6" d="M15.973 21.334V27.0799L23 17.184L15.973 21.334Z" fill="white"/>
|
||||||
|
<path opacity="0.3" d="M22.9941 15.853L15.9728 12.6586L15.9727 20.003L22.9941 15.853Z" fill="white"/>
|
||||||
|
<path opacity="0.6" d="M8.94879 15.8532L15.9731 12.6587L15.9728 20.003L8.94879 15.8532Z" fill="white"/>
|
||||||
|
<path opacity="0.6" d="M15.9728 4.19864L22.9941 15.853L15.9731 12.6587L15.9728 4.19864Z" fill="white"/>
|
||||||
|
<path d="M15.9731 4.19864V12.6587L8.94879 15.8532L15.9731 4.19864Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 806 B |
|
|
@ -0,0 +1,4 @@
|
||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16Z" fill="white"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6988 15.8523C16.7812 15.9627 15.5793 15.516 13.6615 15.6268C13.1857 15.6535 12.7133 15.7224 12.2498 15.8328C12.5329 12.286 15.0431 9.18331 18.4565 8.98609C20.5512 8.86523 22.6449 10.1585 22.7584 12.258C22.8701 14.3216 21.2968 15.7021 18.6991 15.852L18.6988 15.8523ZM13.5492 23.1071C11.5425 23.2204 9.53703 22.0097 9.42813 20.0451C9.32103 18.1137 10.8286 16.8217 13.3172 16.6815C15.154 16.578 16.3056 16.9961 18.1424 16.8924C18.5979 16.8675 19.0504 16.8029 19.4947 16.6996C19.224 20.0189 16.8193 22.9228 13.5492 23.1071ZM16 0.000258812C7.16336 -3.31784e-09 0 7.16325 0 16C0 24.8368 7.16336 32 16 32C24.8367 32 32 24.8365 32 16C32 7.16351 24.8367 0 16 0" fill="#4360DF"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 965 B |
|
|
@ -12,6 +12,7 @@ Rectangle {
|
||||||
radius: 50
|
radius: 50
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
|
id: roundedIconImage
|
||||||
width: 12
|
width: 12
|
||||||
height: 12
|
height: 12
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue