stacked bar graph, edit / remove transaction & budget page base

2024-02-06 23:58:29 +01:00
parent 3abee9ff6f
commit 3610c466d2
25 changed files with 483 additions and 180 deletions
--- a/lib/pages/transactions/widgets/transaction_form.dart
+++ b/lib/pages/transactions/widgets/transaction_form.dart
@@ -0,0 +1,130 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:tunas/domains/account/account_bloc.dart';
+
+import 'autocomplete_input.dart';
+
+class TransactionForm extends StatelessWidget {
+
+  const TransactionForm({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        _TransactionDateInput(),
+        _TransactionCategoryInput(),
+        _TransactionDescriptionInput(),
+        _TransactionAccountInput(),
+        _TransactionValueInput()
+      ],
+    );
+  }
+}
+
+
+class _TransactionDateInput extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      buildWhen: (previous, current) => previous.transactionDate != current.transactionDate,
+      builder: (context, state) => SizedBox(
+        width: 500,
+        child: TextFormField(
+          initialValue: DateFormat('dd-MM-yyyy', 'fr_FR').format(state.transactionDate.value ?? DateTime.now()),
+          keyboardType: TextInputType.datetime,
+          onTap: () {
+            FocusScope.of(context).requestFocus(FocusNode());
+            showDatePicker(
+              context: context,
+              firstDate: DateTime.fromMicrosecondsSinceEpoch(0),
+              lastDate: DateTime.now()
+            ).then((value) => context.read<AccountBloc>().add(TransactionDateChange(value)));
+          },
+          decoration: InputDecoration(
+            hintText: 'Date',
+            errorText: state.transactionDate.isNotValid ? state.transactionDate.error?.message : null
+          ),
+        )
+      )
+    );
+  }
+}
+
+class _TransactionCategoryInput extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      buildWhen: (previous, current) => previous.transactionCategory != current.transactionCategory,
+      builder: (context, state) => SizedBox(
+        width: 500,
+        child: AutocompleteInput(
+          options: state.categories,
+          hintText: 'Category',
+          initialValue: state.transactionCategory.value,
+          errorText: state.transactionCategory.isNotValid ? state.transactionCategory.error?.message : null,
+          onChanged: (value) => context.read<AccountBloc>().add(TransactionCategoryChange(value)),
+        ),
+      ),
+    );
+  }
+}
+
+class _TransactionDescriptionInput extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      buildWhen: (previous, current) => previous.transactionDescription != current.transactionDescription,
+      builder: (context, state) => SizedBox(
+        width: 500,
+        child: TextField(
+          decoration: InputDecoration(
+            hintText: 'Description',
+            errorText: state.transactionDescription.isNotValid ? state.transactionDescription.error?.message : null
+          ),
+          onChanged: (value) => context.read<AccountBloc>().add(TransactionDescriptionChange(value))
+        )
+      ),
+    );
+  }
+}
+
+class _TransactionAccountInput extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      buildWhen: (previous, current) => previous.transactionAccount != current.transactionAccount,
+      builder: (context, state) => SizedBox(
+        width: 500,
+        child: AutocompleteInput(
+          options: state.accountsTotals.keys.toList(),
+          hintText: 'Account',
+          initialValue: state.transactionAccount.value,
+          errorText: state.transactionAccount.isNotValid ? state.transactionAccount.error?.message : null,
+          onChanged: (value) => context.read<AccountBloc>().add(TransactionAccountChange(value)),
+        ),
+      ),
+    );
+  }
+}
+
+class _TransactionValueInput extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      buildWhen: (previous, current) => previous.transactionValue != current.transactionValue,
+      builder: (context, state) => SizedBox(
+        width: 500,
+        child: TextField(
+          keyboardType: TextInputType.number,
+          decoration: InputDecoration(
+            hintText: '\$\$\$',
+            errorText: state.transactionValue.isNotValid ? state.transactionValue.error?.message : null
+          ),
+          onChanged: (value) => context.read<AccountBloc>().add(TransactionValueChange(value))
+        )
+      ),
+    );
+  }
+}