2015-04-01 11:56:05 +03:00
// Copyright (c) 2014-2015, The Monero Project
//
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without modification, are
// permitted provided that the following conditions are met:
//
// 1. Redistributions of source code must retain the above copyright notice, this list of
// conditions and the following disclaimer.
//
// 2. Redistributions in binary form must reproduce the above copyright notice, this list
// of conditions and the following disclaimer in the documentation and/or other
// materials provided with the distribution.
//
// 3. Neither the name of the copyright holder nor the names of its contributors may be
// used to endorse or promote products derived from this software without specific
// prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
// EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
// THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
// PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
// STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
// THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
2014-07-07 20:08:30 +03:00
import QtQuick 2.0
2014-07-13 15:27:50 +03:00
import "../components"
2016-10-02 21:40:40 +03:00
import moneroComponents . Wallet 1.0
import moneroComponents . WalletManager 1.0
2014-07-07 20:08:30 +03:00
Rectangle {
2016-10-03 00:03:37 +03:00
id: root
2016-10-04 23:12:58 +03:00
property var model: testModel
2016-10-03 00:03:37 +03:00
2014-07-13 15:27:50 +03:00
color: "#F0EEEE"
2016-10-04 23:12:58 +03:00
onModelChanged: {
console . log ( "model.rowCount: " + model . rowCount ( ) )
}
2016-10-03 00:03:37 +03:00
2014-07-13 15:27:50 +03:00
Text {
id: filterHeaderText
anchors.left: parent . left
anchors.right: parent . right
anchors.top: parent . top
anchors.leftMargin: 17
anchors.topMargin: 17
elide: Text . ElideRight
font.family: "Arial"
font.pixelSize: 18
color: "#4A4949"
2016-09-01 00:00:12 +03:00
text: qsTr ( "Filter transactions history" ) + translationManager . emptyString
2014-07-13 15:27:50 +03:00
}
Label {
2014-07-16 19:04:34 +03:00
id: addressLabel
2014-07-13 15:27:50 +03:00
anchors.left: parent . left
anchors.top: filterHeaderText . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
2014-07-16 19:04:34 +03:00
text: qsTr ( "Address" )
2014-07-13 15:27:50 +03:00
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-13 15:27:50 +03:00
}
2014-07-16 19:04:34 +03:00
LineEdit {
id: addressLine
anchors.left: parent . left
anchors.right: parent . right
anchors.top: addressLabel . bottom
anchors.leftMargin: 17
anchors.rightMargin: 17
anchors.topMargin: 5
}
Label {
id: paymentIdLabel
anchors.left: parent . left
anchors.top: addressLine . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
2016-07-20 22:28:11 +03:00
text: qsTr ( "Payment ID <font size='2'>(Optional)</font>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
fontSize: 14
tipText: qsTr ( "<b>Payment ID</b><br/><br/>A unique user name used in<br/>the address book. It is not a<br/>transfer of information sent<br/>during thevtransfer" )
2016-07-20 22:28:11 +03:00
+ translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
2014-07-13 15:27:50 +03:00
LineEdit {
id: paymentIdLine
anchors.left: parent . left
2014-07-16 19:04:34 +03:00
anchors.right: parent . right
anchors.top: paymentIdLabel . bottom
2014-07-13 15:27:50 +03:00
anchors.leftMargin: 17
2014-07-16 19:04:34 +03:00
anchors.rightMargin: 17
2014-07-13 15:27:50 +03:00
anchors.topMargin: 5
}
Label {
2014-07-16 19:04:34 +03:00
id: descriptionLabel
2014-07-13 15:27:50 +03:00
anchors.left: parent . left
anchors.top: paymentIdLine . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
2016-07-20 22:28:11 +03:00
text: qsTr ( "Description <font size='2'>(Local database)</font>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b><br/><br/>test line 2" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
LineEdit {
id: descriptionLine
anchors.left: parent . left
anchors.right: parent . right
anchors.top: descriptionLabel . bottom
anchors.leftMargin: 17
anchors.rightMargin: 17
anchors.topMargin: 5
}
Label {
id: dateFromText
anchors.left: parent . left
anchors.top: descriptionLine . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
2016-07-20 22:28:11 +03:00
text: qsTr ( "Date from" ) + translationManager . emptyString
2014-07-13 15:27:50 +03:00
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-13 15:27:50 +03:00
}
DatePicker {
2014-07-16 19:04:34 +03:00
id: fromDatePicker
2014-07-13 15:27:50 +03:00
anchors.left: parent . left
anchors.top: dateFromText . bottom
anchors.leftMargin: 17
anchors.topMargin: 5
2014-07-16 19:04:34 +03:00
z: 2
}
Label {
id: dateToText
anchors.left: dateFromText . right
anchors.top: descriptionLine . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
text: qsTr ( "To" )
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
DatePicker {
id: toDatePicker
anchors.left: fromDatePicker . right
anchors.top: dateToText . bottom
anchors.leftMargin: 17
anchors.topMargin: 5
z: 2
}
StandardButton {
id: filterButton
anchors.bottom: toDatePicker . bottom
anchors.left: toDatePicker . right
anchors.leftMargin: 17
width: 60
text: qsTr ( "FILTER" )
shadowReleasedColor: "#4D0051"
shadowPressedColor: "#2D002F"
releasedColor: "#6B0072"
pressedColor: "#4D0051"
}
2014-07-22 17:55:25 +03:00
CheckBox {
id: checkBox
text: qsTr ( "Advance filtering" )
2014-07-16 19:04:34 +03:00
anchors.left: filterButton . right
2014-07-22 17:55:25 +03:00
anchors.bottom: filterButton . bottom
2014-07-16 19:04:34 +03:00
anchors.leftMargin: 17
2014-07-22 17:55:25 +03:00
checkedIcon: "../images/checkedVioletIcon.png"
uncheckedIcon: "../images/uncheckedIcon.png"
onClicked: {
if ( checked ) tableRect . height = Qt . binding ( function ( ) { return tableRect . collapsedHeight } )
else tableRect . height = Qt . binding ( function ( ) { return tableRect . middleHeight } )
}
2014-07-16 19:04:34 +03:00
}
Label {
id: transactionTypeText
anchors.left: parent . left
anchors.top: fromDatePicker . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
2016-07-20 22:28:11 +03:00
text: qsTr ( "Type of transation" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
ListModel {
id: transactionsModel
ListElement { column1: "SENT" ; column2: "" }
ListElement { column1: "RECIVE" ; column2: "" }
ListElement { column1: "ON HOLD" ; column2: "" }
}
StandardDropdown {
id: transactionTypeDropdown
anchors.left: parent . left
anchors.top: transactionTypeText . bottom
anchors.leftMargin: 17
anchors.topMargin: 5
width: 156
shadowReleasedColor: "#4D0051"
shadowPressedColor: "#2D002F"
releasedColor: "#6B0072"
pressedColor: "#4D0051"
dataModel: transactionsModel
z: 1
}
Label {
id: amountFromText
anchors.left: transactionTypeText . right
anchors.top: fromDatePicker . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
2016-07-20 22:28:11 +03:00
text: qsTr ( "Amount from" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
LineEdit {
id: amountFromLine
anchors.left: transactionTypeDropdown . right
anchors.top: amountFromText . bottom
anchors.leftMargin: 17
anchors.topMargin: 5
width: 156
}
Label {
id: amountToText
anchors.left: amountFromText . right
anchors.top: fromDatePicker . bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
text: qsTr ( "To" )
fontSize: 14
2016-07-20 22:28:11 +03:00
tipText: qsTr ( "<b>Tip tekst test</b>" ) + translationManager . emptyString
2014-07-16 19:04:34 +03:00
}
LineEdit {
id: amountToLine
anchors.left: amountFromLine . right
anchors.top: amountToText . bottom
anchors.leftMargin: 17
anchors.topMargin: 5
width: 156
}
Item {
id: expandItem
property bool expanded: false
anchors.right: parent . right
anchors.bottom: tableRect . top
width: 34
height: 34
Image {
anchors.centerIn: parent
source: "../images/expandTable.png"
rotation: parent . expanded ? 180 : 0
}
MouseArea {
anchors.fill: parent
onClicked: {
parent . expanded = ! parent . expanded
2014-07-22 17:55:25 +03:00
if ( checkBox . checked ) tableRect . height = Qt . binding ( function ( ) { return parent . expanded ? tableRect.expandedHeight : tableRect . collapsedHeight } )
else tableRect . height = Qt . binding ( function ( ) { return parent . expanded ? tableRect.expandedHeight : tableRect . middleHeight } )
2014-07-16 19:04:34 +03:00
}
}
}
Rectangle {
id: tableRect
property int expandedHeight: parent . height - filterHeaderText . y - filterHeaderText . height - 17
property int middleHeight: parent . height - fromDatePicker . y - fromDatePicker . height - 17
property int collapsedHeight: parent . height - transactionTypeDropdown . y - transactionTypeDropdown . height - 17
anchors.left: parent . left
anchors.right: parent . right
anchors.bottom: parent . bottom
color: "#FFFFFF"
z: 1
height: middleHeight
onHeightChanged: {
if ( height === middleHeight ) z = 1
else if ( height === collapsedHeight ) z = 0
else z = 3
}
Behavior on height {
NumberAnimation { duration: 200 ; easing.type: Easing . InQuad }
}
Rectangle {
anchors.left: parent . left
anchors.right: parent . right
anchors.top: parent . top
height: 1
color: "#DBDBDB"
}
ListModel {
id: columnsModel
2014-07-17 14:01:12 +03:00
ListElement { columnName: "Address" ; columnWidth: 127 }
ListElement { columnName: "Date" ; columnWidth: 100 }
ListElement { columnName: "Amount" ; columnWidth: 148 }
2014-07-16 19:04:34 +03:00
ListElement { columnName: "Description" ; columnWidth: 148 }
}
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
2014-07-17 14:01:12 +03:00
offset: 20
2014-07-16 19:04:34 +03:00
onSortRequest: console . log ( "column: " + column + " desc: " + desc )
}
2014-07-17 14:01:12 +03:00
ListModel {
id: testModel
2014-07-23 12:25:27 +03:00
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "Client from Australia" ; out: false }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: true }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: true }
ListElement { paymentId: "" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: false }
ListElement { paymentId: "" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "Client from Australia" ; out: false }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: false }
ListElement { paymentId: "" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: false }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: false }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "Client from Australia" ; out: false }
ListElement { paymentId: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; address: "faef56b9acf67a7dba75ec01f403497049d7cff111628edfe7b57278554dc798" ; date: "Jan 12, 2014" ; time: "12:23 <font size='2'>AM</font>" ; amount: "0.<font size='2'>000709159241</font>" ; balance: "19301.<font size='2'>870709159241</font>" ; description: "" ; out: false }
2014-07-17 14:01:12 +03:00
}
Scroll {
id: flickableScroll
2014-07-23 13:39:35 +03:00
anchors.right: table . right
2014-07-17 14:01:12 +03:00
anchors.rightMargin: - 14
2014-07-23 13:39:35 +03:00
anchors.top: table . top
anchors.bottom: table . bottom
2014-07-17 14:01:12 +03:00
flickable: table
}
HistoryTable {
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 ( )
2016-10-03 00:03:37 +03:00
model: root . model
2014-07-17 14:01:12 +03:00
}
2014-07-13 15:27:50 +03:00
}
2014-07-07 20:08:30 +03:00
}