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 files for the wallet tabs

This commit is contained in:
Jonathan Rainville 2020-05-28 10:54:42 -04:00 committed by Iuri Matias
parent d1b786811f
commit 3ce1883c0b
6 changed files with 108 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
ui/app/AppLayouts/Wallet/AssetsTab.qml Normal file
View File

@ -0,0 +1,66 @@
import QtQuick 2.0
Item {
Component {
id: assetViewDelegate
Item {
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
Image {
id: assetInfoImage
width: 36
height: 36
source: image
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
}
}
}
ListView {
id: assetListView
anchors.topMargin: 0
anchors.fill: parent
model: assetsModel.assets
delegate: assetViewDelegate
}
}
/*##^##
Designer {
D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
}
##^##*/

8
ui/app/AppLayouts/Wallet/CollectiblesTab.qml Normal file
View File

@ -0,0 +1,8 @@
import QtQuick 2.3
Item {
Text {
id: name2
text: "Collectibles"
}
}

8
ui/app/AppLayouts/Wallet/HistoryTab.qml Normal file
View File

@ -0,0 +1,8 @@
import QtQuick 2.3
Item {
Text {
id: name3
text: "HISTORY"
}
}

78
ui/app/AppLayouts/Wallet/WalletLayout.qml
View File

@ -34,7 +34,7 @@ SplitView {
}
RowLayout {
id: assetInfoContainer
id: walletInfoContainer
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
anchors.left: parent.left
@ -45,7 +45,7 @@ SplitView {
anchors.topMargin: 23
Item {
id: element
id: walletInfoContent
Layout.fillHeight: true
Layout.fillWidth: true
@ -57,6 +57,7 @@ SplitView {
anchors.leftMargin: Theme.bigPadding
anchors.top: parent.top
anchors.topMargin: Theme.padding
height: assetBtn.height
StatusTabButton {
id: assetBtn
@ -76,63 +77,26 @@ SplitView {
}
}
Component {
id: assetViewDelegate
StackLayout {
id: stackLayout
anchors.rightMargin: Theme.bigPadding
anchors.leftMargin: Theme.bigPadding
anchors.top: walletTabBar.bottom
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.topMargin: Theme.bigPadding
currentIndex: walletTabBar.currentIndex
Item {
id: element6
height: 56
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
Image {
id: assetInfoContainer
width: 36
height: 36
source: image
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
}
AssetsTab {
id: assetsTab
}
CollectiblesTab {
id: collectiblesTab
}
HistoryTab {
id: historyTab
}
}
ListView {
id: listView
anchors.topMargin: 36
anchors.fill: parent
model: assetsModel.assets
delegate: assetViewDelegate
}
}
}

2
ui/app/AppLayouts/Wallet/qmldir
View File

@ -1,2 +1,4 @@
LeftTab 1.0 LeftTab.qml
WalletHeader 1.0 WalletHeader.qml
AssetsTab 1.0 AssetsTab.qml
CollectiblesTab 1.0 CollectiblesTab.qml

3
ui/nim-status-client.pro
View File

@ -63,6 +63,9 @@ DISTFILES += \
app/AppLayouts/Node/NodeLayout.qml \
app/AppLayouts/Profile/LeftTab/qmldir \
app/AppLayouts/Profile/ProfileLayout.qml \
app/AppLayouts/Wallet/AssetsTab.qml \
app/AppLayouts/Wallet/CollectiblesTab.qml \
app/AppLayouts/Wallet/HistoryTab.qml \
app/AppLayouts/Wallet/LeftTab.qml \
app/AppLayouts/Wallet/SendModal.qml \
app/AppLayouts/Wallet/WalletHeader.qml \