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

chore: split WalletHeader to another file

This commit is contained in:
Jonathan Rainville 2020-05-28 09:49:28 -04:00 committed by Iuri Matias
parent 0ee32c2bb1
commit 47cc169c4f
4 changed files with 135 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
ui/app/AppLayouts/Wallet/WalletHeader.qml Normal file
View File

@ -0,0 +1,132 @@
import QtQuick 2.3
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import "../../../imports"
import "../../../shared"
Item {
id: walletHeader
height: walletAddress.y + walletAddress.height
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
anchors.top: parent.top
anchors.topMargin: 0
Layout.fillHeight: true
Layout.fillWidth: true
Text {
id: title
// TODO this should be the name of the wallet
text: qsTr("Status account")
anchors.top: parent.top
anchors.topMargin: 56
anchors.left: parent.left
anchors.leftMargin: 24
font.weight: Font.Medium
font.pixelSize: 28
}
Rectangle {
id: separatorDot
width: 8
height: 8
color: Theme.blue
anchors.top: title.verticalCenter
anchors.topMargin: -3
anchors.left: title.right
anchors.leftMargin: 8
radius: 50
}
Text {
id: walletBalance
// TODO this should be the balance
text: qsTr("12.00 USD")
anchors.left: separatorDot.right
anchors.leftMargin: 8
anchors.verticalCenter: title.verticalCenter
font.pixelSize: 22
}
Text {
id: walletAddress
// TODO this should be the address and an actual Address component that can shrink and expend
text: qsTr("0X2Ef1...E0Ba")
anchors.top: title.bottom
anchors.topMargin: 0
anchors.left: title.left
anchors.leftMargin: 0
font.pixelSize: 13
color: Theme.darkGrey
}
Item {
property int btnMargin: 8
property int btnOuterMargin: 32
id: walletMenu
// TODO unhardcode this
width: sendBtn.width + receiveBtn.width + settingsBtn.width
+ walletMenu.btnOuterMargin * 2
anchors.top: parent.top
anchors.topMargin: 16
anchors.right: parent.right
anchors.rightMargin: 16
Item {
id: sendBtn
width: sendImg.width + sendText.width + walletMenu.btnMargin
Image {
id: sendImg
width: 12
height: 12
fillMode: Image.PreserveAspectFit
source: "../../img/diagonalArrow.svg"
}
Text {
id: sendText
text: "Send"
anchors.left: sendImg.right
anchors.leftMargin: walletMenu.btnMargin
font.pixelSize: 13
color: Theme.blue
}
}
Item {
id: receiveBtn
width: receiveImg.width + receiveText.width + walletMenu.btnMargin
anchors.left: sendBtn.right
anchors.leftMargin: walletMenu.btnOuterMargin
Image {
id: receiveImg
width: 12
height: 12
fillMode: Image.PreserveAspectFit
source: "../../img/diagonalArrow.svg"
}
Text {
id: receiveText
text: "Receive"
anchors.left: receiveImg.right
anchors.leftMargin: walletMenu.btnMargin
font.pixelSize: 13
color: Theme.blue
}
}
Image {
id: settingsBtn
anchors.left: receiveBtn.right
anchors.leftMargin: walletMenu.btnOuterMargin
width: 18
height: 18
fillMode: Image.PreserveAspectFit
source: "../../img/settings.svg"
}
}
}

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

@ -29,130 +29,8 @@ SplitView {
anchors.left: leftTab.right
anchors.leftMargin: 0
Item {
WalletHeader {
id: walletHeader
height: walletAddress.y + walletAddress.height
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
anchors.top: parent.top
anchors.topMargin: 0
Layout.fillHeight: true
Layout.fillWidth: true
Text {
id: title
// TODO this should be the name of the wallet
text: qsTr("Status account")
anchors.top: parent.top
anchors.topMargin: 56
anchors.left: parent.left
anchors.leftMargin: 24
font.weight: Font.Medium
font.pixelSize: 28
}
Rectangle {
id: separatorDot
width: 8
height: 8
color: Theme.blue
anchors.top: title.verticalCenter
anchors.topMargin: -3
anchors.left: title.right
anchors.leftMargin: 8
radius: 50
}
Text {
id: walletBalance
// TODO this should be the balance
text: qsTr("12.00 USD")
anchors.left: separatorDot.right
anchors.leftMargin: 8
anchors.verticalCenter: title.verticalCenter
font.pixelSize: 22
}
Text {
id: walletAddress
// TODO this should be the address and an actual Address component that can shrink and expend
text: qsTr("0X2Ef1...E0Ba")
anchors.top: title.bottom
anchors.topMargin: 0
anchors.left: title.left
anchors.leftMargin: 0
font.pixelSize: 13
color: Theme.darkGrey
}
Item {
property int btnMargin: 8
property int btnOuterMargin: 32
id: walletMenu
// TODO unhardcode this
width: sendBtn.width + receiveBtn.width + settingsBtn.width
+ walletMenu.btnOuterMargin * 2
anchors.top: parent.top
anchors.topMargin: 16
anchors.right: parent.right
anchors.rightMargin: 16
Item {
id: sendBtn
width: sendImg.width + sendText.width + walletMenu.btnMargin
Image {
id: sendImg
width: 12
height: 12
fillMode: Image.PreserveAspectFit
source: "../../img/diagonalArrow.svg"
}
Text {
id: sendText
text: "Send"
anchors.left: sendImg.right
anchors.leftMargin: walletMenu.btnMargin
font.pixelSize: 13
color: Theme.blue
}
}
Item {
id: receiveBtn
width: receiveImg.width + receiveText.width + walletMenu.btnMargin
anchors.left: sendBtn.right
anchors.leftMargin: walletMenu.btnOuterMargin
Image {
id: receiveImg
width: 12
height: 12
fillMode: Image.PreserveAspectFit
source: "../../img/diagonalArrow.svg"
}
Text {
id: receiveText
text: "Receive"
anchors.left: receiveImg.right
anchors.leftMargin: walletMenu.btnMargin
font.pixelSize: 13
color: Theme.blue
}
}
Image {
id: settingsBtn
anchors.left: receiveBtn.right
anchors.leftMargin: walletMenu.btnOuterMargin
width: 18
height: 18
fillMode: Image.PreserveAspectFit
source: "../../img/settings.svg"
}
}
}
RowLayout {

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

@ -1 +1,2 @@
LeftTab 1.0 LeftTab.qml
WalletHeader 1.0 WalletHeader.qml

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

@ -65,6 +65,7 @@ DISTFILES += \
app/AppLayouts/Profile/ProfileLayout.qml \
app/AppLayouts/Wallet/LeftTab.qml \
app/AppLayouts/Wallet/SendModal.qml \
app/AppLayouts/Wallet/WalletHeader.qml \
app/AppLayouts/Wallet/WalletLayout.qml \
app/AppLayouts/Wallet/qmldir \
app/AppLayouts/WalletLayout.qml \