Feat: Macht die Dashboard-Seite funktional

2025-12-31 16:44:29 +01:00
parent f765ba6268
commit 4014757319
9 changed files with 845 additions and 239 deletions
--- a/lib/Pages/Dashboard/recent_transactions_list.dart
+++ b/lib/Pages/Dashboard/recent_transactions_list.dart
@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+import '../../Controller/account_controller.dart';
+import '../../Controller/transaction_controller.dart';
+import '../../Entities/drift_database.dart';
+import '../../Repositories/transaction_repository.dart';
+
+/// Eine Liste mit den zuletzt getätigten Transaktionen
+class RecentTransactionsList extends StatefulWidget {
+  /// Erstellt eine neue Instanz dieser Klasse
+  const RecentTransactionsList({super.key});
+
+  @override
+  State<StatefulWidget> createState() => _RecentTransactionsListState();
+}
+
+class _RecentTransactionsListState extends State<RecentTransactionsList> {
+  final TransactionController _transactionController = TransactionController();
+  final AccountController _accountController = AccountController();
+
+  final TransactionRepository _transactionRepository = TransactionRepository();
+
+  @override
+  void initState() {
+    super.initState();
+
+    _transactionController.transactions.addListener(() {
+      if (mounted) {
+        setState(() {});
+      }
+    });
+  }
+
+  @override
+  Widget build(final BuildContext context) {
+    final Future<List<Transaction>> recentTransactions = _transactionRepository
+        .findBy(
+          account: _accountController.selected.value,
+          limit: 5,
+          orderBy: 'dateDesc',
+        );
+
+    return FutureBuilder(
+      future: recentTransactions,
+      builder:
+          (
+            final BuildContext context,
+            final AsyncSnapshot<List<Transaction>> snapshot,
+          ) {
+            final ThemeData theme = Theme.of(context);
+
+            if (snapshot.hasData) {
+              final List<Padding>? recentTransactionsWidgetList = snapshot.data
+                  ?.map(
+                    (final Transaction transaction) => Padding(
+                      padding: const EdgeInsets.symmetric(vertical: 4),
+                      child: ListTile(
+                        contentPadding: EdgeInsets.zero,
+                        title: Text(transaction.name),
+                        trailing: Text(
+                          '${transaction.amount.abs().toStringAsFixed(2)} €',
+                          style: TextStyle(
+                            color: transaction.amount == 0
+                                ? null
+                                : (transaction.amount < 0
+                                      ? Colors.green
+                                      : Colors.red),
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  )
+                  .toList();
+
+              return Column(children: [...?recentTransactionsWidgetList]);
+            } else if (snapshot.hasError) {
+              return Column(
+                children: [
+                  Icon(Icons.error, color: theme.colorScheme.error),
+                  const Text('Fehler beim holen der letzten Transaktionen!'),
+                ],
+              );
+            } else {
+              return const Center(child: CircularProgressIndicator());
+            }
+          },
+    );
+  }
+}