Frontend first draft

2025-11-13 15:06:15 +03:00
parent e47f343afb
commit ddb54ddfdc
504 changed files with 25498 additions and 1 deletions
--- a/frontend/pweb/lib/pages/report/page.dart
+++ b/frontend/pweb/lib/pages/report/page.dart
@@ -0,0 +1,170 @@
+// operation_history_page.dart
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/payment/operation.dart';
+import 'package:pshared/models/payment/status.dart';
+
+import 'package:pweb/pages/report/charts/distribution.dart';
+import 'package:pweb/pages/report/charts/status.dart';
+import 'package:pweb/pages/report/table/filters.dart';
+import 'package:pweb/pages/report/table/widget.dart';
+
+
+class OperationHistoryPage extends StatefulWidget {
+  const OperationHistoryPage({super.key});
+
+  @override
+  State<OperationHistoryPage> createState() => _OperationHistoryPageState();
+}
+
+class _OperationHistoryPageState extends State<OperationHistoryPage> {
+  // Mock data
+  final List<OperationItem> _allOps = [
+    OperationItem(
+      status: OperationStatus.error,
+      fileName: 'cards_payout_sample_june.csv',
+      amount: 10,
+      currency: 'EUR',
+      toAmount: 10,
+      toCurrency: 'EUR',
+      payId: '860163800',
+      cardNumber: null,
+      name: 'John Snow',
+      date: DateTime(2025, 7, 14, 19, 59, 2),
+      comment: 'EUR visa',
+    ),
+    OperationItem(
+      status: OperationStatus.processing,
+      fileName: 'cards_payout_sample_june.csv',
+      amount: 10,
+      currency: 'EUR',
+      toAmount: 10,
+      toCurrency: 'EUR',
+      payId: '860163700',
+      cardNumber: null,
+      name: 'Baltasar Gelt',
+      date: DateTime(2025, 7, 14, 19, 59, 2),
+      comment: 'EUR master',
+    ),
+    OperationItem(
+      status: OperationStatus.error,
+      fileName: 'cards_payout_sample_june.csv',
+      amount: 10,
+      currency: 'EUR',
+      toAmount: 10,
+      toCurrency: 'EUR',
+      payId: '40000000****0077',
+      cardNumber: '40000000****0077',
+      name: 'John Snow',
+      date: DateTime(2025, 7, 14, 19, 23, 22),
+      comment: 'EUR visa',
+    ),
+    OperationItem(
+      status: OperationStatus.success,
+      fileName: null,
+      amount: 10,
+      currency: 'EUR',
+      toAmount: 10,
+      toCurrency: 'EUR',
+      payId: '54133300****0019',
+      cardNumber: '54133300****0019',
+      name: 'Baltasar Gelt',
+      date: DateTime(2025, 7, 14, 19, 23, 21),
+      comment: 'EUR master',
+    ),
+    OperationItem(
+      status: OperationStatus.success,
+      fileName: null,
+      amount: 130,
+      currency: 'EUR',
+      toAmount: 130,
+      toCurrency: 'EUR',
+      payId: '54134300****0019',
+      cardNumber: '54153300****0019',
+      name: 'Ivan Brokov',
+      date: DateTime(2025, 7, 15, 19, 23, 21),
+      comment: 'EUR master 2',
+    ),
+  ];
+  DateTimeRange? _range;
+  final Set<String> _statuses = {};
+  late List<OperationItem> _filtered;
+
+  @override
+  void initState() {
+    super.initState();
+    _filtered = List.from(_allOps);
+  }
+
+  void _applyFilter() {
+    setState(() {
+      _filtered = _allOps.where((op) {
+        final okStatus = _statuses.isEmpty || _statuses.contains(op.status.localized(context));
+        final okRange = _range == null ||
+            (op.date.isAfter(_range!.start.subtract(const Duration(seconds: 1))) &&
+                op.date.isBefore(_range!.end.add(const Duration(seconds: 1))));
+        return okStatus && okRange;
+      }).toList();
+    });
+  }
+
+  Future<void> _pickRange() async {
+    final now = DateTime.now();
+    final initial = _range ??
+        DateTimeRange(
+          start: now.subtract(const Duration(days: 30)),
+          end: now,
+        );
+    final picked = await showDateRangePicker(
+      context: context,
+      firstDate: DateTime(2000),
+      lastDate: now.add(const Duration(days: 1)),
+      initialDateRange: initial,
+    );
+    if (picked != null) {
+      setState(() => _range = picked);
+    }
+  }
+
+  void _toggleStatus(String status) {
+    setState(() {
+      if (_statuses.contains(status)) _statuses.remove(status);
+      else _statuses.add(status);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(16.0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        spacing: 16,
+        children: [
+          SizedBox(
+            height: 200, // same height for both
+            child: Row(
+              spacing: 16,
+              children: [
+                Expanded(child: StatusChart(operations: _allOps)),
+                Expanded(child: PayoutDistributionChart(operations: _allOps)),
+              ],
+            ),
+          ),
+          OperationFilters(
+            selectedRange: _range,
+            selectedStatuses: _statuses,
+            onPickRange: _pickRange,
+            onToggleStatus: _toggleStatus,
+            onApply: _applyFilter,
+          ),
+          OperationsTable(
+            operations: _filtered,
+            showFileNameColumn:
+                _allOps.any((op) => op.fileName != null),
+          ),
+        ],
+      ),
+    );
+  }
+}