114 lines
3.8 KiB
QML
114 lines
3.8 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 SortFilterProxyModel 0.2
|
|
|
|
import utils 1.0
|
|
|
|
import "../panels"
|
|
import "../popups"
|
|
import "../stores"
|
|
import "../controls"
|
|
|
|
// Temporary developer view to test the filter APIs
|
|
Item {
|
|
id: root
|
|
|
|
property var controller
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
|
|
ColumnLayout {
|
|
id: filterLayout
|
|
|
|
readonly property int millisInADay: 24 * 60 * 60 * 1000
|
|
property int start: fromSlider.value > 0 ? Math.floor(new Date(new Date() - (fromSlider.value * millisInADay)).getTime() / 1000) : 0
|
|
property int end: toSlider.value > 0 ? Math.floor(new Date(new Date() - (toSlider.value * millisInADay)).getTime() / 1000) : 0
|
|
|
|
function updateFilter() { controller.updateFilter(start, end) }
|
|
|
|
RowLayout {
|
|
Label { text: "Past Days Span: 100" }
|
|
Slider {
|
|
id: fromSlider
|
|
|
|
Layout.preferredWidth: 200
|
|
Layout.preferredHeight: 50
|
|
|
|
from: 100
|
|
to: 0
|
|
|
|
stepSize: 1
|
|
value: 0
|
|
|
|
onPressedChanged: { if (!pressed) filterLayout.updateFilter() }
|
|
}
|
|
Label { text: `${fromSlider.value}d - ${toSlider.value}d` }
|
|
Slider {
|
|
id: toSlider
|
|
|
|
Layout.preferredWidth: 200
|
|
Layout.preferredHeight: 50
|
|
|
|
enabled: fromSlider.value > 1
|
|
|
|
from: fromSlider.value - 1
|
|
to: 0
|
|
|
|
stepSize: 1
|
|
value: 0
|
|
|
|
onPressedChanged: { if (!pressed) filterLayout.updateFilter() }
|
|
}
|
|
Label { text: "0" }
|
|
}
|
|
Label { text: `Interval: ${filterLayout.start > 0 ? root.epochToDateStr(filterLayout.start) : "all time"} - ${filterLayout.end > 0 ? root.epochToDateStr(filterLayout.end) : "now"}` }
|
|
}
|
|
|
|
ListView {
|
|
id: listView
|
|
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
model: controller.model
|
|
|
|
delegate: Item {
|
|
width: parent ? parent.width : 0
|
|
height: itemLayout.implicitHeight
|
|
|
|
readonly property var entry: model.activityEntry
|
|
|
|
RowLayout {
|
|
id: itemLayout
|
|
anchors.fill: parent
|
|
|
|
Label { text: entry.isMultiTransaction ? "MT" : entry.isPendingTransaction ? "PT" : " T" }
|
|
Label { text: `[${root.epochToDateStr(entry.timestamp)}] ` }
|
|
Label { text: entry.isMultiTransaction ? entry.fromAmount : entry.amount }
|
|
Label { text: "from"; Layout.leftMargin: 5; Layout.rightMargin: 5 }
|
|
Label { text: entry.sender; Layout.maximumWidth: 200; elide: Text.ElideMiddle }
|
|
Label { text: "to"; Layout.leftMargin: 5; Layout.rightMargin: 5 }
|
|
Label { text: entry.recipient; Layout.maximumWidth: 200; elide: Text.ElideMiddle }
|
|
Label { text: "got"; Layout.leftMargin: 5; Layout.rightMargin: 5; visible: entry.isMultiTransaction }
|
|
Label { text: entry.toAmount; Layout.leftMargin: 5; Layout.rightMargin: 5; visible: entry.isMultiTransaction }
|
|
RowLayout {} // Spacer
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function epochToDateStr(epochTimestamp) {
|
|
var date = new Date(epochTimestamp * 1000);
|
|
return date.toLocaleString(Qt.locale(), "dd-MM-yyyy hh:mm");
|
|
}
|
|
}
|