import 'dart:convert'; import 'package:awesome_dialog/awesome_dialog.dart'; import 'package:circular_seek_bar/circular_seek_bar.dart'; import 'package:easy_localization/easy_localization.dart'; import 'package:flutter_neumorphic/flutter_neumorphic.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:tests/saving_tips.dart'; import 'package:tests/theme/theme_constants.dart'; import 'package:tests/transaction/transaction_dialog.dart'; import 'package:tests/transaction/transaction.dart'; import '../main.dart'; import 'account.dart'; import '../chart/expense_chart.dart'; import '../chart/expense_data.dart'; import 'package:tab_indicator_styler/tab_indicator_styler.dart'; class AccountDetailPage extends StatefulWidget { final Account account; final Function(Account) updateAccountBalance; const AccountDetailPage( {super.key, required this.account, required this.updateAccountBalance}); @override AccountDetailPageState createState() => AccountDetailPageState(); } class AccountDetailPageState extends State with SingleTickerProviderStateMixin { late TabController _tabController; List transactions = []; List incomeTransactions = []; List expenseTransactions = []; List expenseData = []; String _selectedCurrency = "€"; Future getCurrencyFromSharedPreferences(String key) async { SharedPreferences prefs = await SharedPreferences.getInstance(); if (prefs.getString(key) == "Euro") { _selectedCurrency = "€"; } if (prefs.getString(key) == "Dollar") { _selectedCurrency = r"$"; } if (prefs.getString(key) == "CHF") { _selectedCurrency = "CHF"; } return prefs.getString(key) ?? 'Euro'; } @override void initState() { super.initState(); _tabController = TabController(length: 3, vsync: this); getCurrencyFromSharedPreferences("currency").then((value) { setState(() {}); }); loadMaxProgress(); loadTransactions(); } void loadMaxProgress() async { double storedMaxProgress = await getMaxProgress(); setState(() { maxProgress = storedMaxProgress; }); } @override void dispose() { _tabController.dispose(); _budgetController.dispose(); super.dispose(); } void loadTransactions() async { SharedPreferences prefs = await SharedPreferences.getInstance(); String? transactionsJson = prefs.getString(widget.account.name); if (transactionsJson != null) { List decodedJson = jsonDecode(transactionsJson); setState(() { transactions = decodedJson.map((json) => Transaction.fromJson(json)).toList(); incomeTransactions = transactions .where((transaction) => !transaction.isExpense) .toList(); expenseTransactions = transactions.where((transaction) => transaction.isExpense).toList(); expenseData = calculateMonthlyExpenses(); }); } } void saveTransactions() async { SharedPreferences prefs = await SharedPreferences.getInstance(); List transactionsJsonList = transactions .map((transaction) => json.encode(transaction.toJson())) .toList(); prefs.setString(widget.account.name, jsonEncode(transactionsJsonList)); } void addTransaction(Transaction transaction) { setState(() { transactions.add(transaction); if (transaction.isExpense) { widget.account.balance -= transaction.amount; expenseTransactions.add(transaction); } else { widget.account.balance += transaction.amount; incomeTransactions.add(transaction); } saveTransactions(); widget.updateAccountBalance(widget.account); expenseData = calculateMonthlyExpenses(); }); } void deleteTransaction(Transaction transaction) { setState(() { transactions.remove(transaction); if (transaction.isExpense) { widget.account.balance += transaction.amount; expenseTransactions.remove(transaction); } else { widget.account.balance -= transaction.amount; incomeTransactions.remove(transaction); } saveTransactions(); widget.updateAccountBalance(widget.account); expenseData = calculateMonthlyExpenses(); }); } List calculateMonthlyExpenses() { Map monthlyExpenses = {}; for (var transaction in expenseTransactions) { String month = DateFormat('yyyy-MM').format(transaction.date); monthlyExpenses[month] = (monthlyExpenses[month] ?? 0) + transaction.amount; } List expenseData = []; monthlyExpenses.forEach((month, amount) { expenseData.add(ExpenseData(month: month, amount: amount)); }); return expenseData; } final _budgetController = TextEditingController(); double progress = 0; double submitBudget() { if (_budgetController.text.isNotEmpty) { double budgetValue = double.parse(_budgetController.text); SharedPreferences.getInstance().then((prefs) { prefs.setDouble("maxProgress", budgetValue); }); setState(() { maxProgress = budgetValue; }); return budgetValue; } return 0; } Future getMaxProgress() async { SharedPreferences prefs = await SharedPreferences.getInstance(); double maxProgress = prefs.getDouble('maxProgress') ?? 1000; return maxProgress; } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Colors.transparent, elevation: 0, actions: [ Padding( padding: const EdgeInsets.only(right: 10.0), child: IconButton( icon: Icon( Icons.info, color: Theme.of(context).unselectedWidgetColor, ), onPressed: () { showDialog( context: context, builder: (BuildContext context) => SavingsTipsDialog(), ); }, ), ), ], toolbarHeight: 80, title: Text( widget.account.name, style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, color: Theme.of(context).brightness == Brightness.dark ? Colors.white70 : Colors.black87), ), centerTitle: true, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.only( bottomLeft: Radius.circular(15), bottomRight: Radius.circular(15), ), ), leading: Padding( padding: const EdgeInsets.only(left: 16.0), child: NeumorphicButton( onPressed: () { Navigator.pop(context); Navigator.pushReplacement( context, MaterialPageRoute(builder: (context) => const HomePage()), ); }, style: NeumorphicStyle( shape: NeumorphicShape.flat, boxShape: const NeumorphicBoxShape.circle(), depth: 6, shadowLightColor: Theme.of(context).brightness == Brightness.light ? const NeumorphicStyle().shadowLightColor : Theme.of(context).shadowColor, shadowDarkColor: Theme.of(context).brightness == Brightness.dark ? const NeumorphicStyle().shadowDarkColor : grey400, color: Theme.of(context).brightness == Brightness.light ? grey200 : grey800, intensity: 0.9, ), padding: const EdgeInsets.all(8), child: Icon(Icons.arrow_back, color: Theme.of(context).unselectedWidgetColor), ), ), ), body: Column( children: [ TabBar( controller: _tabController, labelColor: Theme.of(context).cardColor, labelStyle: const TextStyle(fontSize: 14), unselectedLabelColor: Theme.of(context).unselectedWidgetColor, indicator: MaterialIndicator( height: 4, color: Theme.of(context).unselectedWidgetColor, topLeftRadius: 8, topRightRadius: 8, horizontalPadding: 45, tabPosition: TabPosition.bottom, ), tabs: [ Tab(text: 'income'.tr()), Tab(text: 'expenditures'.tr()), Tab(text: 'budget'.tr()) ], ), Expanded( child: TabBarView( controller: _tabController, children: [ _buildTransactionsList(incomeTransactions), Column( children: [ Expanded( child: _buildTransactionsList(expenseTransactions)), if (expenseTransactions.isNotEmpty) _buildExpenseChart(), ], ), Column( children: [ const SizedBox( height: 15, ), monthlybudgetplanner(), Neumorphic( margin: const EdgeInsets.all(14), style: NeumorphicStyle( shadowLightColor: Theme.of(context).brightness == Brightness.light ? const NeumorphicStyle().shadowLightColor : Theme.of(context).shadowColor, shadowDarkColor: Theme.of(context).brightness == Brightness.dark ? const NeumorphicStyle().shadowDarkColor : grey400, color: Theme.of(context).brightness == Brightness.light ? grey200 : grey800, boxShape: NeumorphicBoxShape.roundRect( BorderRadius.circular(15)), depth: -5, intensity: 0.8, ), child: TextFormField( controller: _budgetController, keyboardType: TextInputType.number, decoration: InputDecoration( labelText: 'enterbudget'.tr(), contentPadding: const EdgeInsets.only( left: 16, bottom: 8, top: 8), border: InputBorder.none, ), ), ), const SizedBox(height: 16), NeumorphicButton( onPressed: () { setState(() { submitBudget(); }); }, style: NeumorphicStyle( boxShape: NeumorphicBoxShape.roundRect( BorderRadius.circular(12), ), shadowLightColor: Theme.of(context).brightness == Brightness.light ? const NeumorphicStyle().shadowLightColor : Theme.of(context).shadowColor, shadowDarkColor: Theme.of(context).brightness == Brightness.dark ? const NeumorphicStyle().shadowDarkColor : grey400, color: Theme.of(context).brightness == Brightness.light ? grey200 : grey800, depth: 8, intensity: 0.9, ), child: Text('add'.tr()), ), ], ) ], ), ), ], ), floatingActionButton: NeumorphicButton( onPressed: () => showDialog( context: context, builder: (_) => AddTransactionDialog(addTransaction: addTransaction), ), style: NeumorphicStyle( depth: 8, intensity: 1, shadowLightColor: Theme.of(context).brightness == Brightness.light ? const NeumorphicStyle().shadowLightColor : Theme.of(context).shadowColor, shadowDarkColor: Theme.of(context).brightness == Brightness.dark ? const NeumorphicStyle().shadowDarkColor : grey400, color: Theme.of(context).brightness == Brightness.light ? grey200 : grey800, boxShape: const NeumorphicBoxShape.circle(), ), child: Icon( Icons.add, size: 60, color: Theme.of(context).brightness == Brightness.light ? Colors.black12 : Colors.white12, ), ), ); } final ValueNotifier _valueNotifier = ValueNotifier(0); double maxProgress = 500; Widget monthlybudgetplanner() { return CircularSeekBar( width: double.infinity, height: 300, trackColor: Theme.of(context).brightness == Brightness.light ? Colors.black12 : Colors.white12, progress: calculateMonthlyExpensesTotal(), minProgress: 0, maxProgress: calculateMonthlyExpensesTotal() > maxProgress ? calculateMonthlyExpensesTotal() : maxProgress, barWidth: 17, startAngle: 45, sweepAngle: 270, strokeCap: StrokeCap.butt, progressGradientColors: const [ Colors.lightGreenAccent, Colors.lightGreen, Colors.green, Colors.yellowAccent, Colors.yellow, Colors.orangeAccent, Colors.orange, Colors.deepOrangeAccent, Colors.deepOrange, Colors.redAccent, Colors.red ], innerThumbRadius: 0, innerThumbStrokeWidth: 12, innerThumbColor: Theme.of(context).cardColor, outerThumbRadius: 0, outerThumbStrokeWidth: 15, dashWidth: 1.5, dashGap: 1.9, animation: true, animDurationMillis: 2200, curves: Curves.fastOutSlowIn, valueNotifier: _valueNotifier, child: Center( child: ValueListenableBuilder( valueListenable: _valueNotifier, builder: (_, double value, __) { final isMaxProgressReached = value >= maxProgress; final textStyle = TextStyle( fontSize: 15, fontWeight: isMaxProgressReached ? FontWeight.w600 : FontWeight.w300, ); return Column( mainAxisSize: MainAxisSize.min, children: [ if (isMaxProgressReached) Text( "budgetmax".tr(), style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, color: Theme.of(context).cardColor), ) else Text( '${value.round()}$_selectedCurrency', style: TextStyle( fontSize: 24, color: Theme.of(context).cardColor), ), const SizedBox( height: 10, ), isMaxProgressReached ? Text('hint'.tr(), textAlign: TextAlign.center, style: TextStyle(color: Theme.of(context).cardColor)) : Text('progress'.tr(), style: TextStyle(color: Theme.of(context).cardColor)), const SizedBox(height: 10), isMaxProgressReached ? Container() : Text( 'Budget: ${maxProgress.round()}$_selectedCurrency', style: textStyle, ), ], ); }, ), ), ); } Widget _buildTransactionsList(List transactionsList) { return ListView.separated( physics: const BouncingScrollPhysics(), itemCount: transactionsList.length, itemBuilder: (context, index) { final reversedIndex = transactionsList.length - 1 - index; // Berechnung des umgekehrten Index final revtrans = transactionsList[reversedIndex]; final formattedDate = DateFormat.yMMMMd().add_Hm().format(revtrans.date); return GestureDetector( onLongPress: () => _showDeleteConfirmationDialog(transactionsList[reversedIndex]), child: ListTile( title: Text( transactionsList[reversedIndex].title, style: TextStyle( color: Theme.of(context).brightness == Brightness.dark ? Colors.white54 : Colors.black87), ), subtitle: Text( formattedDate, style: TextStyle( fontSize: 12, color: Theme.of(context).brightness == Brightness.dark ? Colors.grey[600] : Colors.grey[400], ), ), trailing: Text( transactionsList[reversedIndex].isExpense ? '-$_selectedCurrency${transactionsList[reversedIndex].amount.toStringAsFixed(2)}' : '+$_selectedCurrency${transactionsList[reversedIndex].amount.toStringAsFixed(2)}', style: TextStyle( color: transactionsList[reversedIndex].isExpense ? Colors.red : Colors.green, fontWeight: FontWeight.bold, ), ), ), ); }, separatorBuilder: (context, index) => Divider( indent: MediaQuery.of(context).size.width * 0.03, endIndent: MediaQuery.of(context).size.width * 0.03, color: Colors.grey, height: 0.05, ), ); } Future _showDeleteConfirmationDialog(Transaction transaction) { return AwesomeDialog( dialogBackgroundColor: Theme.of(context).brightness == Brightness.dark ? Colors.grey[800] : Colors.grey[200], btnOkText: "Delete".tr(), btnOkColor: Colors.red, btnCancelColor: Theme.of(context).brightness == Brightness.dark ? Colors.grey[500] : Colors.grey[500], context: context, animType: AnimType.bottomSlide, dialogType: DialogType.info, title: 'deletetransaction'.tr(), headerAnimationLoop: false, desc: 'suretransaction'.tr(), btnCancelOnPress: () {}, btnOkOnPress: () { deleteTransaction(transaction); }, ).show(); } double calculateMonthlyExpensesTotal() { double total = 0; for (var transaction in expenseTransactions) { String month = DateFormat('yyyy-MM').format(transaction.date); if (month == DateFormat('yyyy-MM').format(DateTime.now())) { total += transaction.amount; } } return total; } Widget _buildExpenseChart() { return Padding( padding: const EdgeInsets.all(8.0), child: Card( color: Theme.of(context).brightness == Brightness.light ? grey400 : grey800, elevation: 6.0, child: Padding( padding: const EdgeInsets.all(16.0), child: MonthlyExpensesChart(data: expenseData), ), ), ); } }