Compare commits

...

2 Commits

Author SHA1 Message Date
f4294e0e11 added transaction snackbar message 2024-06-29 20:02:54 +02:00
78614bd021 added account filter 2024-06-29 17:05:50 +02:00
11 changed files with 220 additions and 64 deletions

View File

@@ -1,11 +1,15 @@
import 'package:equatable/equatable.dart';
import 'package:krezus/repositories/transactions/models/transaction.dart';
class TransactionLine {
Transaction transaction;
double subTotal;
class TransactionLine extends Equatable{
final Transaction transaction;
final double subTotal;
TransactionLine({
const TransactionLine({
required this.transaction,
required this.subTotal,
});
@override
List<Object?> get props => [transaction, subTotal];
}

View File

@@ -1,3 +1,5 @@
import 'dart:async';
import 'package:equatable/equatable.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:formz/formz.dart';
@@ -7,6 +9,7 @@ import 'package:krezus/domains/transaction/models/transaction_date.dart';
import 'package:krezus/domains/transaction/models/transaction_description.dart';
import 'package:krezus/domains/transaction/models/transaction_line.dart';
import 'package:krezus/domains/transaction/models/transaction_value.dart';
import 'package:krezus/repositories/metadata/models/account.dart';
import 'package:krezus/repositories/metadata/models/category.dart';
import 'package:krezus/repositories/transactions/models/transaction.dart';
import 'package:krezus/repositories/transactions/transactions_repository.dart';
@@ -33,18 +36,20 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
on<TransactionSetCurrent>(_onTransactionSetCurrent);
on<TransactionDeleteCurrent>(_onTransactionDeleteCurrent);
on<TransactionFilterCategory>(_onTransactionFilterCategory);
on<TransactionFilterAccount>(_onTransactionFilterAccount);
on<TransactionResetSnackBar>(_onTransactionResetSnackBar);
_transactionsRepository
.getTransactionsStream()
.listen((transactions) => add(TransactionsLoad(transactions)));
}
_onAccountLoad(TransactionsLoad event, Emitter<TransactionState> emit) {
FutureOr<void> _onAccountLoad(TransactionsLoad event, Emitter<TransactionState> emit) {
var computeResult = _computeTransactionLine(event.transactions);
emit(state.copyWith(
transactions: event.transactions,
transactionsLines: computeResult.list,
transactionsLinesFiltered: _applyCategoryFilter(computeResult.list),
transactionsLinesFiltered: _applyFilters(computeResult.list),
globalTotal: computeResult.globalTotal,
accountsTotals: computeResult.accountsTotals,
));
@@ -73,7 +78,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
return (list: output, globalTotal: globalTotal, accountsTotals: accountsTotals, categories: categories.toList());
}
_onTransactionDateChange(
FutureOr<void> _onTransactionDateChange(
TransactionDateChange event, Emitter<TransactionState> emit
) {
final transactionDate = TransactionDate.dirty(event.date);
@@ -83,7 +88,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
));
}
_onTransactionCategoryChange(
FutureOr<void> _onTransactionCategoryChange(
TransactionCategoryChange event, Emitter<TransactionState> emit
) {
final transactionCategory = TransactionCategory.dirty(event.category);
@@ -93,7 +98,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
));
}
_onTransactionDescriptionChange(
FutureOr<void> _onTransactionDescriptionChange(
TransactionDescriptionChange event, Emitter<TransactionState> emit
) {
final transactionDescription = TransactionDescription.dirty(event.description);
@@ -103,7 +108,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
));
}
_onTransactionAccountChange(
FutureOr<void> _onTransactionAccountChange(
TransactionAccountChange event, Emitter<TransactionState> emit
) {
final transactionAccount = TransactionAccount.dirty(event.account);
@@ -113,7 +118,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
));
}
_onTransactionValueChange(
FutureOr<void> _onTransactionValueChange(
TransactionValueChange event, Emitter<TransactionState> emit
) {
try {
@@ -131,19 +136,19 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
}
}
_onTransactionOpenAddDialog(
FutureOr<void> _onTransactionOpenAddDialog(
TransactionOpenAddDialog event, Emitter<TransactionState> emit
) {
emit(state.copyWith(showAddDialog: true));
}
_onTransactionHideAddDialog(
FutureOr<void> _onTransactionHideAddDialog(
TransactionHideAddDialog event, Emitter<TransactionState> emit
) {
emit(state.copyWith(showAddDialog: false));
}
_onTransactionAddDialog(
FutureOr<void> _onTransactionAddDialog(
TransactionAdd event, Emitter<TransactionState> emit
) {
if (state.isValid) {
@@ -174,14 +179,17 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
// transactionValue: const TransactionValue.pure(),
transactions: transactions,
transactionsLines: computeResult.list,
transactionsLinesFiltered: _applyCategoryFilter(computeResult.list),
transactionsLinesFiltered: _applyFilters(computeResult.list),
globalTotal: computeResult.globalTotal,
accountsTotals: computeResult.accountsTotals,
showSnackBar: true,
snackBarIsError: false,
snackBarMessage: 'Transaction ${currentTransaction == null ? 'added' : 'updated'} !',
));
}
}
_onTransactionSetCurrent(
FutureOr<void> _onTransactionSetCurrent(
TransactionSetCurrent event, Emitter<TransactionState> emit
) {
Transaction? transaction = event.transaction;
@@ -206,7 +214,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
}
}
_onTransactionDeleteCurrent(
FutureOr<void> _onTransactionDeleteCurrent(
TransactionDeleteCurrent event, Emitter<TransactionState> emit
) {
Transaction? currentTransaction = state.currentTransaction;
@@ -224,33 +232,83 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
transactionValue: const TransactionValue.pure(),
transactions: transactions,
transactionsLines: computeResult.list,
transactionsLinesFiltered: _applyCategoryFilter(computeResult.list),
transactionsLinesFiltered: _applyFilters(computeResult.list),
globalTotal: computeResult.globalTotal,
accountsTotals: computeResult.accountsTotals,
showSnackBar: true,
snackBarIsError: false,
snackBarMessage: 'Transaction removed !',
));
}
}
_onTransactionFilterCategory(TransactionFilterCategory event, Emitter<TransactionState> emit) {
List<TransactionLine> transactionsLinesFiltered = state.transactionsLines;
String? categoryLabel = event.category?.label;
if (categoryLabel != null) {
transactionsLinesFiltered = state.transactionsLines.where((transaction) => transaction.transaction.category == categoryLabel).toList();
}
FutureOr<void> _onTransactionFilterCategory(TransactionFilterCategory event, Emitter<TransactionState> emit) {
emit(TransactionState(
globalTotal: state.globalTotal,
accountsTotals: state.accountsTotals,
transactions: state.transactions,
transactionsLines: state.transactionsLines,
transactionsLinesFiltered: state.transactionsLinesFiltered,
transactionDate: state.transactionDate,
transactionCategory: state.transactionCategory,
transactionDescription: state.transactionDescription,
transactionAccount: state.transactionAccount,
transactionValue: state.transactionValue,
isValid: state.isValid,
showAddDialog: state.showAddDialog,
currentTransaction: state.currentTransaction,
categoryFilter: event.category,
accountFilter: state.accountFilter,
));
emit(state.copyWith(
transactionsLinesFiltered: transactionsLinesFiltered,
categoryFilter: event.category,
transactionsLinesFiltered: _applyFilters(state.transactionsLines),
));
}
List<TransactionLine> _applyCategoryFilter(List<TransactionLine> transactionsLines) {
FutureOr<void> _onTransactionFilterAccount(TransactionFilterAccount event, Emitter<TransactionState> emit) {
emit(TransactionState(
globalTotal: state.globalTotal,
accountsTotals: state.accountsTotals,
transactions: state.transactions,
transactionsLines: state.transactionsLines,
transactionsLinesFiltered: state.transactionsLinesFiltered,
transactionDate: state.transactionDate,
transactionCategory: state.transactionCategory,
transactionDescription: state.transactionDescription,
transactionAccount: state.transactionAccount,
transactionValue: state.transactionValue,
isValid: state.isValid,
showAddDialog: state.showAddDialog,
currentTransaction: state.currentTransaction,
categoryFilter: state.categoryFilter,
accountFilter: event.account,
));
emit(state.copyWith(
transactionsLinesFiltered: _applyFilters(state.transactionsLines),
));
}
List<TransactionLine> _applyFilters(List<TransactionLine> transactionsLines) {
List<TransactionLine> transactionsLinesFiltered = transactionsLines;
String? categoryLabel = state.categoryFilter?.label;
if (categoryLabel != null) {
transactionsLinesFiltered = state.transactionsLines.where((transaction) => transaction.transaction.category == categoryLabel).toList();
transactionsLinesFiltered = transactionsLinesFiltered.where((transaction) => transaction.transaction.category == categoryLabel).toList();
}
String? accountLabel = state.accountFilter?.label;
if (accountLabel != null) {
transactionsLinesFiltered = transactionsLinesFiltered.where((transaction) => transaction.transaction.account == accountLabel).toList();
}
return transactionsLinesFiltered;
}
FutureOr<void> _onTransactionResetSnackBar(TransactionResetSnackBar event, Emitter<TransactionState> emit) {
emit(state.copyWith(
showSnackBar: false,
snackBarIsError: false,
snackBarMessage: '',
));
}
}

View File

@@ -78,3 +78,13 @@ final class TransactionFilterCategory extends TransactionEvent {
const TransactionFilterCategory(this.category);
}
final class TransactionFilterAccount extends TransactionEvent {
final Account? account;
const TransactionFilterAccount(this.account);
}
final class TransactionResetSnackBar extends TransactionEvent {
const TransactionResetSnackBar();
}

View File

@@ -8,6 +8,7 @@ final class TransactionState extends Equatable {
final List<TransactionLine> transactionsLines;
final List<TransactionLine> transactionsLinesFiltered;
final Category? categoryFilter;
final Account? accountFilter;
final TransactionDate transactionDate;
final TransactionCategory transactionCategory;
@@ -19,6 +20,10 @@ final class TransactionState extends Equatable {
final Transaction? currentTransaction;
final bool showSnackBar;
final String snackBarMessage;
final bool snackBarIsError;
const TransactionState({
this.globalTotal = 0,
this.accountsTotals = const <String, double>{},
@@ -34,6 +39,10 @@ final class TransactionState extends Equatable {
this.showAddDialog = false,
this.currentTransaction,
this.categoryFilter,
this.accountFilter,
this.showSnackBar = false,
this.snackBarMessage = '',
this.snackBarIsError = false,
});
TransactionState copyWith({
@@ -51,6 +60,10 @@ final class TransactionState extends Equatable {
bool? showAddDialog,
Transaction? currentTransaction,
Category? categoryFilter,
Account? accountFilter,
bool? showSnackBar,
String? snackBarMessage,
bool? snackBarIsError,
}) {
return TransactionState(
globalTotal: globalTotal ?? this.globalTotal,
@@ -66,12 +79,19 @@ final class TransactionState extends Equatable {
isValid: isValid ?? this.isValid,
showAddDialog: showAddDialog ?? this.showAddDialog,
currentTransaction: currentTransaction ?? this.currentTransaction,
categoryFilter: categoryFilter,
categoryFilter: categoryFilter ?? this.categoryFilter,
accountFilter: accountFilter ?? this.accountFilter,
showSnackBar: showSnackBar ?? this.showSnackBar,
snackBarMessage: snackBarMessage ?? this.snackBarMessage,
snackBarIsError: snackBarIsError ?? this.snackBarIsError,
);
}
@override
List<Object?> get props => [
transactions,
transactionsLines,
transactionsLinesFiltered,
transactionDate,
transactionCategory,
transactionDescription,
@@ -81,6 +101,10 @@ final class TransactionState extends Equatable {
showAddDialog,
currentTransaction,
categoryFilter,
accountFilter,
showSnackBar,
snackBarMessage,
snackBarIsError,
];
}

View File

@@ -1,4 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krezus/domains/transaction/transaction_bloc.dart';
import 'package:krezus/pages/transactions/widgets/transactions_actions.dart';
import 'package:krezus/pages/transactions/widgets/transactions_header.dart';
import 'package:krezus/pages/transactions/widgets/transactions_list.dart';
@@ -9,11 +11,24 @@ class TransactionsPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
MediaQueryData mediaQuery = MediaQuery.of(context);
return Center(
child: Container(
constraints: const BoxConstraints(
maxWidth: 1000
return BlocListener<TransactionBloc, TransactionState>(
listenWhen: (previous, current) => previous.showSnackBar != current.showSnackBar,
listener: (context, state) {
if (state.showSnackBar) {
ScaffoldMessenger
.of(context)
.showSnackBar(
SnackBar(
backgroundColor: state.snackBarIsError ? Colors.red : Colors.green,
content: Text(state.snackBarMessage),
),
);
context.read<TransactionBloc>().add(const TransactionResetSnackBar());
}
},
child: Center(
child: Container(
constraints: const BoxConstraints(maxWidth: 1000),
padding: mediaQuery.padding,
child: const Column(
children: [
@@ -22,7 +37,8 @@ class TransactionsPage extends StatelessWidget {
TransactionsList(),
],
),
)
),
),
);
}
}

View File

@@ -0,0 +1,36 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krezus/domains/account/account_bloc.dart';
import 'package:krezus/domains/transaction/transaction_bloc.dart';
import 'package:krezus/repositories/metadata/models/account.dart';
class AccountFilter extends StatelessWidget {
const AccountFilter({super.key});
@override
Widget build(BuildContext context) {
final accountState = context.watch<AccountBloc>().state;
return BlocBuilder<TransactionBloc, TransactionState>(
buildWhen: (previous, current) => previous.accountFilter != current.accountFilter,
builder: (context, state) => SizedBox(
width: 300,
child: DropdownButtonFormField<Account>(
value: state.accountFilter,
onChanged: (value) => context.read<TransactionBloc>().add(TransactionFilterAccount(value!)),
items: accountState.accounts.map((e) => DropdownMenuItem(value: e, child: Text(e.label))).toList(),
decoration: InputDecoration(
suffixIcon: IconButton(
icon: const Icon(Icons.filter_alt_off),
onPressed: () => context.read<TransactionBloc>().add(const TransactionFilterAccount(null)),
),
hintText: 'Account',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5),
),
),
),
),
);
}
}

View File

@@ -10,10 +10,11 @@ class CategoryFilter extends StatelessWidget {
@override
Widget build(BuildContext context) {
final categoryState = context.watch<CategoryBloc>().state;
return BlocBuilder<TransactionBloc, TransactionState>(
buildWhen: (previous, current) => previous.categoryFilter != current.categoryFilter,
builder: (context, state) => SizedBox(
width: 500,
width: 300,
child: DropdownButtonFormField<krezus_category.Category>(
value: state.categoryFilter,
onChanged: (value) => context.read<TransactionBloc>().add(TransactionFilterCategory(value!)),

View File

@@ -21,8 +21,8 @@ class TransactionAddDialog extends StatelessWidget {
BlocProvider.value(value: BlocProvider.of<CategoryBloc>(context)),
BlocProvider.value(value: BlocProvider.of<AccountBloc>(context)),
],
child: const TransactionAddDialog()
)
child: const TransactionAddDialog(),
),
);
}
@@ -32,18 +32,18 @@ class TransactionAddDialog extends StatelessWidget {
final actions = [
IconButton(
onPressed: () => TransactionAddDialog.hide(context),
icon: const Icon(Icons.close)
icon: const Icon(Icons.close),
),
IconButton(
onPressed: () => context.read<TransactionBloc>().add(const TransactionAdd()),
icon: const Icon(Icons.save)
icon: const Icon(Icons.save),
),
];
if (currentTransaction != null) {
actions.add(IconButton(
onPressed: () => context.read<TransactionBloc>().add(const TransactionDeleteCurrent()),
icon: const Icon(Icons.delete)
icon: const Icon(Icons.delete),
));
}
@@ -57,8 +57,8 @@ class TransactionAddDialog extends StatelessWidget {
builder: (context, state) => AlertDialog(
title: Text(state.currentTransaction == null ? 'Add Transaction' : 'Edit Transaction'),
actions: _computeActions(context, state.currentTransaction),
content: const TransactionForm()
)
content: const TransactionForm(),
),
);
}
}

View File

@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:krezus/domains/transaction/transaction_bloc.dart';
import 'package:krezus/pages/transactions/widgets/account_filter.dart';
import 'package:krezus/pages/transactions/widgets/category_filter.dart';
import 'package:krezus/pages/transactions/widgets/transaction_add_dialog.dart';
@@ -31,6 +32,7 @@ class TransactionsActions extends StatelessWidget {
],
),
const CategoryFilter(),
const AccountFilter(),
],
);
}
@@ -47,6 +49,7 @@ class TransactionsActions extends StatelessWidget {
),
),
const CategoryFilter(),
const AccountFilter(),
IconButton(
onPressed: () => TransactionAddDialog.show(context, null),
icon: const Icon(

View File

@@ -15,10 +15,10 @@ class TransactionsList extends StatelessWidget {
itemCount: state.transactionsLinesFiltered.length,
itemBuilder: (context, index) => TransactionLine(
transaction: state.transactionsLinesFiltered[index].transaction,
subTotal: state.transactionsLinesFiltered[index].subTotal
)
)
)
subTotal: state.transactionsLinesFiltered[index].subTotal,
),
),
),
);
}
}

View File

@@ -1,14 +1,15 @@
import 'package:equatable/equatable.dart';
import 'package:uuid/uuid.dart';
class Transaction {
String uuid;
DateTime date;
String category;
String description;
String account;
double value;
class Transaction extends Equatable {
final String uuid;
final DateTime date;
final String category;
final String description;
final String account;
final double value;
Transaction({
const Transaction({
required this.uuid,
required this.date,
required this.category,
@@ -36,4 +37,7 @@ class Transaction {
'account': account,
'value': value.toString(),
};
@override
List<Object?> get props => [uuid, date, category, description, account, value];
}