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.leftMargin: 17 anchors.rightMargin: 17 anchors.topMargin: 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("\ lookng for security level and address book? go to Transfer 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: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: "Client from Australia"; out: false } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: true } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: true } ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: false } ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: "Client from Australia"; out: false } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: false } ListElement { paymentId: ""; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: false } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: ""; out: false } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; description: "Client from Australia"; out: false } ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798"; date: "Jan 12, 2014"; time: "12:23 AM"; amount: "19301.870709159241"; balance: "0.000709159241"; 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 } } }