budget mockup, account settings & transactions filter

This commit is contained in:
2024-02-18 00:08:17 +01:00
parent b2da8436e4
commit 44279796c4
18 changed files with 367 additions and 32 deletions

View File

@@ -0,0 +1,35 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:tunas/domains/category/category_bloc.dart';
import 'package:tunas/domains/transaction/transaction_bloc.dart';
import 'package:tunas/repositories/metadata/models/category.dart' as tunas_category;
class CategoryFilter extends StatelessWidget {
const CategoryFilter({super.key});
@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,
child: DropdownButtonFormField<tunas_category.Category>(
value: state.categoryFilter,
onChanged: (value) => context.read<TransactionBloc>().add(TransactionFilterCategory(value!)),
items: categoryState.categories.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 TransactionFilterCategory(null)),
),
hintText: 'Category',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5),
),
),
),
),
);
}
}

View File

@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:tunas/domains/transaction/transaction_bloc.dart';
import 'package:tunas/pages/transactions/widgets/category_filter.dart';
import 'package:tunas/pages/transactions/widgets/transaction_add_dialog.dart';
class TransactionsActions extends StatelessWidget {
@@ -22,6 +23,7 @@ class TransactionsActions extends StatelessWidget {
fontSize: 35,
),
),
CategoryFilter(),
IconButton(
onPressed: () => TransactionAddDialog.show(context, null),
icon: const Icon(

View File

@@ -9,13 +9,13 @@ class TransactionsList extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocBuilder<TransactionBloc, TransactionState>(
buildWhen: (previous, current) => previous.transactionsLines != current.transactionsLines,
buildWhen: (previous, current) => previous.transactionsLinesFiltered != current.transactionsLinesFiltered,
builder: (context, state) => Expanded(
child: ListView.builder(
itemCount: state.transactionsLines.length,
itemCount: state.transactionsLinesFiltered.length,
itemBuilder: (context, index) => TransactionLine(
transaction: state.transactionsLines[index].transaction,
subTotal: state.transactionsLines[index].subTotal
transaction: state.transactionsLinesFiltered[index].transaction,
subTotal: state.transactionsLinesFiltered[index].subTotal
)
)
)