379 lines
12 KiB
Dart
379 lines
12 KiB
Dart
import 'dart:convert';
|
|
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/transaction/transaction_dialog.dart';
|
|
import 'package:tests/transaction/transaction.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<AccountDetailPage>
|
|
with SingleTickerProviderStateMixin {
|
|
late TabController _tabController;
|
|
List<Transaction> transactions = [];
|
|
List<Transaction> incomeTransactions = [];
|
|
List<Transaction> expenseTransactions = [];
|
|
List<ExpenseData> expenseData = [];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(length: 3, vsync: this);
|
|
loadTransactions();
|
|
}
|
|
|
|
@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<dynamic> 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<String> 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<ExpenseData> calculateMonthlyExpenses() {
|
|
Map<String, double> monthlyExpenses = {};
|
|
for (var transaction in expenseTransactions) {
|
|
String month = DateFormat('yyyy-MM').format(transaction.date);
|
|
monthlyExpenses[month] =
|
|
(monthlyExpenses[month] ?? 0) + transaction.amount;
|
|
}
|
|
List<ExpenseData> expenseData = [];
|
|
monthlyExpenses.forEach((month, amount) {
|
|
expenseData.add(ExpenseData(month: month, amount: amount));
|
|
});
|
|
return expenseData;
|
|
}
|
|
|
|
final _budgetController = TextEditingController();
|
|
double progress = 0;
|
|
|
|
double submitbudget() {
|
|
return progress = double.parse(_budgetController.text.trim());
|
|
}
|
|
|
|
@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: const Icon(
|
|
Icons.info,
|
|
color: Colors.grey,
|
|
),
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) => SavingsTipsDialog(),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
toolbarHeight: 80,
|
|
title: Text(
|
|
widget.account.name,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black54,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(15),
|
|
bottomRight: Radius.circular(15),
|
|
),
|
|
),
|
|
shadowColor: Colors.grey.shade300,
|
|
leading: Padding(
|
|
padding: const EdgeInsets.only(left: 16.0),
|
|
child: NeumorphicButton(
|
|
onPressed: () {
|
|
Navigator.pop(context);
|
|
},
|
|
style: NeumorphicStyle(
|
|
shape: NeumorphicShape.flat,
|
|
boxShape: const NeumorphicBoxShape.circle(),
|
|
depth: 6,
|
|
intensity: 0.9,
|
|
color: Colors.grey.shade100,
|
|
),
|
|
padding: const EdgeInsets.all(10),
|
|
child: const Icon(Icons.arrow_back, color: Colors.black38),
|
|
),
|
|
),
|
|
),
|
|
body: Column(
|
|
children: [
|
|
TabBar(
|
|
controller: _tabController,
|
|
labelColor: Colors.black,
|
|
labelStyle: const TextStyle(fontSize: 14),
|
|
unselectedLabelColor: Colors.black54,
|
|
indicator: MaterialIndicator(
|
|
height: 4,
|
|
color: Colors.black54,
|
|
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(
|
|
color: Colors.grey.shade100,
|
|
boxShape: NeumorphicBoxShape.roundRect(
|
|
BorderRadius.circular(15)),
|
|
depth: -5,
|
|
intensity: 0.8,
|
|
),
|
|
child: TextFormField(
|
|
keyboardType: TextInputType.number,
|
|
decoration: InputDecoration(
|
|
labelText: 'enteramount'.tr(),
|
|
contentPadding: const EdgeInsets.only(
|
|
left: 16, bottom: 8, top: 8),
|
|
border: InputBorder.none,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
NeumorphicButton(
|
|
onPressed: () {
|
|
progress = submitbudget();
|
|
},
|
|
style: NeumorphicStyle(
|
|
boxShape: NeumorphicBoxShape.roundRect(
|
|
BorderRadius.circular(12),
|
|
),
|
|
color: Colors.grey.shade100,
|
|
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,
|
|
shadowDarkColor: Colors.grey.shade400,
|
|
color: Colors.grey.shade100,
|
|
boxShape: const NeumorphicBoxShape.circle(),
|
|
),
|
|
padding: const EdgeInsets.all(16),
|
|
child: const Icon(
|
|
Icons.add,
|
|
size: 40,
|
|
color: Colors.black12,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
final ValueNotifier<double> _valueNotifier = ValueNotifier(0);
|
|
|
|
Widget monthlybudgetplanner() {
|
|
return CircularSeekBar(
|
|
width: double.infinity,
|
|
height: 300,
|
|
trackColor: Colors.black12,
|
|
progress: 500,
|
|
minProgress: 0,
|
|
maxProgress: 800,
|
|
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: Colors.white,
|
|
outerThumbRadius: 0,
|
|
outerThumbStrokeWidth: 15,
|
|
outerThumbColor: Colors.blueAccent,
|
|
dashWidth: 1.5,
|
|
dashGap: 1.9,
|
|
animation: true,
|
|
animDurationMillis: 2200,
|
|
curves: Curves.fastOutSlowIn,
|
|
valueNotifier: _valueNotifier,
|
|
child: Center(
|
|
child: ValueListenableBuilder(
|
|
valueListenable: _valueNotifier,
|
|
builder: (_, double value, __) => Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'${value.round()}' '€',
|
|
),
|
|
Text(
|
|
'progress'.tr(),
|
|
),
|
|
],
|
|
)),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildTransactionsList(List<Transaction> transactionsList) {
|
|
return ListView.builder(
|
|
itemCount: transactionsList.length,
|
|
itemBuilder: (context, index) {
|
|
return ListTile(
|
|
title: Text(transactionsList[index].title),
|
|
subtitle: Text(transactionsList[index].title),
|
|
trailing: Text(
|
|
transactionsList[index].isExpense
|
|
? '-\$${transactionsList[index].amount.toStringAsFixed(2)}'
|
|
: '+\$${transactionsList[index].amount.toStringAsFixed(2)}',
|
|
style: TextStyle(
|
|
color:
|
|
transactionsList[index].isExpense ? Colors.red : Colors.green,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
onLongPress: () => deleteTransaction(transactionsList[index]),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildExpenseChart() {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Card(
|
|
elevation: 4.0,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: MonthlyExpensesChart(data: expenseData),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|