monero-gui/pages/History.qml

562 lines
18 KiB
QML
Raw Normal View History

2015-04-01 08:56:05 +00: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 17:08:30 +00:00
import QtQuick 2.0
2016-10-07 20:05:51 +00:00
import moneroComponents.Wallet 1.0
import moneroComponents.WalletManager 1.0
2016-10-07 20:05:51 +00:00
import moneroComponents.TransactionHistory 1.0
2016-10-08 00:26:45 +00:00
import moneroComponents.TransactionInfo 1.0
2016-10-07 20:05:51 +00:00
import moneroComponents.TransactionHistoryModel 1.0
import "../components"
2014-07-07 17:08:30 +00:00
Rectangle {
2016-10-02 21:03:37 +00:00
id: root
property var model
2016-10-02 21:03:37 +00:00
2016-11-06 12:33:41 +00:00
QtObject {
id: d
property bool initialized: false
}
color: "#F0EEEE"
function getSelectedAmount() {
if (typeof model === 'undefined' || model == null)
2016-11-10 20:14:22 +00:00
return ""
var total = 0
var count = model.rowCount()
for (var i = 0; i < count; ++i) {
var idx = model.index(i, 0)
var isout = model.data(idx, TransactionHistoryModel.TransactionIsOutRole);
var amount = model.data(idx, TransactionHistoryModel.TransactionAtomicAmountRole);
if (isout)
total = walletManager.subi(total, amount)
else
total = walletManager.addi(total, amount)
}
var sign = ""
if (total < 0) {
total = -total
sign = "-"
}
return count + qsTr(" selected: ") + sign + walletManager.displayAmount(total);
}
function resetFilter(model) {
model.dateFromFilter = "2014-04-18" // genesis block
model.dateToFilter = "9999-09-09" // fix before september 9999
// negative values disable filters here;
model.amountFromFilter = -1;
model.amountToFilter = -1;
model.directionFilter = TransactionInfo.Direction_Both;
}
2016-10-04 20:12:58 +00:00
onModelChanged: {
if (typeof model !== 'undefined') {
2016-11-06 12:33:41 +00:00
selectedAmount.text = getSelectedAmount()
2016-11-06 12:33:41 +00:00
if (!d.initialized) {
// setup date filter scope according to real transactions
fromDatePicker.currentDate = model.transactionHistory.firstDateTime
toDatePicker.currentDate = model.transactionHistory.lastDateTime
/* Default sorting by timestamp desc */
/* Sort indicator on table header */
/* index of 'sort by blockheight' column */
header.activeSortColumn = 2
2016-11-06 12:33:41 +00:00
/* Sorting model */
model.sortRole = TransactionHistoryModel.TransactionBlockHeightRole
2016-11-06 12:33:41 +00:00
model.sort(0, Qt.DescendingOrder);
d.initialized = true
// TODO: public interface for 'Header' item that will cause 'sortRequest' signal
}
}
2016-10-04 20:12:58 +00:00
}
2016-10-02 21:03:37 +00:00
function onFilterChanged() {
var datesValid = fromDatePicker.currentDate <= toDatePicker.currentDate
var amountsValid = amountFromLine.text === "" ? true :
amountToLine.text === "" ? true:
parseFloat(amountFromLine.text) <= parseFloat(amountToLine.text)
// reset error state if amount filter valid
if (amountsValid) {
amountFromLine.error = amountToLine.error = false
}
filterButton.enabled = datesValid && amountsValid
}
2016-10-02 21:03:37 +00: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-10-11 18:04:14 +00:00
text: qsTr("Filter transaction history") + translationManager.emptyString
}
Label {
id: selectedAmount
anchors.right: parent.right
anchors.top: parent.top
anchors.rightMargin: 17
anchors.topMargin: 17
text: getSelectedAmount()
fontSize: 14
tipText: qsTr("<b>Total amount of selected payments</b>") + translationManager.emptyString
}
2016-10-07 20:05:51 +00:00
// Filter by Address input (senseless, removing)
/*
Label {
2014-07-16 16:04:34 +00:00
id: addressLabel
anchors.left: parent.left
anchors.top: filterHeaderText.bottom
anchors.leftMargin: 17
anchors.topMargin: 17
2014-07-16 16:04:34 +00:00
text: qsTr("Address")
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
}
2014-07-16 16:04:34 +00: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
}
2016-10-07 20:05:51 +00:00
*/
// Filter by Payment ID input
2014-07-16 16:04:34 +00:00
Label {
id: paymentIdLabel
anchors.left: parent.left
2016-10-07 20:05:51 +00:00
anchors.top: filterHeaderText.bottom // addressLine.bottom
2014-07-16 16:04:34 +00:00
anchors.leftMargin: 17
anchors.topMargin: 17
text: qsTr("Payment ID <font size='2'>(Optional)</font>") + translationManager.emptyString
2014-07-16 16:04:34 +00: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")
+ translationManager.emptyString
2014-07-16 16:04:34 +00:00
}
LineEdit {
id: paymentIdLine
anchors.left: parent.left
2014-07-16 16:04:34 +00:00
anchors.right: parent.right
2016-10-07 20:05:51 +00:00
anchors.top: paymentIdLabel.bottom // addressLabel.bottom
anchors.leftMargin: 17
2014-07-16 16:04:34 +00:00
anchors.rightMargin: 17
anchors.topMargin: 5
placeholderText: qsTr("16 or 64 hexadecimal characters") + translationManager.emptyString
validator: RegExpValidator {
regExp: /[0-9a-fA-F]+/
}
}
2016-10-07 20:05:51 +00:00
// Filter by description input (not implemented yet)
/*
Label {
2014-07-16 16:04:34 +00:00
id: descriptionLabel
anchors.left: parent.left
anchors.top: paymentIdLine.bottom
anchors.leftMargin: 17
anchors.topMargin: 17
text: qsTr("Description <font size='2'>(Local database)</font>") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b><br/><br/>test line 2") + translationManager.emptyString
2014-07-16 16:04:34 +00: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
}
2016-10-07 20:05:51 +00:00
*/
2014-07-16 16:04:34 +00:00
2016-10-07 20:05:51 +00:00
// DateFrom picker
2014-07-16 16:04:34 +00:00
Label {
id: dateFromText
anchors.left: parent.left
2016-10-07 20:05:51 +00:00
anchors.top: paymentIdLine.bottom // descriptionLine.bottom
2014-07-16 16:04:34 +00:00
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
text: qsTr("Date from") + translationManager.emptyString
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
}
DatePicker {
2014-07-16 16:04:34 +00:00
id: fromDatePicker
anchors.left: parent.left
anchors.top: dateFromText.bottom
anchors.leftMargin: 17
anchors.topMargin: 5
2014-07-16 16:04:34 +00:00
z: 2
onCurrentDateChanged: {
error = currentDate > toDatePicker.currentDate
onFilterChanged()
}
2014-07-16 16:04:34 +00:00
}
2016-10-07 20:05:51 +00:00
// DateTo picker
2014-07-16 16:04:34 +00:00
Label {
id: dateToText
anchors.left: dateFromText.right
2016-10-07 20:05:51 +00:00
anchors.top: paymentIdLine.bottom //descriptionLine.bottom
2014-07-16 16:04:34 +00:00
anchors.leftMargin: 17
anchors.topMargin: 17
text: qsTr("To")
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
}
DatePicker {
id: toDatePicker
anchors.left: fromDatePicker.right
anchors.top: dateToText.bottom
anchors.leftMargin: 17
anchors.topMargin: 5
z: 2
onCurrentDateChanged: {
error = currentDate < fromDatePicker.currentDate
onFilterChanged()
}
2014-07-16 16:04:34 +00:00
}
2014-07-16 16:04:34 +00:00
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"
onClicked: {
// Apply filter here;
model.paymentIdFilter = paymentIdLine.text
resetFilter(model)
if (fromDatePicker.currentDate > toDatePicker.currentDate) {
console.error("Invalid date filter set: ", fromDatePicker.currentDate, toDatePicker.currentDate)
} else {
model.dateFromFilter = fromDatePicker.currentDate
model.dateToFilter = toDatePicker.currentDate
}
2016-10-07 23:28:27 +00:00
if (advancedFilteringCheckBox.checked) {
if (amountFromLine.text.length) {
model.amountFromFilter = parseFloat(amountFromLine.text)
}
2016-10-07 23:28:27 +00:00
if (amountToLine.text.length) {
model.amountToFilter = parseFloat(amountToLine.text)
}
2016-10-08 00:26:45 +00:00
var directionFilter = transactionsModel.get(transactionTypeDropdown.currentIndex).value
console.log("Direction filter: " + directionFilter)
model.directionFilter = directionFilter
2016-10-07 23:28:27 +00:00
}
selectedAmount.text = getSelectedAmount()
}
2014-07-16 16:04:34 +00:00
}
CheckBox {
2016-10-07 23:28:27 +00:00
id: advancedFilteringCheckBox
text: qsTr("Advanced filtering")
2014-07-16 16:04:34 +00:00
anchors.left: filterButton.right
anchors.bottom: filterButton.bottom
2014-07-16 16:04:34 +00:00
anchors.leftMargin: 17
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 16:04:34 +00:00
}
Label {
id: transactionTypeText
anchors.left: parent.left
anchors.top: fromDatePicker.bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
2016-10-11 18:04:14 +00:00
text: qsTr("Type of transaction") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
}
ListModel {
id: transactionsModel
2016-10-08 00:26:45 +00:00
ListElement { column1: "ALL"; column2: ""; value: TransactionInfo.Direction_Both }
ListElement { column1: "SENT"; column2: ""; value: TransactionInfo.Direction_Out }
ListElement { column1: "RECEIVED"; column2: ""; value: TransactionInfo.Direction_In }
2016-10-07 23:28:27 +00:00
2014-07-16 16:04:34 +00:00
}
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
text: qsTr("Amount from") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
}
LineEdit {
id: amountFromLine
anchors.left: transactionTypeDropdown.right
anchors.top: amountFromText.bottom
anchors.leftMargin: 17
anchors.topMargin: 5
width: 156
validator: DoubleValidator {
locale: "C"
notation: DoubleValidator.StandardNotation
bottom: 0
}
onTextChanged: {
// indicating error
amountFromLine.error = amountFromLine.text === "" ? false : parseFloat(amountFromLine.text) > parseFloat(amountToLine.text)
onFilterChanged()
}
2014-07-16 16:04:34 +00:00
}
Label {
id: amountToText
anchors.left: amountFromText.right
anchors.top: fromDatePicker.bottom
anchors.leftMargin: 17
anchors.topMargin: 17
width: 156
text: qsTr("To")
fontSize: 14
tipText: qsTr("<b>Tip tekst test</b>") + translationManager.emptyString
2014-07-16 16:04:34 +00:00
}
LineEdit {
id: amountToLine
anchors.left: amountFromLine.right
anchors.top: amountToText.bottom
anchors.leftMargin: 17
anchors.topMargin: 5
width: 156
validator: DoubleValidator {
locale: "C"
notation: DoubleValidator.StandardNotation
bottom: 0.0
}
onTextChanged: {
// indicating error
amountToLine.error = amountToLine.text === "" ? false : parseFloat(amountFromLine.text) > parseFloat(amountToLine.text)
onFilterChanged()
}
2014-07-16 16:04:34 +00:00
}
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
2016-10-08 22:40:13 +00:00
if (advancedFilteringCheckBox.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 16:04:34 +00: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
2016-10-07 20:05:51 +00:00
ListElement { columnName: "Payment ID"; columnWidth: 127 }
ListElement { columnName: "Date"; columnWidth: 100 }
ListElement { columnName: "Block height"; columnWidth: 150 }
ListElement { columnName: "Amount"; columnWidth: 148 }
2016-10-07 20:05:51 +00:00
// ListElement { columnName: "Description"; columnWidth: 148 }
2014-07-16 16:04:34 +00:00
}
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: 20
2016-10-07 20:05:51 +00:00
onSortRequest: {
console.log("column: " + column + " desc: " + desc)
switch (column) {
case 0:
// Payment ID
model.sortRole = TransactionHistoryModel.TransactionPaymentIdRole
break;
case 1:
// Date (actually sort by timestamp as we want to have transactions sorted within one day as well);
model.sortRole = TransactionHistoryModel.TransactionTimeStampRole
2016-10-07 20:05:51 +00:00
break;
case 2:
// BlockHeight;
model.sortRole = TransactionHistoryModel.TransactionBlockHeightRole
break;
case 3:
2016-10-07 20:05:51 +00:00
// Amount;
model.sortRole = TransactionHistoryModel.TransactionAmountRole
break;
}
model.sort(0, desc ? Qt.DescendingOrder : Qt.AscendingOrder)
}
2014-07-16 16:04:34 +00:00
}
Scroll {
id: flickableScroll
anchors.right: table.right
anchors.rightMargin: -14
anchors.top: table.top
anchors.bottom: table.bottom
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-02 21:03:37 +00:00
model: root.model
}
}
2014-07-07 17:08:30 +00:00
}