334 lines
12 KiB
QML
334 lines
12 KiB
QML
import QtQuick 2.15
|
|
import QtQml 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Popups 0.1
|
|
|
|
import SortFilterProxyModel 0.2
|
|
|
|
import utils 1.0
|
|
|
|
import "../panels"
|
|
import "../popups"
|
|
import "../stores"
|
|
import "../controls"
|
|
|
|
import AppLayouts.Wallet.stores 1.0 as WalletStores
|
|
import AppLayouts.Wallet.popups 1.0
|
|
import AppLayouts.Wallet.controls 1.0
|
|
import AppLayouts.Wallet.panels 1.0
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
property var overview
|
|
|
|
signal launchTransactionDetail(var transaction)
|
|
|
|
QtObject {
|
|
id: d
|
|
property bool isLoading: false
|
|
property var activityFiltersStore: WalletStores.ActivityFiltersStore{}
|
|
}
|
|
|
|
Connections {
|
|
target: RootStore.history
|
|
function onLoadingTrxHistoryChanged(isLoading: bool, address: string) {
|
|
if (root.overview.mixedcaseAddress.toLowerCase() === address.toLowerCase()) {
|
|
d.isLoading = isLoading
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
id: nonArchivalNodeError
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
visible: RootStore.isNonArchivalNode
|
|
text: qsTr("Status Desktop is connected to a non-archival node. Transaction history may be incomplete.")
|
|
font.pixelSize: Style.current.primaryTextFontSize
|
|
color: Style.current.danger
|
|
}
|
|
|
|
ShapeRectangle {
|
|
id: noTxs
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 42
|
|
visible: !d.isLoading && transactionListRoot.count === 0 && !d.activityFiltersStore.filtersSet
|
|
font.pixelSize: Style.current.primaryTextFontSize
|
|
text: qsTr("Activity for this account will appear here")
|
|
}
|
|
|
|
ActivityFilterPanel {
|
|
id: filterComponent
|
|
visible: !d.isLoading && (transactionListRoot.count !== 0 || d.activityFiltersStore.filtersSet)
|
|
Layout.fillWidth: true
|
|
activityFilterStore: d.activityFiltersStore
|
|
store: WalletStores.RootStore
|
|
isLoading: d.isLoading
|
|
}
|
|
|
|
Item {
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.topMargin: nonArchivalNodeError.visible || noTxs.visible ? Style.current.padding : 0
|
|
Layout.bottomMargin: Style.current.padding
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
Rectangle { // Shadow behind delegates when scrolling
|
|
anchors.top: topListSeparator.bottom
|
|
width: parent.width
|
|
height: 4
|
|
color: Style.current.separator
|
|
visible: topListSeparator.visible
|
|
}
|
|
|
|
StatusListView {
|
|
id: transactionListRoot
|
|
objectName: "walletAccountTransactionList"
|
|
anchors.fill: parent
|
|
|
|
property string firstSection
|
|
|
|
model: SortFilterProxyModel {
|
|
id: txModel
|
|
|
|
sourceModel: RootStore.historyTransactions
|
|
|
|
// LocaleUtils is not accessable from inside expression, but local function works
|
|
property var formatDate: (ms) => LocaleUtils.formatDate(ms, Locale.ShortFormat)
|
|
proxyRoles: ExpressionRole {
|
|
name: "date"
|
|
expression: {
|
|
return model.activityEntry.timestamp > 0 ? txModel.formatDate(model.activityEntry.timestamp * 1000) : (d.isLoading ? " " : "") // not empty, because section will not be displayed when loading if empty
|
|
}
|
|
}
|
|
}
|
|
|
|
delegate: transactionDelegate
|
|
|
|
footer: footerComp
|
|
|
|
displaced: Transition { // TODO Remove animation when ordered fetching of transactions is implemented
|
|
NumberAnimation { properties: "y"; duration: 250; easing.type: Easing.Linear; alwaysRunToEnd: true }
|
|
}
|
|
|
|
readonly property point lastVisibleItemPos: Qt.point(0, contentY + height - 1)
|
|
property int lastVisibleIndex: indexAt(lastVisibleItemPos.x, lastVisibleItemPos.y)
|
|
|
|
onCountChanged: {
|
|
// Preserve last visible item in view when more items added at the end or
|
|
// inbetween
|
|
// TODO Remove this logic, when new activity design is implemented
|
|
// and items are loaded in order
|
|
const lastVisibleItem = itemAtIndex(lastVisibleIndex)
|
|
const newItem = itemAt(lastVisibleItemPos.x, lastVisibleItemPos.y)
|
|
const lastVisibleItemY = lastVisibleItem ? lastVisibleItem.y : -1
|
|
if (newItem) {
|
|
if (newItem.y < lastVisibleItemY) { // item inserted higher than last visible
|
|
lastVisibleIndex = indexAt(lastVisibleItemPos.x, lastVisibleItemPos.y)
|
|
}
|
|
}
|
|
}
|
|
currentIndex: 0
|
|
|
|
property bool userScrolled: false
|
|
|
|
// TODO Remove this logic, when new activity design is implemented
|
|
// and items are loaded in order
|
|
onMovingVerticallyChanged: {
|
|
if (!userScrolled) {
|
|
userScrolled = true
|
|
currentIndex = Qt.binding(() => lastVisibleIndex >= 0 ? lastVisibleIndex : (count - 1))
|
|
}
|
|
|
|
lastVisibleIndex = indexAt(lastVisibleItemPos.x, lastVisibleItemPos.y)
|
|
}
|
|
|
|
ScrollBar.vertical: StatusScrollBar {}
|
|
|
|
section.property: "date"
|
|
topMargin: -20 // Top margin for first section. Section cannot have different sizes
|
|
section.delegate: ColumnLayout {
|
|
id: sectionDelegate
|
|
|
|
readonly property bool isFirstSection: ListView.view.firstSection === section
|
|
|
|
width: ListView.view.width
|
|
// display always first section. Other sections when more items are being fetched must not be visible
|
|
// 1 because we don't use empty for loading state
|
|
// Additionaly height must be defined so all sections use same height to to glitch sections when updating model
|
|
height: isFirstSection || section.length > 1 ? 58 : 0
|
|
visible: height > 0 // display always first section. Other sections when more items are being fetched must not be visible
|
|
spacing: 0
|
|
|
|
required property string section
|
|
|
|
Separator {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 20
|
|
implicitHeight: 1
|
|
}
|
|
|
|
StatusTextWithLoadingState {
|
|
id: sectionText
|
|
Layout.alignment: Qt.AlignBottom
|
|
leftPadding: 16
|
|
bottomPadding: 8
|
|
text: loading ? "dummy" : parent.section // dummy text because loading component height depends on text height, and not visible with height == 0
|
|
Binding on width {
|
|
when: sectionText.loading
|
|
value: 56
|
|
restoreMode: Binding.RestoreBindingOrValue
|
|
}
|
|
customColor: Theme.palette.baseColor1
|
|
font.pixelSize: 13
|
|
verticalAlignment: Qt.AlignBottom
|
|
loading: { // First section must be loading when first item in the list is loading. Other sections are never visible until have date value
|
|
if (parent.ListView.view.count > 0) {
|
|
const firstItem = parent.ListView.view.itemAtIndex(0)
|
|
if (sectionDelegate.isFirstSection && firstItem && firstItem.loading) {
|
|
return true
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
onAtYEndChanged: if(atYEnd) RootStore.fetchMoreTransactions()
|
|
}
|
|
|
|
Separator {
|
|
id: topListSeparator
|
|
width: parent.width
|
|
visible: !transactionListRoot.atYBeginning
|
|
}
|
|
}
|
|
|
|
StatusMenu {
|
|
id: delegateMenu
|
|
|
|
hideDisabledItems: true
|
|
|
|
property var transaction
|
|
property var transactionDelegate
|
|
|
|
function openMenu(delegate, mouse) {
|
|
if (!delegate || !delegate.modelData)
|
|
return
|
|
|
|
delegateMenu.transactionDelegate = delegate
|
|
delegateMenu.transaction = delegate.modelData
|
|
repeatTransactionAction.enabled = !overview.isWatchOnlyAccount && delegate.modelData.txType === TransactionDelegate.Send
|
|
popup(delegate, mouse.x, mouse.y)
|
|
}
|
|
|
|
onClosed: {
|
|
delegateMenu.transaction = null
|
|
delegateMenu.transactionDelegate = null
|
|
}
|
|
|
|
StatusAction {
|
|
id: repeatTransactionAction
|
|
text: qsTr("Repeat transaction")
|
|
enabled: false
|
|
icon.name: "rotate"
|
|
onTriggered: {
|
|
if (!delegateMenu.transaction)
|
|
return
|
|
root.sendModal.open(delegateMenu.transaction.to)
|
|
}
|
|
}
|
|
StatusSuccessAction {
|
|
text: qsTr("Copy details")
|
|
successText: qsTr("Details copied")
|
|
icon.name: "copy"
|
|
onTriggered: {
|
|
if (!delegateMenu.transactionDelegate)
|
|
return
|
|
RootStore.copyToClipboard(delegateMenu.transactionDelegate.getDetailsString())
|
|
}
|
|
}
|
|
StatusMenuSeparator {
|
|
visible: filterAction.enabled
|
|
}
|
|
StatusAction {
|
|
id: filterAction
|
|
enabled: false
|
|
text: qsTr("Filter by similar")
|
|
icon.name: "filter"
|
|
onTriggered: {
|
|
// TODO apply filter
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: transactionDelegate
|
|
TransactionDelegate {
|
|
width: ListView.view.width
|
|
modelData: model.activityEntry
|
|
currentCurrency: RootStore.currentCurrency
|
|
cryptoValue: isModelDataValid ? modelData.value : 0.0
|
|
fiatValue: isModelDataValid ? RootStore.getFiatValue(cryptoValue, symbol, currentCurrency): 0.0
|
|
networkIcon: isModelDataValid ? RootStore.getNetworkIcon(modelData.chainId) : ""
|
|
networkColor: isModelDataValid ? RootStore.getNetworkColor(modelData.chainId) : ""
|
|
networkName: isModelDataValid ? RootStore.getNetworkFullName(modelData.chainId) : ""
|
|
symbol: isModelDataValid && !!modelData.symbol ? modelData.symbol : ""
|
|
transactionStatus: isModelDataValid ? modelData.status : 0
|
|
timeStampText: isModelDataValid ? LocaleUtils.formatRelativeTimestamp(modelData.timestamp * 1000) : ""
|
|
addressNameTo: isModelDataValid ? WalletStores.RootStore.getNameForAddress(modelData.recipient) : ""
|
|
addressNameFrom: isModelDataValid ? WalletStores.RootStore.getNameForAddress(modelData.sender) : ""
|
|
rootStore: RootStore
|
|
walletRootStore: WalletStores.RootStore
|
|
onClicked: {
|
|
if (mouse.button === Qt.RightButton) {
|
|
delegateMenu.openMenu(this, mouse, modelData)
|
|
} else {
|
|
launchTransactionDetail(modelData)
|
|
}
|
|
}
|
|
loading: false // TODO handle loading state
|
|
|
|
Component.onCompleted: {
|
|
if (index == 0)
|
|
ListView.view.firstSection = date
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: footerComp
|
|
ColumnLayout {
|
|
width: root.width
|
|
visible: !RootStore.historyTransactions.hasMore && transactionListRoot.count !== 0
|
|
spacing: 12
|
|
Separator {
|
|
Layout.topMargin: Style.current.bigPadding
|
|
Layout.fillWidth: true
|
|
visible: !RootStore.historyTransactions.hasMore
|
|
}
|
|
StatusBaseText {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("You have reached the beginning of the activity for this account")
|
|
font.pixelSize: 13
|
|
color: Theme.palette.baseColor1
|
|
visible: !RootStore.historyTransactions.hasMore
|
|
horizontalAlignment: Text.AlignHCenter
|
|
}
|
|
StatusButton {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("Back to most recent transaction")
|
|
visible: !RootStore.historyTransactions.hasMore && transactionListRoot.contentHeight > transactionListRoot.height
|
|
onClicked: transactionListRoot.positionViewAtBeginning()
|
|
}
|
|
}
|
|
}
|
|
}
|