You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
6.8 KiB
149 lines
6.8 KiB
import QtQuick 2.0
|
|
import "../components"
|
|
|
|
Rectangle {
|
|
color: "#F0EEEE"
|
|
|
|
SearchInput {
|
|
id: searchInput
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.margins: 17
|
|
z: 1
|
|
}
|
|
|
|
Text {
|
|
id: quickTransferText
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: searchInput.bottom
|
|
anchors.topMargin: 20
|
|
elide: Text.ElideRight
|
|
anchors.margins: 17
|
|
font.family: "Arial"
|
|
font.pixelSize: 18
|
|
color: "#4A4949"
|
|
text: qsTr("Quick transfer")
|
|
}
|
|
|
|
LineEdit {
|
|
id: quickTransferLine
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: quickTransferText.bottom
|
|
anchors.topMargin: 18
|
|
anchors.leftMargin: 17
|
|
anchors.rightMargin: 17
|
|
}
|
|
|
|
Row {
|
|
id: row
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: quickTransferLine.bottom
|
|
anchors.topMargin: 18
|
|
anchors.leftMargin: 17
|
|
anchors.rightMargin: 17
|
|
spacing: 17
|
|
|
|
LineEdit {
|
|
id: amountLine
|
|
width: 148
|
|
placeholderText: "amount..."
|
|
}
|
|
|
|
StandardButton {
|
|
id: sendButton
|
|
width: 60
|
|
text: qsTr("SEND")
|
|
shadowReleasedColor: "#FF4304"
|
|
shadowPressedColor: "#B32D00"
|
|
releasedColor: "#FF6C3C"
|
|
pressedColor: "#FF4304"
|
|
}
|
|
|
|
Text {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
font.family: "Arial"
|
|
font.pixelSize: 12
|
|
color: "#545454"
|
|
textFormat: Text.RichText
|
|
text: qsTr("<style type='text/css'>a {text-decoration: none; color: #FF6C3C; font-size: 14px;}</style>\
|
|
lookng for security level and address book? go to <a href='#'>Transfer</a> tab")
|
|
font.underline: false
|
|
onLinkActivated: appWindow.showPageRequest("Transfer")
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.top: row.bottom
|
|
anchors.topMargin: 17
|
|
color: "#FFFFFF"
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
height: 1
|
|
color: "#DBDBDB"
|
|
}
|
|
|
|
ListModel {
|
|
id: columnsModel
|
|
ListElement { columnName: "Date"; columnWidth: 97 }
|
|
ListElement { columnName: "Amount"; columnWidth: 158 }
|
|
ListElement { columnName: "Balance"; columnWidth: 168 }
|
|
}
|
|
|
|
TableHeader {
|
|
id: header
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 17
|
|
anchors.leftMargin: 14
|
|
anchors.rightMargin: 14
|
|
dataModel: columnsModel
|
|
offset: 145
|
|
onSortRequest: console.log("column: " + column + " desc: " + desc)
|
|
}
|
|
|
|
ListModel {
|
|
id: testModel
|
|
ListElement { paymentId: "Malkolm T."; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: "Client from Australia"; out: false }
|
|
ListElement { paymentId: "Martin"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: true }
|
|
ListElement { paymentId: "Martin"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: true }
|
|
ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: false }
|
|
ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: "Client from Australia"; out: false }
|
|
ListElement { paymentId: "Malkolm T."; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: false }
|
|
ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: false }
|
|
ListElement { paymentId: "Malkolm T."; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: false }
|
|
ListElement { paymentId: "Malkolm T."; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: "Client from Australia"; out: false }
|
|
ListElement { paymentId: "Malkolm T."; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 <font size='2'>AM</font>"; amount: "19301.<font size='2'>870709159241</font>"; balance: "0.<font size='2'>000709159241</font>"; description: ""; out: false }
|
|
}
|
|
|
|
Scroll {
|
|
id: flickableScroll
|
|
anchors.rightMargin: -14
|
|
flickable: table
|
|
yPos: table.y
|
|
}
|
|
|
|
DashboardTable {
|
|
id: table
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: header.bottom
|
|
anchors.bottom: parent.bottom
|
|
anchors.leftMargin: 14
|
|
anchors.rightMargin: 14
|
|
onContentYChanged: flickableScroll.flickableContentYChanged()
|
|
model: testModel
|
|
}
|
|
}
|
|
}
|