kolo/Casha
1
0
Fork 0
mirror of https://github.com/koloideal/Casha.git synced 2026-06-10 10:25:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
kolo
2026-03-25 16:24:23 +03:00
parent d2278523bd
commit d1ef8a64a1
10 changed files with 897 additions and 878 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/add_transaction/screen.dart
+64 -878
View File
File diff suppressed because it is too large Load Diff
lib/features/add_transaction/widgets/account_selector.dart
+245
View File
@@ -0,0 +1,245 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../core/services/haptic_service.dart';
import '../../../shared/models/account.dart';
import '../../../shared/models/transaction.dart';
import '../../dashboard/provider.dart';
import '../provider.dart';
class AccountSelector extends ConsumerWidget {
final Transaction? initial;
final bool showDropdown;
final VoidCallback onToggleDropdown;
final GlobalKey indicatorKey;
const AccountSelector({
super.key,
required this.initial,
required this.showDropdown,
required this.onToggleDropdown,
required this.indicatorKey,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final activeAccount = ref.watch(activeAccountProvider);
final accountsAsync = ref.watch(accountsProvider);
return accountsAsync.when(
data: (accounts) {
final txAccountId = ref
.read(addTransactionProvider(initial))
.selectedAccountId;
final Account displayAccount;
if (txAccountId != null) {
displayAccount = accounts.firstWhere(
(a) => a.id == txAccountId,
orElse: () => accounts.firstWhere(
(a) => a.isMain,
orElse: () => accounts.first,
),
);
} else {
displayAccount =
activeAccount ??
accounts.firstWhere(
(a) => a.isMain,
orElse: () => accounts.first,
);
}
final canChangeAccount = activeAccount == null;
return GestureDetector(
onTap: canChangeAccount ? onToggleDropdown : null,
child: Container(
key: indicatorKey,
height: 56,
padding: const EdgeInsets.symmetric(horizontal: 14),
decoration: BoxDecoration(
color: const Color(0xFF7C6DED).withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: const Color(0xFF7C6DED).withOpacity(0.3),
width: 1.5,
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(
Icons.account_balance_wallet_rounded,
size: 18,
color: Color(0xFF7C6DED),
),
const SizedBox(width: 10),
Flexible(
child: Text(
displayAccount.name,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: const Color(0xFF7C6DED),
fontWeight: FontWeight.w600,
fontSize: 14,
),
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.center,
),
),
if (canChangeAccount) ...[
const SizedBox(width: 6),
Icon(
showDropdown ? Icons.arrow_drop_up : Icons.arrow_drop_down,
size: 18,
color: const Color(0xFF7C6DED),
),
],
],
),
),
);
},
loading: () => Container(
height: 56,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
),
),
error: (_, __) => Container(
height: 56,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
),
),
);
}
}
class AccountDropdownOverlay extends ConsumerWidget {
final Transaction? initial;
final VoidCallback onClose;
const AccountDropdownOverlay({
super.key,
required this.initial,
required this.onClose,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final activeAccount = ref.watch(activeAccountProvider);
final accountsAsync = ref.watch(accountsProvider);
return Positioned(
top: 76,
left: 20,
right: MediaQuery.of(context).size.width / 2 + 6,
child: Material(
elevation: 8,
borderRadius: BorderRadius.circular(12),
color: Colors.transparent,
child: Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: const Color(0xFF7C6DED).withOpacity(0.3),
width: 1.5,
),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.2),
blurRadius: 16,
offset: const Offset(0, 4),
),
],
),
child: accountsAsync.when(
data: (accounts) {
final txAccountId = ref
.read(addTransactionProvider(initial))
.selectedAccountId;
final Account displayAccount;
if (txAccountId != null) {
displayAccount = accounts.firstWhere(
(a) => a.id == txAccountId,
orElse: () => accounts.firstWhere(
(a) => a.isMain,
orElse: () => accounts.first,
),
);
} else {
displayAccount =
activeAccount ??
accounts.firstWhere(
(a) => a.isMain,
orElse: () => accounts.first,
);
}
return Column(
mainAxisSize: MainAxisSize.min,
children: accounts.map((account) {
final isSelected = account.id == displayAccount.id;
return InkWell(
borderRadius: BorderRadius.circular(12),
onTap: () {
ref
.read(addTransactionProvider(initial).notifier)
.setAccountId(account.id);
onClose();
HapticService.light();
},
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 14,
vertical: 12,
),
child: Row(
children: [
Icon(
Icons.account_balance_wallet_rounded,
size: 16,
color: isSelected
? const Color(0xFF7C6DED)
: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.5),
),
const SizedBox(width: 10),
Expanded(
child: Text(
account.name,
style: TextStyle(
fontSize: 14,
fontWeight: isSelected
? FontWeight.w600
: FontWeight.w400,
color: isSelected
? const Color(0xFF7C6DED)
: Theme.of(context).colorScheme.onSurface,
),
),
),
if (isSelected)
const Icon(
Icons.check_rounded,
size: 16,
color: Color(0xFF7C6DED),
),
],
),
),
);
}).toList(),
);
},
loading: () => const SizedBox.shrink(),
error: (_, __) => const SizedBox.shrink(),
),
),
),
);
}
}
lib/features/add_transaction/widgets/amount_input.dart
+83
View File
@@ -0,0 +1,83 @@
import 'package:flutter/material.dart';
class AmountInput extends StatelessWidget {
final TextEditingController controller;
final String currencySymbol;
final bool showError;
final Animation<Color?> borderColorAnimation;
final bool isDark;
final ValueChanged<String> onChanged;
const AmountInput({
super.key,
required this.controller,
required this.currencySymbol,
required this.showError,
required this.borderColorAnimation,
required this.isDark,
required this.onChanged,
});
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: borderColorAnimation,
builder: (context, child) {
final isError = showError;
final normalBorder = isDark
? Colors.transparent
: const Color(0xFFCCCCDD);
final borderColor = isError
? (borderColorAnimation.value ?? const Color(0xFFE05C6B))
: normalBorder;
return Container(
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: borderColor, width: isError ? 1.5 : 1),
),
child: Row(
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 14),
child: Text(
currencySymbol,
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
color: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.7),
fontWeight: FontWeight.w600,
),
),
),
Expanded(
child: TextField(
controller: controller,
keyboardType: const TextInputType.numberWithOptions(
decimal: true,
),
style: Theme.of(context).textTheme.headlineSmall?.copyWith(
color: Theme.of(context).colorScheme.onSurface,
fontWeight: FontWeight.w600,
),
decoration: const InputDecoration(
hintText: '0.00',
border: InputBorder.none,
enabledBorder: InputBorder.none,
focusedBorder: InputBorder.none,
errorBorder: InputBorder.none,
focusedErrorBorder: InputBorder.none,
filled: false,
contentPadding: EdgeInsets.symmetric(vertical: 14),
),
onChanged: onChanged,
),
),
],
),
);
},
);
}
}
lib/features/add_transaction/widgets/category_picker.dart
+78
View File
@@ -0,0 +1,78 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../core/constants.dart';
import '../../../core/l10n/locale_provider.dart';
class CategoryPicker extends ConsumerWidget {
final List<String> categories;
final String selected;
final ValueChanged<String> onChanged;
const CategoryPicker({
super.key,
required this.categories,
required this.selected,
required this.onChanged,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final s = ref.watch(stringsProvider);
final isDark = Theme.of(context).brightness == Brightness.dark;
return Wrap(
spacing: 8,
runSpacing: 8,
children: categories.map((cat) {
final isSelected = cat == selected;
final color = AppCategories.colors[cat] ?? AppColors.accent;
final icon = AppCategories.icons[cat] ?? Icons.category_rounded;
return GestureDetector(
onTap: () => onChanged(cat),
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
decoration: BoxDecoration(
color: isSelected
? color.withOpacity(0.2)
: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: isSelected
? Border.all(color: color, width: 1.5)
: (isDark
? null
: Border.all(color: const Color(0xFFDDDDEE), width: 1)),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
icon,
color: isSelected
? color
: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.6),
size: 16,
),
const SizedBox(width: 6),
Text(
s.categoryLabel(cat),
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: isSelected
? color
: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.6),
fontWeight: isSelected
? FontWeight.w600
: FontWeight.normal,
),
),
],
),
),
);
}).toList(),
);
}
}
lib/features/add_transaction/widgets/currency_picker.dart
+73
View File
@@ -0,0 +1,73 @@
import 'package:flutter/material.dart';
class CurrencyPicker extends StatelessWidget {
final String selected;
final void Function(String symbol, String code) onChanged;
const CurrencyPicker({
super.key,
required this.selected,
required this.onChanged,
});
@override
Widget build(BuildContext context) {
final currencies = [
('USD', '\$'),
('EUR', '€'),
('BYN', 'Br'),
('RUB', '₽'),
];
final colorScheme = Theme.of(context).colorScheme;
return Row(
children: currencies.map((c) {
final isSelected = c.$1 == selected;
return Expanded(
child: GestureDetector(
onTap: () => onChanged(c.$2, c.$1),
child: Container(
margin: EdgeInsets.only(
right: c.$1 == currencies.last.$1 ? 0 : 8,
),
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
color: isSelected
? const Color(0xFF7C6DED).withOpacity(0.15)
: Theme.of(context).cardColor,
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: isSelected
? const Color(0xFF7C6DED)
: Colors.transparent,
width: 1.5,
),
),
child: Column(
children: [
Text(
c.$2,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: isSelected
? const Color(0xFF7C6DED)
: colorScheme.onSurface,
),
),
Text(
c.$1,
style: TextStyle(
fontSize: 10,
color: colorScheme.onSurface.withOpacity(0.5),
),
),
],
),
),
),
);
}).toList(),
);
}
}
lib/features/add_transaction/widgets/date_time_pickers.dart
+135
View File
@@ -0,0 +1,135 @@
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
class DatePickerField extends StatelessWidget {
final DateTime selectedDate;
final VoidCallback onTap;
final String label;
final String dateLocale;
final bool isDark;
const DatePickerField({
super.key,
required this.selectedDate,
required this.onTap,
required this.label,
required this.dateLocale,
required this.isDark,
});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 6),
GestureDetector(
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: isDark
? null
: Border.all(color: const Color(0xFFCCCCDD), width: 1),
),
child: Row(
children: [
Icon(
Icons.calendar_today_rounded,
size: 16,
color: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.6),
),
const SizedBox(width: 8),
Expanded(
child: Text(
DateFormat('MMM d, yyyy', dateLocale).format(selectedDate),
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).colorScheme.onSurface,
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
),
),
],
),
),
),
],
);
}
}
class TimePickerField extends StatelessWidget {
final TimeOfDay selectedTime;
final VoidCallback onTap;
final String label;
final bool isDark;
const TimePickerField({
super.key,
required this.selectedTime,
required this.onTap,
required this.label,
required this.isDark,
});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
label,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.6),
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 6),
GestureDetector(
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: isDark
? null
: Border.all(color: const Color(0xFFCCCCDD), width: 1),
),
child: Row(
children: [
Icon(
Icons.access_time_rounded,
size: 16,
color: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.6),
),
const SizedBox(width: 8),
Text(
selectedTime.format(context),
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).colorScheme.onSurface,
fontWeight: FontWeight.w500,
),
),
],
),
),
),
],
);
}
}
lib/features/add_transaction/widgets/note_field.dart
+52
View File
@@ -0,0 +1,52 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
class NoteField extends StatelessWidget {
final TextEditingController controller;
final String hintText;
final bool isDark;
final ValueChanged<String> onChanged;
const NoteField({
super.key,
required this.controller,
required this.hintText,
required this.isDark,
required this.onChanged,
});
@override
Widget build(BuildContext context) {
return TextFormField(
controller: controller,
maxLines: 2,
maxLength: 20,
maxLengthEnforcement: MaxLengthEnforcement.enforced,
buildCounter:
(context, {required currentLength, required isFocused, maxLength}) =>
Text(
'$currentLength/$maxLength',
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.4),
fontSize: 11,
),
),
decoration: InputDecoration(
hintText: hintText,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: isDark
? BorderSide.none
: const BorderSide(color: Color(0xFFCCCCDD), width: 1),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: const BorderSide(color: Color(0xFF7C6DED), width: 1.5),
),
),
onChanged: onChanged,
);
}
}
lib/features/add_transaction/widgets/section_label.dart
+18
View File
@@ -0,0 +1,18 @@
import 'package:flutter/material.dart';
class SectionLabel extends StatelessWidget {
final String text;
const SectionLabel(this.text, {super.key});
@override
Widget build(BuildContext context) {
return Text(
text,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: Theme.of(context).colorScheme.onSurface.withOpacity(0.6),
fontWeight: FontWeight.w600,
letterSpacing: 0.5,
),
);
}
}
lib/features/add_transaction/widgets/submit_button.dart
+65
View File
@@ -0,0 +1,65 @@
import 'package:flutter/material.dart';
import '../../../shared/models/transaction.dart';
class SubmitButton extends StatelessWidget {
final bool isSubmitting;
final bool isEditing;
final TransactionType type;
final VoidCallback onPressed;
final String saveChangesText;
final String addTransactionText;
const SubmitButton({
super.key,
required this.isSubmitting,
required this.isEditing,
required this.type,
required this.onPressed,
required this.saveChangesText,
required this.addTransactionText,
});
@override
Widget build(BuildContext context) {
final typeColor = type == TransactionType.income
? const Color(0xFF4CAF8C)
: const Color(0xFFE05C6B);
return AnimatedContainer(
duration: const Duration(milliseconds: 250),
curve: Curves.easeInOut,
child: SizedBox(
width: double.infinity,
child: OutlinedButton(
onPressed: isSubmitting ? null : onPressed,
style: OutlinedButton.styleFrom(
backgroundColor: typeColor.withOpacity(0.1),
side: BorderSide(color: typeColor, width: 2),
padding: const EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(14),
),
foregroundColor: typeColor,
),
child: isSubmitting
? SizedBox(
height: 20,
width: 20,
child: CircularProgressIndicator(
strokeWidth: 2,
color: typeColor,
),
)
: Text(
isEditing ? saveChangesText : addTransactionText,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: typeColor,
),
),
),
),
);
}
}
lib/features/add_transaction/widgets/type_toggle.dart
+84
View File
@@ -0,0 +1,84 @@
import 'package:flutter/material.dart';
import '../../../core/constants.dart';
import '../../../shared/models/transaction.dart';
class TypeToggle extends StatelessWidget {
final TransactionType selected;
final ValueChanged<TransactionType> onChanged;
final bool isDark;
const TypeToggle({
super.key,
required this.selected,
required this.onChanged,
required this.isDark,
});
@override
Widget build(BuildContext context) {
return Container(
height: 56,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(12),
border: isDark
? null
: Border.all(color: const Color(0xFFDDDDEE), width: 1),
),
child: Row(
children: [
Expanded(
child: GestureDetector(
onTap: () => onChanged(TransactionType.income),
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
decoration: BoxDecoration(
color: selected == TransactionType.income
? AppColors.income.withOpacity(0.15)
: Colors.transparent,
borderRadius: BorderRadius.circular(11),
),
child: Center(
child: Icon(
Icons.arrow_downward_rounded,
color: selected == TransactionType.income
? AppColors.income
: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.4),
size: 20,
),
),
),
),
),
Expanded(
child: GestureDetector(
onTap: () => onChanged(TransactionType.expense),
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
decoration: BoxDecoration(
color: selected == TransactionType.expense
? AppColors.expense.withOpacity(0.15)
: Colors.transparent,
borderRadius: BorderRadius.circular(11),
),
child: Center(
child: Icon(
Icons.arrow_upward_rounded,
color: selected == TransactionType.expense
? AppColors.expense
: Theme.of(
context,
).colorScheme.onSurface.withOpacity(0.4),
size: 20,
),
),
),
),
),
],
),
);
}
}