monero-gui/pages/History.qml

1715 lines
74 KiB
QML
Raw Normal View History

2019-03-17 23:12:51 +00:00
// Copyright (c) 2014-2019, The Monero Project
//
2015-04-01 08:56:05 +00:00
// All rights reserved.
2019-03-17 23:12:51 +00:00
//
2015-04-01 08:56:05 +00:00
// Redistribution and use in source and binary forms, with or without modification, are
// permitted provided that the following conditions are met:
2019-03-17 23:12:51 +00:00
//
2015-04-01 08:56:05 +00:00
// 1. Redistributions of source code must retain the above copyright notice, this list of
// conditions and the following disclaimer.
2019-03-17 23:12:51 +00:00
//
2015-04-01 08:56:05 +00:00
// 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.
2019-03-17 23:12:51 +00:00
//
2015-04-01 08:56:05 +00:00
// 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.
2019-03-17 23:12:51 +00:00
//
2015-04-01 08:56:05 +00:00
// 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
import QtQuick.Layouts 1.1
import QtQuick.Dialogs 1.2
2019-04-11 01:17:29 +00:00
import QtGraphicalEffects 1.0
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
2019-03-17 23:12:51 +00:00
import moneroComponents.Clipboard 1.0
import FontAwesome 1.0
2019-04-11 01:17:29 +00:00
import "../components/effects/" as MoneroEffects
2019-03-17 23:12:51 +00:00
import "../components" as MoneroComponents
import "../js/Utils.js" as Utils
import "../js/TxUtils.js" as TxUtils
2016-10-07 20:05:51 +00:00
2014-07-07 17:08:30 +00:00
Rectangle {
2019-03-17 23:12:51 +00:00
id: root
property var model
2019-04-25 19:09:23 +00:00
property int sideMargin: 50
2019-03-17 23:12:51 +00:00
property var initialized: false
2019-07-03 13:24:39 +00:00
property int txMax: Math.max(5, ((appWindow.height - 250) / 60))
2019-03-17 23:12:51 +00:00
property int txOffset: 0
2019-07-03 13:24:39 +00:00
property int txPage: (txOffset / txMax) + 1
2019-03-17 23:12:51 +00:00
property int txCount: 0
property var sortSearchString: null
property bool sortDirection: true // true = desc, false = asc
property string sortBy: "blockheight"
property var txModelData: [] // representation of transaction data (appWindow.currentWallet.historyModel)
property var txData: [] // representation of FILTERED transation data
property var txDataCollapsed: [] // keep track of which txs are collapsed
property string historyStatusMessage: ""
property alias contentHeight: pageRoot.height
Clipboard { id: clipboard }
ListModel { id: txListViewModel }
2016-11-06 12:33:41 +00:00
color: "transparent"
2019-07-03 13:24:39 +00:00
onTxMaxChanged: root.updateDisplay(root.txOffset, root.txMax);
2019-03-17 23:12:51 +00:00
ColumnLayout {
id: pageRoot
2019-04-25 19:09:23 +00:00
anchors.topMargin: 40
2019-03-17 23:12:51 +00:00
anchors.left: parent.left
anchors.top: parent.top
anchors.right: parent.right
2019-03-17 23:12:51 +00:00
RowLayout {
Layout.preferredHeight: 24
Layout.preferredWidth: parent.width - root.sideMargin
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
2019-04-25 19:09:23 +00:00
Layout.bottomMargin: 10
2016-11-06 12:33:41 +00:00
2019-03-17 23:12:51 +00:00
MoneroComponents.Label {
2019-04-25 19:09:23 +00:00
fontSize: 24
2019-03-17 23:12:51 +00:00
text: qsTr("Transactions") + translationManager.emptyString
2016-11-06 12:33:41 +00:00
}
2016-10-02 21:03:37 +00:00
2019-03-17 23:12:51 +00:00
Item {
Layout.fillWidth: true
}
2019-03-17 23:12:51 +00:00
RowLayout {
id: sortAndFilter
visible: root.txCount > 0
2019-03-17 23:12:51 +00:00
property bool collapsed: false
Layout.alignment: Qt.AlignRight | Qt.AlignBottom
Layout.preferredWidth: 100
Layout.preferredHeight: 15
2019-04-25 19:09:23 +00:00
spacing: 8
2019-03-17 23:12:51 +00:00
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
Layout.alignment: Qt.AlignVCenter
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Sort & filter") + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
sortAndFilter.collapsed = !sortAndFilter.collapsed
}
}
}
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
id: sortCollapsedIcon
2019-03-17 23:12:51 +00:00
Layout.alignment: Qt.AlignVCenter
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-04-11 01:17:29 +00:00
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
rotation: sortAndFilter.collapsed ? 0 : 180
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
sortAndFilter.collapsed = !sortAndFilter.collapsed
}
}
}
}
}
2019-03-17 23:12:51 +00:00
ColumnLayout {
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
Layout.topMargin: 8
2019-03-17 23:12:51 +00:00
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
visible: sortAndFilter.collapsed
2019-03-17 23:12:51 +00:00
MoneroComponents.LineEdit {
id: searchInput
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
input.topPadding: 6
input.bottomPadding: 6
fontSize: 16
labelFontSize: 14
2019-03-17 23:12:51 +00:00
placeholderText: qsTr("Search...") + translationManager.emptyString
2019-04-25 19:09:23 +00:00
placeholderFontSize: 16
2019-03-17 23:12:51 +00:00
inputHeight: 34
onTextUpdated: {
if(searchInput.text != null && searchInput.text.length >= 3){
root.sortSearchString = searchInput.text;
root.reset();
root.updateFilter();
} else {
root.sortSearchString = null;
root.reset();
root.updateFilter();
}
2018-03-21 22:58:51 +00:00
}
}
2019-03-17 23:12:51 +00:00
}
2018-03-21 22:58:51 +00:00
2019-03-17 23:12:51 +00:00
GridLayout {
visible: sortAndFilter.collapsed
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
Layout.topMargin: 4
2019-03-17 23:12:51 +00:00
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
columns: 2
2019-04-25 19:09:23 +00:00
columnSpacing: 20
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
MoneroComponents.DatePicker {
id: fromDatePicker
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
width: 100
2019-03-17 23:12:51 +00:00
inputLabel.text: qsTr("Date from") + translationManager.emptyString
2019-04-25 19:09:23 +00:00
inputLabel.font.pixelSize: 14
2019-03-17 23:12:51 +00:00
onCurrentDateChanged: {
if(root.initialized){
root.reset();
root.updateFilter();
}
}
}
2016-10-07 20:05:51 +00:00
2019-03-17 23:12:51 +00:00
MoneroComponents.DatePicker {
id: toDatePicker
Layout.fillWidth: true
2019-04-25 19:09:23 +00:00
width: 100
2019-03-17 23:12:51 +00:00
inputLabel.text: qsTr("Date to") + translationManager.emptyString
onCurrentDateChanged: {
if(root.initialized){
root.reset();
root.updateFilter();
}
}
}
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
RowLayout {
2019-04-25 19:09:23 +00:00
Layout.topMargin: 20
Layout.bottomMargin: 20
Layout.fillWidth: true
2019-03-17 23:12:51 +00:00
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
Rectangle {
visible: sortAndFilter.collapsed
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: childrenRect.width + 38
2019-03-17 23:12:51 +00:00
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-12-01 23:08:43 +00:00
text: qsTr("Sort by") + ":" + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
}
}
2019-03-17 23:12:51 +00:00
Rectangle {
visible: sortAndFilter.collapsed
id: sortBlockheight
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: sortBlockheightText.width + 42
2019-03-17 23:12:51 +00:00
Layout.preferredHeight: 20
2014-07-16 16:04:34 +00:00
RowLayout {
2019-03-17 23:12:51 +00:00
clip: true
anchors.fill: parent
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
id: sortBlockheightText
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Blockheight") + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: root.sortBy === "blockheight" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
2019-04-11 01:17:29 +00:00
themeTransition: false
2019-03-17 23:12:51 +00:00
}
2014-07-16 16:04:34 +00:00
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-03-17 23:12:51 +00:00
visible: root.sortBy === "blockheight" ? true : false
2019-04-11 01:17:29 +00:00
opacity: root.sortBy === "blockheight" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
rotation: {
if(root.sortBy === "blockheight"){
return root.sortDirection ? 0 : 180
} else {
return 0;
}
}
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
Item {
Layout.fillWidth: true
2019-03-17 23:12:51 +00:00
}
}
2019-03-17 23:12:51 +00:00
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
if(root.sortBy !== "blockheight") {
root.sortDirection = true;
} else {
root.sortDirection = !root.sortDirection
}
2019-03-17 23:12:51 +00:00
root.sortBy = "blockheight";
root.updateSort();
}
}
}
2019-03-17 23:12:51 +00:00
Rectangle {
visible: sortAndFilter.collapsed
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: sortDateText.width + 42
2019-03-17 23:12:51 +00:00
Layout.preferredHeight: 20
RowLayout {
2019-03-17 23:12:51 +00:00
clip: true
anchors.fill: parent
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
id: sortDateText
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Date") + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: root.sortBy === "timestamp" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
2019-04-11 01:17:29 +00:00
themeTransition: false
2019-03-17 23:12:51 +00:00
}
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-03-17 23:12:51 +00:00
visible: root.sortBy === "timestamp" ? true : false
2019-04-11 01:17:29 +00:00
opacity: root.sortBy === "timestamp" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
rotation: {
if(root.sortBy === "timestamp"){
return root.sortDirection ? 0 : 180
} else {
return 0;
}
}
}
2019-03-17 23:12:51 +00:00
Item {
Layout.fillWidth: true
2019-03-17 23:12:51 +00:00
}
}
2019-03-17 23:12:51 +00:00
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
if(root.sortBy !== "timestamp") {
root.sortDirection = true;
} else {
root.sortDirection = !root.sortDirection
}
2019-03-17 23:12:51 +00:00
root.sortBy = "timestamp";
root.updateSort();
}
2016-10-07 23:28:27 +00:00
}
}
2019-03-17 23:12:51 +00:00
Rectangle {
visible: sortAndFilter.collapsed
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: sortAmountText.width + 42
2019-03-17 23:12:51 +00:00
Layout.preferredHeight: 20
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
RowLayout {
clip: true
anchors.fill: parent
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
id: sortAmountText
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Amount") + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: root.sortBy === "amount" ? MoneroComponents.Style.defaultFontColor : MoneroComponents.Style.dimmedFontColor
2019-04-11 01:17:29 +00:00
themeTransition: false
2019-03-17 23:12:51 +00:00
}
2014-07-16 16:04:34 +00:00
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-03-17 23:12:51 +00:00
visible: root.sortBy === "amount" ? true : false
2019-04-11 01:17:29 +00:00
opacity: root.sortBy === "amount" ? 1 : 0.2
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
rotation: {
if(root.sortBy === "amount"){
return root.sortDirection ? 0 : 180
} else {
return 0;
}
}
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
Item {
Layout.fillWidth: true
}
}
2016-10-07 23:28:27 +00:00
2019-03-17 23:12:51 +00:00
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: {
if(root.sortBy !== "amount") {
root.sortDirection = true;
} else {
root.sortDirection = !root.sortDirection
}
2019-03-17 23:12:51 +00:00
root.sortBy = "amount";
root.updateSort();
}
}
}
2019-03-17 23:12:51 +00:00
Rectangle {
visible: !sortAndFilter.collapsed
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
// status message
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: root.historyStatusMessage
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
}
}
Item {
Layout.fillWidth: true
2019-03-17 23:12:51 +00:00
}
RowLayout {
id: pagination
visible: root.txCount > 0
2019-03-17 23:12:51 +00:00
spacing: 0
Layout.alignment: Qt.AlignRight
Layout.preferredWidth: childrenRect.width
Layout.preferredHeight: 20
2014-07-16 16:04:34 +00:00
Rectangle {
2019-03-17 23:12:51 +00:00
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: childrenRect.width + 2
2019-03-17 23:12:51 +00:00
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-12-01 23:08:43 +00:00
text: qsTr("Page") + ":" + translationManager.emptyString
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
}
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
Rectangle {
2018-03-21 01:12:02 +00:00
color: "transparent"
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: childrenRect.width + 10
Layout.leftMargin: 4
Layout.preferredHeight: 20
2019-03-17 23:12:51 +00:00
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
id: paginationText
text: root.txPage + "/" + Math.ceil(root.txCount / root.txMax)
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
MouseArea {
// jump to page functionality
property int pages: Math.ceil(root.txCount / root.txMax)
anchors.fill: parent
hoverEnabled: pages > 1
cursorShape: hoverEnabled ? Qt.PointingHandCursor : Qt.ArrowCursor
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
onClicked: {
if(pages === 1)
return;
inputDialog.labelText = qsTr("Jump to page (1-%1)").arg(pages) + translationManager.emptyString;
inputDialog.onAcceptedCallback = function() {
var pageNumber = parseInt(inputDialog.inputText);
if (!isNaN(pageNumber) && pageNumber >= 1 && pageNumber <= pages) {
root.paginationJump(parseInt(pageNumber));
return;
}
appWindow.showStatusMessage(qsTr("Invalid page. Must be a number within the specified range."), 4);
}
inputDialog.onRejectedCallback = null;
inputDialog.open()
}
}
}
}
2019-03-17 23:12:51 +00:00
Rectangle {
id: paginationPrev
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: 18
Layout.preferredHeight: 20
2019-03-17 23:12:51 +00:00
color: "transparent"
2019-04-11 01:17:29 +00:00
opacity: enabled ? 1.0 : 0.2
2019-03-17 23:12:51 +00:00
enabled: false
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
id: prevIcon
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-04-11 01:17:29 +00:00
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
rotation: 90
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
MouseArea {
enabled: parent.enabled
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: {
root.paginationPrevClicked();
}
}
2019-03-17 23:12:51 +00:00
}
Rectangle {
id: paginationNext
2019-04-25 19:09:23 +00:00
Layout.preferredWidth: 18
Layout.preferredHeight: 20
2019-03-17 23:12:51 +00:00
color: "transparent"
2019-04-11 01:17:29 +00:00
opacity: enabled ? 1.0 : 0.2
2019-03-17 23:12:51 +00:00
enabled: false
2014-07-16 16:04:34 +00:00
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
id: nextIcon
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-04-11 01:17:29 +00:00
image: "qrc:///images/whiteDropIndicator.png"
fontAwesomeFallbackIcon: FontAwesome.arrowDown
fontAwesomeFallbackSize: 14
2019-03-17 23:12:51 +00:00
rotation: 270
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.defaultFontColor
2019-03-17 23:12:51 +00:00
}
MouseArea {
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: {
root.paginationNextClicked();
}
}
}
}
}
ListView {
visible: true
id: txListview
Layout.fillWidth: true
Layout.preferredHeight: contentHeight;
model: txListViewModel
interactive: false
delegate: Rectangle {
id: delegate
property bool collapsed: root.txDataCollapsed.indexOf(hash) >= 0 ? true : false
anchors.left: parent.left
anchors.right: parent.right
height: {
if(!collapsed) return 60;
if(isout && delegate.address !== "") return 320;
return 220;
}
2019-04-11 01:17:29 +00:00
color: {
if(!collapsed) return "transparent"
return MoneroComponents.Style.blackTheme ? "#06FFFFFF" : "#04000000"
}
2019-03-17 23:12:51 +00:00
Rectangle {
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: parent.left
width: sideMargin
color: "transparent"
Rectangle {
anchors.top: parent.top
2019-04-25 19:09:23 +00:00
anchors.topMargin: 24
2019-03-17 23:12:51 +00:00
anchors.horizontalCenter: parent.horizontalCenter
2019-04-25 19:09:23 +00:00
width: 10
height: 10
radius: 8
2019-03-17 23:12:51 +00:00
color: isout ? "#d85a00" : "#2eb358"
}
}
2019-03-17 23:12:51 +00:00
ColumnLayout {
spacing: 0
clip: true
height: parent.height
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: sideMargin
anchors.rightMargin: sideMargin
RowLayout {
spacing: 0
Layout.fillWidth: true
height: 60
Layout.preferredHeight: 60
ColumnLayout {
spacing: 0
clip: true
Layout.preferredHeight: 120
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-04-11 01:17:29 +00:00
text: isout ? qsTr("Sent") : qsTr("Received") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
2019-04-11 01:17:29 +00:00
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: displayAmount
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-04-11 01:17:29 +00:00
text: isout ? qsTr("Fee") : confirmationsRequired === 60 ? qsTr("Mined") : qsTr("Fee") + translationManager.emptyString
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: {
if(!isout && confirmationsRequired === 60) return qsTr("Yes") + translationManager.emptyString;
2019-03-17 23:12:51 +00:00
if(fee !== "") return fee + " XMR";
return "-";
}
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
}
2019-03-17 23:12:51 +00:00
ColumnLayout {
spacing: 0
clip: true
Layout.preferredHeight: 120
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Blockheight") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 14
text: blockheight > 0 ? blockheight : qsTr('Pending') + translationManager.emptyString;
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Confirmations") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
property bool confirmed: confirmations < confirmationsRequired ? false : true
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: confirmed ? confirmations : confirmations + "/" + confirmationsRequired
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
}
ColumnLayout {
spacing: 0
clip: true
Layout.preferredHeight: 120
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-04-11 01:17:29 +00:00
text: qsTr("Date")
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: persistentSettings.historyHumanDates ? dateHuman : dateTime
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: {
parent.color = MoneroComponents.Style.orange
if (persistentSettings.historyHumanDates) {
parent.text = dateTime;
}
}
onExited: {
parent.color = MoneroComponents.Style.defaultFontColor
if (persistentSettings.historyHumanDates) {
parent.text = dateHuman
}
}
2019-03-17 23:12:51 +00:00
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Item {
Layout.fillWidth: true
Layout.preferredHeight: 60
MoneroComponents.StandardButton {
id: btnDetails
text: FontAwesome.info
small: true
label.font.family: FontAwesome.fontFamily
2019-04-25 19:09:23 +00:00
fontSize: 18
width: 28
2019-03-17 23:12:51 +00:00
MouseArea {
state: "details"
anchors.fill: parent
hoverEnabled: true
z: parent.z + 1
2019-04-11 01:17:29 +00:00
onEntered: parent.opacity = 0.8;
onExited: parent.opacity = 1.0;
2019-03-17 23:12:51 +00:00
}
}
Image {
visible: !isout && confirmationsRequired === 60
anchors.left: btnDetails.right
2019-04-25 19:09:23 +00:00
anchors.leftMargin: 16
2019-03-17 23:12:51 +00:00
width: 28
height: 28
source: "qrc:///images/miningxmr.png"
}
MoneroComponents.StandardButton {
visible: isout
anchors.left: btnDetails.right
2019-04-25 19:09:23 +00:00
anchors.leftMargin: 10
2019-03-17 23:12:51 +00:00
text: FontAwesome.productHunt
small: true
2019-09-03 18:41:08 +00:00
label.font.family: FontAwesome.fontFamilyBrands
2019-04-25 19:09:23 +00:00
fontSize: 18
width: 36
2019-03-17 23:12:51 +00:00
MouseArea {
state: "proof"
anchors.fill: parent
hoverEnabled: true
z: parent.z + 1
2019-04-11 01:17:29 +00:00
onEntered: parent.opacity = 0.8;
onExited: parent.opacity = 1.0;
2019-03-17 23:12:51 +00:00
}
}
}
}
}
ColumnLayout {
spacing: 0
Layout.fillWidth: true
Layout.preferredHeight: 40
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Description") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
id: txNoteText
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: tx_note !== "" ? tx_note : "-"
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
2019-03-17 23:12:51 +00:00
anchors.top: parent.top
anchors.left: txNoteText.right
2019-04-25 19:09:23 +00:00
anchors.leftMargin: 12
2019-04-11 01:17:29 +00:00
image: "qrc:///images/edit.svg"
fontAwesomeFallbackIcon: FontAwesome.pencilSquare
fontAwesomeFallbackSize: 22
color: MoneroComponents.Style.defaultFontColor
opacity: 0.75
width: 23
height: 21
2019-03-17 23:12:51 +00:00
MouseArea {
id: txNoteArea
state: "set_tx_note"
anchors.fill: parent
hoverEnabled: true
2019-04-11 01:17:29 +00:00
onEntered: parent.opacity = 0.4;
onExited: parent.opacity = 0.75;
2019-03-17 23:12:51 +00:00
cursorShape: Qt.PointingHandCursor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Transaction ID") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: hash
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Transaction key") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Click to reveal")
2019-03-17 23:12:51 +00:00
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
state: "txkey_hidden"
2019-03-17 23:12:51 +00:00
MouseArea {
state: "copyable_txkey"
2019-03-17 23:12:51 +00:00
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
Rectangle {
visible: isout
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
text: qsTr("Address sent to") + translationManager.emptyString
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.historyHeaderTextColor
themeTransitionBlackColor: MoneroComponents.Style._b_historyHeaderTextColor
themeTransitionWhiteColor: MoneroComponents.Style._w_historyHeaderTextColor
2019-03-17 23:12:51 +00:00
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle {
visible: isout
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 20
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: {
if(isout && address !== ""){
return TxUtils.addressTruncate(address, 24);
}
if(isout && blockheight === 0)
return qsTr("Waiting for transaction to leave txpool.") + translationManager.emptyString
2019-03-17 23:12:51 +00:00
else
return qsTr("Unknown recipient") + translationManager.emptyString;
2019-03-17 23:12:51 +00:00
}
color: MoneroComponents.Style.defaultFontColor
anchors.verticalCenter: parent.verticalCenter
MouseArea {
state: "copyable_address"
anchors.fill: parent
hoverEnabled: true
onEntered: parent.color = MoneroComponents.Style.orange
onExited: parent.color = MoneroComponents.Style.defaultFontColor
}
}
}
Rectangle {
color: "transparent"
Layout.fillWidth: true
Layout.preferredHeight: 10
}
}
Item {
Layout.fillWidth: true
Layout.fillHeight: true
}
}
MouseArea {
id: collapseArea
objectName: "collapseArea"
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
onClicked: {
// detect clicks on text (for copying), otherwise toggle collapse
var doCollapse = true;
var res = Utils.qmlEach(delegate, ['containsMouse', 'preventStealing', 'scrollGestureEnabled'], ['collapseArea'], []);
for(var i = 0; i < res.length; i+=1){
if(res[i].containsMouse === true){
if(res[i].state === 'copyable' && res[i].parent.hasOwnProperty('text')) toClipboard(res[i].parent.text);
if(res[i].state === 'copyable_address') root.toClipboard(address);
if(res[i].state === 'copyable_txkey') root.getTxKey(hash, res[i]);
2019-12-08 23:44:39 +00:00
if(res[i].state === 'set_tx_note') root.editDescription(hash, tx_note);
if(res[i].state === 'details') root.showTxDetails(hash, paymentId, destinations, subaddrAccount, subaddrIndex, dateTime, displayAmount, isout);
2019-03-17 23:12:51 +00:00
if(res[i].state === 'proof') root.showTxProof(hash, paymentId, destinations, subaddrAccount, subaddrIndex);
doCollapse = false;
break;
}
}
if(doCollapse){
collapsed = !collapsed;
// remember collapsed state
if(collapsed){
root.txDataCollapsed.push(hash);
} else {
root.removeFromCollapsedList(hash);
}
}
}
2019-03-17 23:12:51 +00:00
}
Rectangle {
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.right: parent.right
width: sideMargin
color: "transparent"
2014-07-16 16:04:34 +00:00
2019-04-11 01:17:29 +00:00
MoneroEffects.ImageMask {
id: collapsedIcon
anchors.top: parent.top
2019-04-25 19:09:23 +00:00
anchors.topMargin: 24
2019-03-17 23:12:51 +00:00
anchors.horizontalCenter: parent.horizontalCenter
2019-04-25 19:09:23 +00:00
height: 8
width: 12
2019-04-11 01:17:29 +00:00
image: "qrc:///images/whiteDropIndicator.png"
2019-03-17 23:12:51 +00:00
rotation: delegate.collapsed ? 180 : 0
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.defaultFontColor
}
2016-10-08 22:40:13 +00:00
}
2019-03-17 23:12:51 +00:00
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
height: 1
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.appWindowBorderColor
MoneroEffects.ColorTransition {
targetObj: parent
blackColor: MoneroComponents.Style._b_appWindowBorderColor
whiteColor: MoneroComponents.Style._w_appWindowBorderColor
}
2019-03-17 23:12:51 +00:00
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.bottom
height: 1
2019-04-11 01:17:29 +00:00
color: MoneroComponents.Style.appWindowBorderColor
MoneroEffects.ColorTransition {
targetObj: parent
blackColor: MoneroComponents.Style._b_appWindowBorderColor
whiteColor: MoneroComponents.Style._w_appWindowBorderColor
}
2019-03-17 23:12:51 +00:00
}
2014-07-16 16:04:34 +00:00
}
2019-03-17 23:12:51 +00:00
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
Item {
visible: sortAndFilter.collapsed
2019-04-25 19:09:23 +00:00
Layout.topMargin: 10
Layout.bottomMargin: 10
2019-03-17 23:12:51 +00:00
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
2019-04-11 01:17:29 +00:00
MoneroComponents.TextPlain {
2019-03-17 23:12:51 +00:00
// status message
Layout.fillWidth: true
2019-03-17 23:12:51 +00:00
Layout.alignment: Qt.AlignHCenter
font.family: MoneroComponents.Style.fontRegular.name
2019-04-25 19:09:23 +00:00
font.pixelSize: 15
2019-03-17 23:12:51 +00:00
text: root.historyStatusMessage;
color: MoneroComponents.Style.dimmedFontColor
2019-04-11 01:17:29 +00:00
themeTransitionBlackColor: MoneroComponents.Style._b_dimmedFontColor
themeTransitionWhiteColor: MoneroComponents.Style._w_dimmedFontColor
2019-03-17 23:12:51 +00:00
}
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
MoneroComponents.CheckBox2 {
id: showAdvancedCheckbox
2019-04-25 19:09:23 +00:00
Layout.topMargin: 30
Layout.bottomMargin: 20
2019-03-17 23:12:51 +00:00
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
checked: persistentSettings.historyShowAdvanced
onClicked: persistentSettings.historyShowAdvanced = !persistentSettings.historyShowAdvanced
text: qsTr("Advanced options") + translationManager.emptyString
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
ColumnLayout {
visible: persistentSettings.historyShowAdvanced
Layout.leftMargin: sideMargin
Layout.rightMargin: sideMargin
2019-04-25 19:09:23 +00:00
spacing: 20
2019-03-17 23:12:51 +00:00
MoneroComponents.CheckBox {
id: humanDatesCheckBox
checked: persistentSettings.historyHumanDates
onClicked: {
persistentSettings.historyHumanDates = !persistentSettings.historyHumanDates
root.updateDisplay(root.txOffset, root.txMax, false);
}
2019-03-17 23:12:51 +00:00
text: qsTr("Human readable date format") + translationManager.emptyString
}
MoneroComponents.StandardButton {
visible: !isIOS && root.txCount > 0
2019-03-17 23:12:51 +00:00
small: true
text: qsTr("Export all history") + translationManager.emptyString
onClicked: {
writeCSVFileDialog.open();
}
}
}
}
function refresh(){
if(appWindow.currentWallet != null && typeof appWindow.currentWallet.history !== "undefined" ) {
currentWallet.history.refresh(currentWallet.currentSubaddressAccount);
}
if (typeof root.model !== 'undefined' && root.model != null) {
toDatePicker.currentDate = root.model.transactionHistory.lastDateTime
}
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
// extract from model, create JS array of txs
root.updateTransactionsFromModel();
2014-07-16 16:04:34 +00:00
2019-03-17 23:12:51 +00:00
// fill listview, update UI
root.updateDisplay(root.txOffset, root.txMax);
}
function reset(keepDate) {
2019-03-17 23:12:51 +00:00
root.txOffset = 0;
if (typeof root.model !== 'undefined' && root.model != null) {
if (!keepDate) {
root.model.dateFromFilter = "2014-04-18" // genesis block
root.model.dateToFilter = "9999-09-09" // fix before september 9999
}
2019-03-17 23:12:51 +00:00
// negative values disable filters here;
root.model.amountFromFilter = -1;
root.model.amountToFilter = -1;
root.model.directionFilter = TransactionInfo.Direction_Both;
}
}
function updateFilter(){
// applying filters
root.txData = JSON.parse(JSON.stringify(root.txModelData)); // deepcopy
const timezoneOffset = new Date().getTimezoneOffset() * 60;
var fromDate = Math.floor(fromDatePicker.currentDate.getTime() / 86400000) * 86400 + timezoneOffset;
var toDate = (Math.floor(toDatePicker.currentDate.getTime() / 86400000) + 1) * 86400 + timezoneOffset;
2019-03-17 23:12:51 +00:00
var txs = [];
for (var i = 0; i < root.txData.length; i++){
var item = root.txData[i];
var matched = "";
// daterange filtering
if(item.timestamp < fromDate || item.timestamp > toDate){
continue;
}
// search string filtering
if(root.sortSearchString == null || root.sortSearchString === ""){
txs.push(root.txData[i]);
continue;
}
if(root.sortSearchString.length >= 1){
if(item.amount && item.amount.toString().startsWith(root.sortSearchString)){
txs.push(item);
} else if(item.address !== "" && item.address.startsWith(root.sortSearchString)){
txs.push(item);
} else if(item.blockheight.toString().startsWith(root.sortSearchString)) {
txs.push(item);
2019-07-03 11:54:01 +00:00
} else if(item.tx_note.toLowerCase().indexOf(root.sortSearchString.toLowerCase()) !== -1) {
txs.push(item);
2019-03-17 23:12:51 +00:00
} else if (item.hash.startsWith(root.sortSearchString)){
txs.push(item);
2016-10-07 20:05:51 +00:00
}
}
2014-07-16 16:04:34 +00:00
}
2019-03-17 23:12:51 +00:00
root.txData = txs;
root.txCount = root.txData.length;
root.updateSort();
root.updateDisplay(root.txOffset, root.txMax);
}
function updateSort(){
// applying sorts
root.txOffset = 0;
root.txData.sort(function(a, b) {
return a[root.sortBy] - b[root.sortBy];
});
if(root.sortDirection)
root.txData.reverse();
root.updateDisplay(root.txOffset, root.txMax);
}
function updateDisplay(tx_offset, tx_max, auto_collapse) {
if(typeof auto_collapse === 'undefined') auto_collapse = false;
txListViewModel.clear();
// limit results as per tx_max (root.txMax)
var txs = root.txData.slice(tx_offset, tx_offset + tx_max);
// make first result on the first page collapsed by default
if(auto_collapse && root.txPage === 1 && txs.length > 0 && (root.sortSearchString == null || root.sortSearchString === ""))
root.txDataCollapsed.push(txs[0]['hash']);
// populate listview
for (var i = 0; i < txs.length; i++){
txListViewModel.append(txs[i]);
}
root.updateHistoryStatusMessage();
// determine pagination button states
var count = txData.length;
if(count <= root.txMax) {
paginationPrev.enabled = false;
paginationNext.enabled = false;
return;
}
if(root.txOffset < root.txMax)
paginationPrev.enabled = false;
else
paginationPrev.enabled = true;
if((root.txOffset + root.txMax) >= count)
paginationNext.enabled = false;
else
paginationNext.enabled = true;
}
function updateTransactionsFromModel() {
// This function copies the items of `appWindow.currentWallet.historyModel` to `root.txModelData`, as a list of javascript objects
if(currentWallet == null || typeof currentWallet.history === "undefined" ) return;
var _model = root.model;
var total = 0
var count = _model.rowCount()
root.txModelData = [];
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.TransactionAmountRole);
var hash = _model.data(idx, TransactionHistoryModel.TransactionHashRole);
var paymentId = _model.data(idx, TransactionHistoryModel.TransactionPaymentIdRole);
var destinations = _model.data(idx, TransactionHistoryModel.TransactionDestinationsRole);
var time = _model.data(idx, TransactionHistoryModel.TransactionTimeRole);
var date = _model.data(idx, TransactionHistoryModel.TransactionDateRole);
var blockheight = _model.data(idx, TransactionHistoryModel.TransactionBlockHeightRole);
var confirmations = _model.data(idx, TransactionHistoryModel.TransactionConfirmationsRole);
var confirmationsRequired = _model.data(idx, TransactionHistoryModel.TransactionConfirmationsRequiredRole);
var fee = _model.data(idx, TransactionHistoryModel.TransactionFeeRole);
var subaddrAccount = model.data(idx, TransactionHistoryModel.TransactionSubaddrAccountRole);
var subaddrIndex = model.data(idx, TransactionHistoryModel.TransactionSubaddrIndexRole);
var timestamp = new Date(date + " " + time).getTime() / 1000;
var dateHuman = Utils.ago(timestamp);
var displayAmount = amount;
if(displayAmount === 0){
2019-03-17 23:12:51 +00:00
// *sometimes* amount is 0, while the 'destinations string'
// has the correct amount, so we try to fetch it from that instead.
displayAmount = TxUtils.destinationsToAmount(destinations);
displayAmount = Number(displayAmount *1);
2019-03-17 23:12:51 +00:00
}
var tx_note = currentWallet.getUserNote(hash);
var address = "";
if(isout) {
address = TxUtils.destinationsToAddress(destinations);
}
if (isout)
total = walletManager.subi(total, amount)
else
total = walletManager.addi(total, amount)
root.txModelData.push({
"i": i,
"isout": isout,
"amount": Number(amount),
"displayAmount": displayAmount + " XMR",
2019-03-17 23:12:51 +00:00
"hash": hash,
"paymentId": paymentId,
"address": address,
"destinations": destinations,
"tx_note": tx_note,
"dateHuman": dateHuman,
"dateTime": date + " " + time,
2019-03-17 23:12:51 +00:00
"blockheight": blockheight,
"address": address,
"timestamp": timestamp,
"fee": fee,
"confirmations": confirmations,
"confirmationsRequired": confirmationsRequired,
"subaddrAccount": subaddrAccount,
"subaddrIndex": subaddrIndex
});
}
root.txData = JSON.parse(JSON.stringify(root.txModelData)); // deepcopy
root.txCount = root.txData.length;
}
function update() {
// handle outside mutation of tx model; incoming/outgoing funds or new blocks. Update table.
currentWallet.history.refresh(currentWallet.currentSubaddressAccount);
root.updateTransactionsFromModel();
root.updateFilter();
}
2019-12-08 23:44:39 +00:00
function editDescription(_hash, _tx_note){
2019-03-17 23:12:51 +00:00
inputDialog.labelText = qsTr("Set description:") + translationManager.emptyString;
inputDialog.onAcceptedCallback = function() {
appWindow.currentWallet.setUserNote(_hash, inputDialog.inputText);
appWindow.showStatusMessage(qsTr("Updated description."),3);
root.update();
}
inputDialog.onRejectedCallback = null;
2019-12-08 23:44:39 +00:00
inputDialog.open(_tx_note);
2019-03-17 23:12:51 +00:00
}
function paginationPrevClicked(){
root.txOffset -= root.txMax;
updateDisplay(root.txOffset, root.txMax);
}
function paginationNextClicked(){
root.txOffset += root.txMax;
updateDisplay(root.txOffset, root.txMax);
}
function paginationJump(pageNumber){
root.txOffset = root.txMax * Math.ceil(pageNumber - 1 || 0);
updateDisplay(root.txOffset, root.txMax);
}
function removeFromCollapsedList(hash){
root.txDataCollapsed = root.txDataCollapsed.filter(function(item) {
return item !== hash
});
}
function updateHistoryStatusMessage(){
if(root.txModelData.length <= 0){
root.historyStatusMessage = qsTr("No transaction history yet.") + translationManager.emptyString;
2019-03-17 23:12:51 +00:00
} else if (root.txData.length <= 0){
root.historyStatusMessage = qsTr("No results.") + translationManager.emptyString;
2019-03-17 23:12:51 +00:00
} else {
root.historyStatusMessage = qsTr("%1 transactions total, showing %2.").arg(root.txData.length).arg(txListViewModel.count) + translationManager.emptyString;
}
}
function getTxKey(hash, elem){
if (elem.parent.state != 'ready'){
currentWallet.getTxKeyAsync(hash, function(hash, txKey) {
elem.parent.text = txKey ? txKey : '-';
elem.parent.state = 'ready';
});
} else {
toClipboard(elem.parent.text);
}
}
function showTxDetails(hash, paymentId, destinations, subaddrAccount, subaddrIndex, dateTime, amount, isout) {
2019-03-17 23:12:51 +00:00
var tx_note = currentWallet.getUserNote(hash)
var rings = currentWallet.getRings(hash)
var address_label = subaddrIndex == 0 ? (qsTr("Primary address") + translationManager.emptyString) : currentWallet.getSubaddressLabel(subaddrAccount, subaddrIndex)
2019-03-17 23:12:51 +00:00
var address = currentWallet.address(subaddrAccount, subaddrIndex)
const hasPaymentId = parseInt(paymentId, 16);
const integratedAddress = !isout && hasPaymentId ? currentWallet.integratedAddress(paymentId) : null;
2019-03-17 23:12:51 +00:00
if (rings)
rings = rings.replace(/\|/g, '\n')
currentWallet.getTxKeyAsync(hash, function(hash, tx_key) {
informationPopup.title = qsTr("Transaction details") + translationManager.emptyString;
informationPopup.content = buildTxDetailsString(hash, paymentId, tx_key, tx_note, destinations, rings, address, address_label, integratedAddress, dateTime, amount);
informationPopup.onCloseCallback = null
informationPopup.open();
});
2019-03-17 23:12:51 +00:00
}
function showTxProof(hash, paymentId, destinations, subaddrAccount, subaddrIndex){
var address = TxUtils.destinationsToAddress(destinations);
if(address === undefined){
console.log('getProof: Error fetching address')
return;
}
var checked = (TxUtils.checkTxID(hash) && TxUtils.checkAddress(address, appWindow.persistentSettings.nettype));
if(!checked){
console.log('getProof: Error checking TxId and/or address');
}
console.log("getProof: Generate clicked: txid " + hash + ", address " + address);
middlePanel.getProofClicked(hash, address, '');
}
function toClipboard(text){
console.log("Copied to clipboard");
clipboard.setText(text);
appWindow.showStatusMessage(qsTr("Copied to clipboard"),3);
}
function buildTxDetailsString(tx_id, paymentId, tx_key,tx_note, destinations, rings, address, address_label, integratedAddress, dateTime, amount) {
var trStart = '<tr><td style="white-space: nowrap; padding-top:5px"><b>',
2019-03-17 23:12:51 +00:00
trMiddle = '</b></td><td style="padding-left:10px;padding-top:5px;">',
trEnd = "</td></tr>";
return '<table border="0">'
+ (tx_id ? trStart + qsTr("Tx ID:") + trMiddle + tx_id + trEnd : "")
2019-12-05 15:16:11 +00:00
+ (dateTime ? trStart + qsTr("Date") + ":" + trMiddle + dateTime + trEnd : "")
+ (amount ? trStart + qsTr("Amount") + ":" + trMiddle + amount + trEnd : "")
2019-03-17 23:12:51 +00:00
+ (address ? trStart + qsTr("Address:") + trMiddle + address + trEnd : "")
+ (paymentId ? trStart + qsTr("Payment ID:") + trMiddle + paymentId + trEnd : "")
2019-12-05 15:16:11 +00:00
+ (integratedAddress ? trStart + qsTr("Integrated address") + ":" + trMiddle + integratedAddress + trEnd : "")
2019-03-17 23:12:51 +00:00
+ (tx_key ? trStart + qsTr("Tx key:") + trMiddle + tx_key + trEnd : "")
+ (tx_note ? trStart + qsTr("Tx note:") + trMiddle + tx_note + trEnd : "")
+ (destinations ? trStart + qsTr("Destinations:") + trMiddle + destinations + trEnd : "")
+ (rings ? trStart + qsTr("Rings:") + trMiddle + rings + trEnd : "")
+ "</table>"
+ translationManager.emptyString;
}
function lookupPaymentID(paymentId) {
if (!addressBookModel)
return ""
var idx = addressBookModel.lookupPaymentID(paymentId)
if (idx < 0)
return ""
idx = addressBookModel.index(idx, 0)
return addressBookModel.data(idx, AddressBookModel.AddressBookDescriptionRole)
}
FileDialog {
id: writeCSVFileDialog
title: qsTr("Please choose a folder") + translationManager.emptyString
selectFolder: true
onRejected: {
console.log("csv write canceled")
}
onAccepted: {
var dataDir = walletManager.urlToLocalPath(writeCSVFileDialog.fileUrl);
var written = currentWallet.history.writeCSV(currentWallet.currentSubaddressAccount, dataDir);
if(written !== ""){
informationPopup.title = qsTr("Success") + translationManager.emptyString;
var text = qsTr("CSV file written to: %1").arg(written) + "\n\n"
text += qsTr("Tip: Use your favorite spreadsheet software to sort on blockheight.") + "\n\n" + translationManager.emptyString;
informationPopup.text = text;
informationPopup.icon = StandardIcon.Information;
} else {
informationPopup.title = qsTr("Error") + translationManager.emptyString;
informationPopup.text = qsTr("Error exporting transaction data.") + "\n\n" + translationManager.emptyString;
informationPopup.icon = StandardIcon.Critical;
}
informationPopup.onCloseCallback = null;
informationPopup.open();
}
Component.onCompleted: {
var _folder = 'file://' + moneroAccountsDir;
try {
_folder = 'file://' + desktopFolder;
}
catch(err) {}
finally {
writeCSVFileDialog.folder = _folder;
}
}
}
function onPageCompleted() {
2019-03-17 23:12:51 +00:00
// setup date filter scope according to real transactions
if(appWindow.currentWallet != null){
root.model = appWindow.currentWallet.historyModel;
root.model.sortRole = TransactionHistoryModel.TransactionBlockHeightRole
root.model.sort(0, Qt.DescendingOrder);
fromDatePicker.currentDate = model.transactionHistory.firstDateTime
2017-08-08 09:07:06 +00:00
}
2019-03-17 23:12:51 +00:00
root.reset();
root.refresh();
root.initialized = true;
}
2018-12-25 00:12:14 +00:00
2019-03-17 23:12:51 +00:00
function onPageClosed(){
root.initialized = false;
root.reset(true);
2018-12-25 00:12:14 +00:00
}
2014-07-07 17:08:30 +00:00
}