md.asif5/kmobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implemented TPIN and quick pay within bank

Browse Source
This commit is contained in:
Md Asif
2025-06-23 04:47:05 +05:30
parent 0d2dfc817e
commit 77a2654401
44 changed files with 1692 additions and 1153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

373
lib/features/accounts/screens/account_statement_screen.dart
View File

@@ -1,8 +1,17 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:material_symbols_icons/material_symbols_icons.dart';
import 'package:shimmer/shimmer.dart';
import 'package:kmobile/data/models/transaction.dart';
import 'package:kmobile/data/repositories/transaction_repository.dart';
import 'package:kmobile/di/injection.dart';
class AccountStatementScreen extends StatefulWidget {
const AccountStatementScreen({super.key});
final String accountNo;
const AccountStatementScreen({
super.key,
required this.accountNo,
});
@override
State<AccountStatementScreen> createState() => _AccountStatementScreen();
@@ -11,94 +20,71 @@ class AccountStatementScreen extends StatefulWidget {
class _AccountStatementScreen extends State<AccountStatementScreen> {
DateTime? fromDate;
DateTime? toDate;
final _amountRangeController = TextEditingController(text: "");
final transactions = [
{
"desc": "Transfer From ICICI Bank subsidy",
"amount": "+₹133.98",
"type": "Cr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "Mobile recharge",
"amount": "-₹299.00",
"type": "Dr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "NEFT received from Jaya Saha",
"amount": "+₹987.80",
"type": "Cr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "Transfer From ICICI Bank subsidy",
"amount": "+₹100.00",
"type": "Cr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "Transfer From ICICI Bank subsidy",
"amount": "-₹100.00",
"type": "Dr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "Transfer From ICICI Bank subsidy",
"amount": "+₹100.00",
"type": "Cr",
"time": "21-02-2024 13:09:30"
},
{
"desc": "Transfer From ICICI Bank subsidy",
"amount": "+₹100.00",
"type": "Cr",
"time": "21-02-2024 13:09:30"
},
];
bool _txLoading = true;
List<Transaction> _transactions = [];
final _minAmountController = TextEditingController();
final _maxAmountController = TextEditingController();
@override
void initState() {
super.initState();
_loadTransactions();
}
Future<void> _loadTransactions() async {
setState(() {
_txLoading = true;
_transactions = [];
});
try {
final repo = getIt<TransactionRepository>();
final txs = await repo.fetchTransactions(widget.accountNo);
setState(() => _transactions = txs);
} catch (e) {
if (!mounted) return;
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Failed to load transactions: $e')),
);
} finally {
setState(() => _txLoading = false);
}
}
Future<void> _selectFromDate(BuildContext context) async {
final DateTime now = DateTime.now();
final DateTime? picked = await showDatePicker(
final now = DateTime.now();
final picked = await showDatePicker(
context: context,
initialDate: fromDate ?? now,
firstDate: DateTime(2020), // or your app's start limit
lastDate: now, // No future date
firstDate: DateTime(2020),
lastDate: now,
);
if (picked != null) {
setState(() {
fromDate = picked;
toDate = null; // reset toDate when fromDate changes
toDate = null;
});
}
}
Future<void> _selectToDate(BuildContext context) async {
if (fromDate == null) {
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
content: Text('Please select From Date first'),
));
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Please select From Date first')),
);
return;
}
final DateTime now = DateTime.now();
final DateTime lastAllowedDate = fromDate!.add(const Duration(days: 31));
final DateTime maxToDate = lastAllowedDate.isBefore(now) ? lastAllowedDate : now;
final DateTime? picked = await showDatePicker(
final now = DateTime.now();
final maxToDate = fromDate!.add(const Duration(days: 31)).isBefore(now)
? fromDate!.add(const Duration(days: 31))
: now;
final picked = await showDatePicker(
context: context,
initialDate: toDate ?? fromDate!,
firstDate: fromDate!, // 🔒 can't be before fromDate
lastDate: maxToDate, // 🔒 not more than 1 month or future
firstDate: fromDate!,
lastDate: maxToDate,
);
if (picked != null) {
setState(() {
toDate = picked;
});
setState(() => toDate = picked);
}
}
@@ -110,7 +96,8 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
@override
void dispose() {
_amountRangeController.dispose();
_minAmountController.dispose();
_maxAmountController.dispose();
super.dispose();
}
@@ -120,22 +107,25 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
appBar: AppBar(
leading: IconButton(
icon: const Icon(Symbols.arrow_back_ios_new),
onPressed: () {
Navigator.pop(context);
},
onPressed: () => Navigator.pop(context),
),
title: const Text(
'Account Statement',
style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
),
centerTitle: false,
actions: const [
actions: [
Padding(
padding: EdgeInsets.only(right: 10.0),
padding: const EdgeInsets.only(right: 10.0),
child: CircleAvatar(
backgroundImage: AssetImage('assets/images/avatar.jpg'),
// Replace with your image
backgroundColor: Colors.grey[200],
radius: 20,
child: SvgPicture.asset(
'assets/images/avatar_male.svg',
width: 40,
height: 40,
fit: BoxFit.cover,
),
),
),
],
@@ -145,58 +135,158 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Filters',
style: TextStyle(fontSize: 17),
),
const SizedBox(
height: 15,
),
const Text('Filters', style: TextStyle(fontSize: 17)),
const SizedBox(height: 15),
Row(
children: [
Expanded(child: GestureDetector(
onTap: () => _selectFromDate(context),
child: buildDateBox("From Date", fromDate),
),),
Expanded(
child: GestureDetector(
onTap: () => _selectFromDate(context),
child: buildDateBox("From Date", fromDate),
),
),
const SizedBox(width: 10),
Expanded(child: GestureDetector(
onTap: () => _selectToDate(context),
child: buildDateBox("To Date", toDate),
),),
Expanded(
child: GestureDetector(
onTap: () => _selectToDate(context),
child: buildDateBox("To Date", toDate),
),
),
],
),
const SizedBox(height: 20),
Row(
children: [
Expanded(
child: _buildFilterBox(""),
child: TextFormField(
controller: _minAmountController,
decoration: const InputDecoration(
labelText: 'Min Amount',
border: OutlineInputBorder(),
isDense: true,
filled: true,
fillColor: Colors.white,
),
keyboardType: TextInputType.number,
textInputAction: TextInputAction.next,
),
),
const SizedBox(
width: 8,
const SizedBox(width: 8),
Expanded(
child: TextFormField(
controller: _maxAmountController,
decoration: const InputDecoration(
labelText: 'Max Amount',
border: OutlineInputBorder(),
isDense: true,
filled: true,
fillColor: Colors.white,
),
keyboardType: TextInputType.number,
textInputAction: TextInputAction.done,
),
),
const SizedBox(width: 8),
SizedBox(
width: 75,
width: 70,
child: ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).primaryColor,
),
child: const Text(
'Go',
style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
)),
)
onPressed: _loadTransactions,
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).primaryColor,
),
child: const Icon(
Symbols.arrow_forward,
color: Colors.white,
size: 30,
),
),
),
],
),
const SizedBox(height: 35),
Expanded(
child: ListView.builder(
itemCount: transactions.length,
itemBuilder: (context, index) {
final txn = transactions[index];
return _buildTransactionTile(txn);
},
if (!_txLoading && _transactions.isNotEmpty)
Padding(
padding: const EdgeInsets.only(bottom: 12.0),
child: Text(
'Showing last 10 transactions.',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Colors.grey[700],
),
),
),
Expanded(
child: _txLoading
? ListView.builder(
itemCount: 3,
itemBuilder: (_, __) => ListTile(
leading: Shimmer.fromColors(
baseColor: Colors.grey[300]!,
highlightColor: Colors.grey[100]!,
child: const CircleAvatar(
radius: 12, backgroundColor: Colors.white),
),
title: Shimmer.fromColors(
baseColor: Colors.grey[300]!,
highlightColor: Colors.grey[100]!,
child: Container(
height: 10, width: 100, color: Colors.white),
),
subtitle: Shimmer.fromColors(
baseColor: Colors.grey[300]!,
highlightColor: Colors.grey[100]!,
child: Container(
height: 8, width: 60, color: Colors.white),
),
),
)
: _transactions.isEmpty
? Center(
child: Text(
'No transactions found for this account.',
style: TextStyle(
fontSize: 16,
color: Colors.grey[600],
),
),
)
: ListView.builder(
itemCount: _transactions.length,
itemBuilder: (context, index) {
final txn = _transactions[index];
final isCredit = txn.type == 'CR';
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(txn.date ?? '',
style: const TextStyle(color: Colors.grey)),
const SizedBox(height: 4),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Text(txn.name ?? '',
style: const TextStyle(fontSize: 16)),
),
Text(
"${isCredit ? '+' : '-'}₹${txn.amount}",
style: TextStyle(
color: isCredit
? Colors.green
: Colors.red,
// fontWeight: FontWeight.bold,
fontSize: 16,
),
),
],
),
const SizedBox(height: 25),
],
);
},
),
),
],
),
@@ -216,65 +306,14 @@ class _AccountStatementScreen extends State<AccountStatementScreen> {
children: [
Text(
date != null ? _formatDate(date) : label,
style: TextStyle(fontSize: 16,
color: date != null ? Colors.black: Colors.grey),
style: TextStyle(
fontSize: 16,
color: date != null ? Colors.black : Colors.grey,
),
),
const Icon(Icons.arrow_drop_down),
],
),
);
}
Widget _buildFilterBox(String text) {
return TextFormField(
controller: _amountRangeController,
decoration: const InputDecoration(
labelText: 'Amount Range',
// prefixIcon: Icon(Icons.person),
border: OutlineInputBorder(),
isDense: true,
filled: true,
fillColor: Colors.white,
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black),
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black, width: 2),
),
),
keyboardType: TextInputType.number,
textInputAction: TextInputAction.next,
validator: (value) {
if (value == null || value.isEmpty) {
return 'Please enter amount range';
}
return null;
},
);
}
Widget _buildTransactionTile(Map<String, String> txn) {
final isCredit = txn['type'] == "Cr";
final amountColor = isCredit ? Colors.green : Colors.red;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(txn['time']!, style: const TextStyle(color: Colors.grey)),
const SizedBox(height: 4),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child:
Text(txn['desc']!, style: const TextStyle(fontSize: 16))),
Text(
"${txn['amount']} ${txn['type']}",
style: TextStyle(color: amountColor, fontWeight: FontWeight.bold),
),
],
),
const SizedBox(height: 25),
],
);
}
}