423 lines
12 KiB
Dart
423 lines
12 KiB
Dart
// ignore_for_file: deprecated_member_use, use_build_context_synchronously
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:monarch/other_pages/colors.dart';
|
|
import 'package:monarch/main_pages/Statistics/statistics.dart';
|
|
|
|
class UpdateBudget extends StatefulWidget {
|
|
const UpdateBudget({super.key});
|
|
|
|
@override
|
|
State<UpdateBudget> createState() => _UpdateBudgetState();
|
|
}
|
|
|
|
class _UpdateBudgetState extends State<UpdateBudget>
|
|
with TickerProviderStateMixin {
|
|
// Constants and Controllers
|
|
static const _animationDuration = Duration(milliseconds: 600);
|
|
static const _fadeDuration = Duration(milliseconds: 800);
|
|
|
|
|
|
// Controllers and Focus Nodes
|
|
final TextEditingController amountController = TextEditingController();
|
|
final FocusNode _amountFocus = FocusNode();
|
|
|
|
// Animation Controllers
|
|
late AnimationController _slideController;
|
|
late AnimationController _fadeController;
|
|
late Animation<Offset> _slideAnimation;
|
|
late Animation<double> _fadeAnimation;
|
|
|
|
// State Variables
|
|
String _displayAmount = '';
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initializeAnimations();
|
|
_setupFocusListeners();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_slideController.dispose();
|
|
_fadeController.dispose();
|
|
amountController.dispose();
|
|
_amountFocus.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _initializeAnimations() {
|
|
_slideController = AnimationController(
|
|
duration: _animationDuration,
|
|
vsync: this,
|
|
);
|
|
_fadeController = AnimationController(duration: _fadeDuration, vsync: this);
|
|
|
|
_slideAnimation = Tween<Offset>(
|
|
begin: const Offset(0, 1),
|
|
end: Offset.zero,
|
|
).animate(
|
|
CurvedAnimation(parent: _slideController, curve: Curves.easeOutCubic),
|
|
);
|
|
|
|
_fadeAnimation = Tween<double>(
|
|
begin: 0.0,
|
|
end: 1.0,
|
|
).animate(CurvedAnimation(parent: _fadeController, curve: Curves.easeOut));
|
|
|
|
_slideController.forward();
|
|
_fadeController.forward();
|
|
}
|
|
|
|
void _setupFocusListeners() {
|
|
_amountFocus.addListener(() => setState(() {}));
|
|
}
|
|
|
|
// UI Components
|
|
Widget _buildHeader(BuildContext context) {
|
|
return Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: _responsiveWidth(20, context),
|
|
vertical: _responsiveHeight(20, context),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
_buildBackButton(context),
|
|
SizedBox(width: _responsiveWidth(16, context)),
|
|
Text(
|
|
'Budget',
|
|
style: GoogleFonts.inter(
|
|
color: Colors.white,
|
|
fontSize: _responsiveText(24, context),
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBackButton(BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: () => Navigator.pushReplacement(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const Statistics(),
|
|
),
|
|
),
|
|
child: Container(
|
|
width: _responsiveWidth(44, context),
|
|
height: _responsiveWidth(44, context),
|
|
decoration: BoxDecoration(
|
|
color: primaryColor.withOpacity(0.8),
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(color: Colors.white.withOpacity(0.1), width: 1),
|
|
),
|
|
child: const Icon(
|
|
Icons.arrow_back_ios_new,
|
|
color: Colors.white,
|
|
size: 20,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAmountDisplay() {
|
|
return Center(
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: _responsiveWidth(24, context),
|
|
vertical: _responsiveHeight(16, context),
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: cardColor,
|
|
borderRadius: BorderRadius.circular(20),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: primaryColor.withOpacity(0.08),
|
|
blurRadius: 16,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Text(
|
|
_displayAmount.isEmpty ? '₹0.00' : _displayAmount,
|
|
style: GoogleFonts.inter(
|
|
fontSize: _responsiveText(36, context),
|
|
fontWeight: FontWeight.w700,
|
|
color: primaryColor,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildKeypad(BuildContext context) {
|
|
return Expanded(
|
|
child: GridView.count(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
crossAxisCount: 3,
|
|
childAspectRatio: 1,
|
|
mainAxisSpacing: _responsiveWidth(10, context),
|
|
crossAxisSpacing: _responsiveWidth(10, context),
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: _responsiveWidth(10, context),
|
|
),
|
|
children:
|
|
[
|
|
'1',
|
|
'2',
|
|
'3',
|
|
'4',
|
|
'5',
|
|
'6',
|
|
'7',
|
|
'8',
|
|
'9',
|
|
'.',
|
|
'0',
|
|
'⌫',
|
|
].map((key) => _buildKeypadButton(key, context)).toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildKeypadButton(String text, BuildContext context) {
|
|
final isSpecial = text == '.' || text == '⌫';
|
|
|
|
return GestureDetector(
|
|
onTap: () => _handleKeyPress(text),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: isSpecial ? surfaceColor : cardColor,
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(
|
|
color: isSpecial ? textSecondary.withOpacity(0.2) : surfaceColor,
|
|
width: 1,
|
|
),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: primaryColor.withOpacity(0.08),
|
|
blurRadius: 8,
|
|
offset: const Offset(0, 2),
|
|
),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
text,
|
|
style: GoogleFonts.inter(
|
|
fontSize: _responsiveText(24, context),
|
|
fontWeight: FontWeight.w600,
|
|
color: isSpecial ? textSecondary : primaryColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAddButton(BuildContext context) {
|
|
return ElevatedButton(
|
|
onPressed: () {
|
|
final amount = double.tryParse(amountController.text);
|
|
if (amount != null && amount > 0) {
|
|
Navigator.pop(context, amount); // Simply return the value
|
|
} else if (amount == null || amount <= 0) {
|
|
_showCustomSnackBar(
|
|
message: 'Please enter a valid budget amount',
|
|
icon: Icons.error,
|
|
backgroundColor: Colors.red,
|
|
);
|
|
}
|
|
},
|
|
child: Container(
|
|
width: double.infinity,
|
|
height: _responsiveHeight(60, context),
|
|
decoration: BoxDecoration(
|
|
color: accentColor,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: accentColor.withOpacity(0.3),
|
|
blurRadius: 20,
|
|
offset: const Offset(0, 8),
|
|
),
|
|
],
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
'Update Budget',
|
|
style: GoogleFonts.inter(
|
|
color: Colors.white,
|
|
fontSize: _responsiveText(18, context),
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Helper Methods
|
|
double _responsiveWidth(double size, BuildContext context) {
|
|
return size *
|
|
(MediaQuery.of(context).size.width / 375); // Base width 375 (iPhone 8)
|
|
}
|
|
|
|
double _responsiveHeight(double size, BuildContext context) {
|
|
return size *
|
|
(MediaQuery.of(context).size.height /
|
|
812); // Base height 812 (iPhone 8)
|
|
}
|
|
|
|
double _responsiveText(double size, BuildContext context) {
|
|
final width = MediaQuery.of(context).size.width;
|
|
if (width < 350) return size * 0.9;
|
|
if (width > 600) return size * 1.2;
|
|
return size;
|
|
}
|
|
|
|
void _handleKeyPress(String text) {
|
|
HapticFeedback.heavyImpact();
|
|
if (text == '⌫') {
|
|
if (amountController.text.isNotEmpty) {
|
|
amountController.text = amountController.text.substring(
|
|
0,
|
|
amountController.text.length - 1,
|
|
);
|
|
_updateDisplayAmount();
|
|
}
|
|
} else if (text == '.') {
|
|
if (!amountController.text.contains('.')) {
|
|
amountController.text += text;
|
|
_updateDisplayAmount();
|
|
}
|
|
} else {
|
|
amountController.text += text;
|
|
_updateDisplayAmount();
|
|
}
|
|
}
|
|
|
|
void _updateDisplayAmount() {
|
|
if (amountController.text.isEmpty) {
|
|
setState(() => _displayAmount = '');
|
|
return;
|
|
}
|
|
|
|
final cleanValue = amountController.text.replaceAll(RegExp(r'[^\d.]'), '');
|
|
final parts = cleanValue.split('.');
|
|
final cleanNumber =
|
|
parts.length > 2
|
|
? '${parts[0]}.${parts.sublist(1).join('')}'
|
|
: cleanValue;
|
|
|
|
if (cleanNumber.isNotEmpty) {
|
|
final amount = double.tryParse(cleanNumber);
|
|
if (amount != null) {
|
|
setState(() => _displayAmount = '₹${amount.toStringAsFixed(2)}');
|
|
}
|
|
}
|
|
}
|
|
|
|
void _showCustomSnackBar({
|
|
required String message,
|
|
required IconData icon,
|
|
required Color backgroundColor,
|
|
Duration duration = const Duration(seconds: 3),
|
|
}) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.2),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Icon(icon, color: Colors.white, size: 20),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
message,
|
|
style: GoogleFonts.inter(
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.white,
|
|
fontSize: 14,
|
|
height: 1.4,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
backgroundColor: backgroundColor,
|
|
behavior: SnackBarBehavior.floating,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
margin: EdgeInsets.all(_responsiveWidth(16, context)),
|
|
duration: duration,
|
|
elevation: 8,
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: primaryColor,
|
|
body: SafeArea(
|
|
child: SlideTransition(
|
|
position: _slideAnimation,
|
|
child: FadeTransition(
|
|
opacity: _fadeAnimation,
|
|
child: Column(
|
|
children: [
|
|
_buildHeader(context),
|
|
Expanded(
|
|
child: Container(
|
|
margin: EdgeInsets.only(top: _responsiveHeight(8, context)),
|
|
decoration: BoxDecoration(
|
|
color: backgroundColor,
|
|
borderRadius: const BorderRadius.only(
|
|
topLeft: Radius.circular(32),
|
|
topRight: Radius.circular(32),
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(_responsiveWidth(24, context)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Center(
|
|
child: Container(
|
|
width: _responsiveWidth(40, context),
|
|
height: 4,
|
|
decoration: BoxDecoration(
|
|
color: textSecondary.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(2),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: _responsiveHeight(32, context)),
|
|
_buildAmountDisplay(),
|
|
SizedBox(height: _responsiveHeight(20, context)),
|
|
_buildKeypad(context),
|
|
SizedBox(height: _responsiveHeight(24, context)),
|
|
_buildAddButton(context),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|