Compare commits
3 Commits
Animation
...
1ad1cd07cc
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ad1cd07cc | |||
| c0e892341b | |||
| 83ad2b2e52 |
BIN
assets/fonts/Sriracha-Regular.ttf
Normal file
BIN
assets/fonts/Sriracha-Regular.ttf
Normal file
Binary file not shown.
@@ -53,7 +53,7 @@ class KMobile extends StatelessWidget {
|
|||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
// Handle different authentication states
|
// Handle different authentication states
|
||||||
if (state is AuthInitial || state is AuthLoading) {
|
if (state is AuthInitial || state is AuthLoading) {
|
||||||
return const _SplashScreen();
|
return const SplashScreen();
|
||||||
}
|
}
|
||||||
|
|
||||||
if(state is ShowBiometricPermission){
|
if(state is ShowBiometricPermission){
|
||||||
@@ -73,8 +73,8 @@ class KMobile extends StatelessWidget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Simple splash screens component
|
// Simple splash screens component
|
||||||
class _SplashScreen extends StatelessWidget {
|
class SplashScreen extends StatelessWidget {
|
||||||
const _SplashScreen();
|
const SplashScreen();
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
|||||||
@@ -31,6 +31,8 @@ class AppRoutes {
|
|||||||
// Route generator
|
// Route generator
|
||||||
static Route<dynamic> generateRoute(RouteSettings settings) {
|
static Route<dynamic> generateRoute(RouteSettings settings) {
|
||||||
switch (settings.name) {
|
switch (settings.name) {
|
||||||
|
case splash:
|
||||||
|
return MaterialPageRoute(builder: (_) => const SplashScreen());
|
||||||
case login:
|
case login:
|
||||||
return MaterialPageRoute(builder: (_) => const LoginScreen());
|
return MaterialPageRoute(builder: (_) => const LoginScreen());
|
||||||
|
|
||||||
|
|||||||
@@ -46,7 +46,6 @@ class AuthRepository {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<User?> getCurrentUser() async {
|
Future<User?> getCurrentUser() async {
|
||||||
final userJson = await _secureStorage.read(_userKey);
|
final userJson = await _secureStorage.read(_userKey);
|
||||||
if (userJson != null) {
|
if (userJson != null) {
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
|
import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
|
||||||
|
import 'package:kmobile/security/secure_storage.dart';
|
||||||
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
||||||
|
|
||||||
import '../../../app.dart';
|
import '../../../app.dart';
|
||||||
|
|
||||||
class MPinScreen extends StatefulWidget {
|
class MPinScreen extends StatefulWidget {
|
||||||
@@ -64,15 +64,20 @@ class MPinScreenState extends State<MPinScreen> {
|
|||||||
return Padding(
|
return Padding(
|
||||||
padding: const EdgeInsets.all(8.0),
|
padding: const EdgeInsets.all(8.0),
|
||||||
child: GestureDetector(
|
child: GestureDetector(
|
||||||
onTap: () {
|
onTap: () async {
|
||||||
if (key == '<') {
|
if (key == '<') {
|
||||||
deleteDigit();
|
deleteDigit();
|
||||||
} else if (key == 'Enter') {
|
} else if (key == 'Enter') {
|
||||||
if (mPin.length == 4) {
|
if (mPin.length == 4) {
|
||||||
Navigator.push(
|
String storedMpin = await SecureStorage().read("mpin");
|
||||||
context,
|
if(!mounted) return;
|
||||||
MaterialPageRoute(builder: (context) => const NavigationScaffold()),
|
if(storedMpin == mPin.join()) {
|
||||||
);
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const NavigationScaffold()),
|
||||||
|
);
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
ScaffoldMessenger.of(context).showSnackBar(
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
const SnackBar(content: Text("Please enter 4 digits")),
|
const SnackBar(content: Text("Please enter 4 digits")),
|
||||||
|
|||||||
144
lib/features/auth/screens/mpin_setup.dart
Normal file
144
lib/features/auth/screens/mpin_setup.dart
Normal file
@@ -0,0 +1,144 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
|
||||||
|
import 'package:kmobile/features/auth/screens/mpin_setup_confirm.dart';
|
||||||
|
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
||||||
|
|
||||||
|
class MPinSetupScreen extends StatefulWidget {
|
||||||
|
const MPinSetupScreen({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
MPinSetupScreenState createState() => MPinSetupScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class MPinSetupScreenState extends State<MPinSetupScreen> {
|
||||||
|
List<String> mPin = [];
|
||||||
|
|
||||||
|
void addDigit(String digit) {
|
||||||
|
if (mPin.length < 4) {
|
||||||
|
setState(() {
|
||||||
|
mPin.add(digit);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void deleteDigit() {
|
||||||
|
if (mPin.isNotEmpty) {
|
||||||
|
setState(() {
|
||||||
|
mPin.removeLast();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildMPinDots() {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: List.generate(4, (index) {
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.all(8),
|
||||||
|
width: 15,
|
||||||
|
height: 15,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: index < mPin.length ? Colors.black : Colors.grey[400],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildNumberPad() {
|
||||||
|
List<List<String>> keys = [
|
||||||
|
['1', '2', '3'],
|
||||||
|
['4', '5', '6'],
|
||||||
|
['7', '8', '9'],
|
||||||
|
['Enter', '0', '<']
|
||||||
|
];
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
children: keys.map((row) {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: row.map((key) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
if (key == '<') {
|
||||||
|
deleteDigit();
|
||||||
|
} else if (key == 'Enter') {
|
||||||
|
if (mPin.length == 4) {
|
||||||
|
Navigator.of(context).push(
|
||||||
|
MaterialPageRoute(builder: (context) => MPinSetupConfirmScreen(mPin: mPin,)),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(content: Text("Please enter 4 digits")),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} else if (key.isNotEmpty) {
|
||||||
|
addDigit(key);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 70,
|
||||||
|
height: 70,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: Colors.grey[200],
|
||||||
|
),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: key == 'Enter' ? const Icon(Symbols.check) : Text(
|
||||||
|
key == '<' ? '⌫' : key,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: key == 'Enter' ?
|
||||||
|
FontWeight.normal : FontWeight.normal,
|
||||||
|
color: key == 'Enter' ? Colors.blue : Colors.black,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final cubit = context.read<AuthCubit>();
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
body: SafeArea(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
const Spacer(),
|
||||||
|
// Logo
|
||||||
|
const FlutterLogo(size: 100),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
const Text(
|
||||||
|
"Enter your mPIN",
|
||||||
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
buildMPinDots(),
|
||||||
|
const Spacer(),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
TextButton(onPressed: () {
|
||||||
|
cubit.authenticateBiometric();
|
||||||
|
}, child: const Text("Try another way")),
|
||||||
|
TextButton(onPressed: () {}, child: const Text("Register?")),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
buildNumberPad(),
|
||||||
|
const Spacer(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
154
lib/features/auth/screens/mpin_setup_confirm.dart
Normal file
154
lib/features/auth/screens/mpin_setup_confirm.dart
Normal file
@@ -0,0 +1,154 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
|
||||||
|
import 'package:kmobile/security/secure_storage.dart';
|
||||||
|
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
||||||
|
import 'package:shared_preferences/shared_preferences.dart';
|
||||||
|
|
||||||
|
import '../../../app.dart';
|
||||||
|
|
||||||
|
class MPinSetupConfirmScreen extends StatefulWidget {
|
||||||
|
final List<String> mPin;
|
||||||
|
const MPinSetupConfirmScreen({super.key, required this.mPin});
|
||||||
|
|
||||||
|
@override
|
||||||
|
MPinSetupConfirmScreenState createState() => MPinSetupConfirmScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class MPinSetupConfirmScreenState extends State<MPinSetupConfirmScreen> {
|
||||||
|
List<String> mPin = [];
|
||||||
|
|
||||||
|
void addDigit(String digit) {
|
||||||
|
if (mPin.length < 4) {
|
||||||
|
setState(() {
|
||||||
|
mPin.add(digit);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void deleteDigit() {
|
||||||
|
if (mPin.isNotEmpty) {
|
||||||
|
setState(() {
|
||||||
|
mPin.removeLast();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildMPinDots() {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: List.generate(4, (index) {
|
||||||
|
return Container(
|
||||||
|
margin: const EdgeInsets.all(8),
|
||||||
|
width: 15,
|
||||||
|
height: 15,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: index < mPin.length ? Colors.black : Colors.grey[400],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildNumberPad() {
|
||||||
|
List<List<String>> keys = [
|
||||||
|
['1', '2', '3'],
|
||||||
|
['4', '5', '6'],
|
||||||
|
['7', '8', '9'],
|
||||||
|
['Enter', '0', '<']
|
||||||
|
];
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
children: keys.map((row) {
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: row.map((key) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
if (key == '<') {
|
||||||
|
deleteDigit();
|
||||||
|
} else if (key == 'Enter') {
|
||||||
|
if (mPin.length == 4 && mPin.join() == widget.mPin.join()) {
|
||||||
|
|
||||||
|
await SecureStorage().write("mpin", mPin.join());
|
||||||
|
await SharedPreferences.getInstance()
|
||||||
|
.then((prefs) => prefs.setBool('mpin_set', true));
|
||||||
|
if(!mounted) return;
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(builder: (context) => const NavigationScaffold()),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
const SnackBar(content: Text("Please enter 4 digits")),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} else if (key.isNotEmpty) {
|
||||||
|
addDigit(key);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 70,
|
||||||
|
height: 70,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: Colors.grey[200],
|
||||||
|
),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: key == 'Enter' ? const Icon(Symbols.check) : Text(
|
||||||
|
key == '<' ? '⌫' : key,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20,
|
||||||
|
fontWeight: key == 'Enter' ?
|
||||||
|
FontWeight.normal : FontWeight.normal,
|
||||||
|
color: key == 'Enter' ? Colors.blue : Colors.black,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final cubit = context.read<AuthCubit>();
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
body: SafeArea(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
const Spacer(),
|
||||||
|
// Logo
|
||||||
|
const FlutterLogo(size: 100),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
const Text(
|
||||||
|
"Enter your mPIN",
|
||||||
|
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
buildMPinDots(),
|
||||||
|
const Spacer(),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
TextButton(onPressed: () {
|
||||||
|
cubit.authenticateBiometric();
|
||||||
|
}, child: const Text("Try another way")),
|
||||||
|
TextButton(onPressed: () {}, child: const Text("Register?")),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
buildNumberPad(),
|
||||||
|
const Spacer(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -9,6 +9,7 @@ import 'package:kmobile/features/fund_transfer/screens/fund_transfer_beneficiary
|
|||||||
import 'package:kmobile/features/quick_pay/screens/quick_pay_screen.dart';
|
import 'package:kmobile/features/quick_pay/screens/quick_pay_screen.dart';
|
||||||
import 'package:kmobile/src/preferences/preference.dart';
|
import 'package:kmobile/src/preferences/preference.dart';
|
||||||
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
import 'package:material_symbols_icons/material_symbols_icons.dart';
|
||||||
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
|
||||||
class DashboardScreen extends StatefulWidget {
|
class DashboardScreen extends StatefulWidget {
|
||||||
const DashboardScreen({super.key});
|
const DashboardScreen({super.key});
|
||||||
@@ -20,13 +21,42 @@ class DashboardScreen extends StatefulWidget {
|
|||||||
class _DashboardScreenState extends State<DashboardScreen> {
|
class _DashboardScreenState extends State<DashboardScreen> {
|
||||||
// Mock data for transactions
|
// Mock data for transactions
|
||||||
final List<Map<String, String>> transactions = [
|
final List<Map<String, String>> transactions = [
|
||||||
{'name': 'Raj Kumar', 'amount': '₹1,000', 'date': '09 March, 2025 16:04', 'type': 'in'},
|
{
|
||||||
{'name': 'Sunita Joshi', 'amount': '₹1,45,000', 'date': '07 March, 2025 16:04', 'type': 'out'},
|
'name': 'Raj Kumar',
|
||||||
{'name': 'Manoj Singh', 'amount': '₹2,400', 'date': '07 March, 2025 16:04', 'type': 'in'},
|
'amount': '₹1,000',
|
||||||
{'name': 'Raj Kumar', 'amount': '₹11,500', 'date': '09 March, 2025 16:04', 'type': 'in'},
|
'date': '09 March, 2025 16:04',
|
||||||
|
'type': 'in'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'name': 'Sunita Joshi',
|
||||||
|
'amount': '₹1,45,000',
|
||||||
|
'date': '07 March, 2025 16:04',
|
||||||
|
'type': 'out'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'name': 'Manoj Singh',
|
||||||
|
'amount': '₹2,400',
|
||||||
|
'date': '07 March, 2025 16:04',
|
||||||
|
'type': 'in'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'name': 'Raj Kumar',
|
||||||
|
'amount': '₹11,500',
|
||||||
|
'date': '09 March, 2025 16:04',
|
||||||
|
'type': 'in'
|
||||||
|
},
|
||||||
{'name': 'Manoj Singh', 'amount': '₹1,000', 'date': '', 'type': 'in'},
|
{'name': 'Manoj Singh', 'amount': '₹1,000', 'date': '', 'type': 'in'},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
List<String> accountNumbers = [
|
||||||
|
'0300015678903456',
|
||||||
|
'0300015678903678',
|
||||||
|
'0300015678903325',
|
||||||
|
];
|
||||||
|
|
||||||
|
String selectedAccount = '0300015678903456';
|
||||||
|
bool isVisible = false;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
@@ -34,8 +64,12 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
backgroundColor: const Color(0xfff5f9fc),
|
backgroundColor: const Color(0xfff5f9fc),
|
||||||
automaticallyImplyLeading: false,
|
automaticallyImplyLeading: false,
|
||||||
title: const Text('kMobile', style: TextStyle(color: Colors.blueAccent,
|
title: Text(
|
||||||
fontWeight: FontWeight.w500),),
|
'kMobile',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Theme.of(context).primaryColor,
|
||||||
|
fontWeight: FontWeight.w500),
|
||||||
|
),
|
||||||
actions: [
|
actions: [
|
||||||
// IconButton(
|
// IconButton(
|
||||||
// icon: const Icon(Icons.notifications_outlined),
|
// icon: const Icon(Icons.notifications_outlined),
|
||||||
@@ -47,12 +81,15 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
padding: const EdgeInsets.only(right: 10.0),
|
padding: const EdgeInsets.only(right: 10.0),
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(20),
|
||||||
onTap: (){
|
onTap: () {
|
||||||
Navigator.push(context, MaterialPageRoute(
|
Navigator.push(
|
||||||
builder: (context) => const Preference()));
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const Preference()));
|
||||||
},
|
},
|
||||||
child: const CircleAvatar(
|
child: const CircleAvatar(
|
||||||
backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
|
backgroundImage: AssetImage('assets/images/avatar.jpg'),
|
||||||
|
// Replace with your image
|
||||||
radius: 20,
|
radius: 20,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -66,45 +103,91 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(left: 8.0),
|
||||||
|
child: Text(
|
||||||
|
"Hi Trina Bakshi",
|
||||||
|
style: GoogleFonts.sriracha().copyWith(fontSize: 20),
|
||||||
|
),
|
||||||
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
|
|
||||||
// Account Info Card
|
// Account Info Card
|
||||||
Container(
|
Container(
|
||||||
padding: const EdgeInsets.all(16),
|
padding: const EdgeInsets.all(24),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.blue[700],
|
color: Theme.of(context).primaryColor,
|
||||||
borderRadius: BorderRadius.circular(16),
|
borderRadius: BorderRadius.circular(16),
|
||||||
),
|
),
|
||||||
child: const Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
children: [
|
children: [
|
||||||
Text("Account Number: ", style:
|
const Text("Account Number: ",
|
||||||
TextStyle(color: Colors.white, fontSize: 12)),
|
style:
|
||||||
Text("03000156789462302", style:
|
TextStyle(color: Colors.white, fontSize: 12)),
|
||||||
TextStyle(color: Colors.white, fontSize: 14)),
|
DropdownButton<String>(
|
||||||
Padding(
|
value: selectedAccount,
|
||||||
padding: EdgeInsets.only(left: 5.0),
|
dropdownColor: Theme.of(context).primaryColor,
|
||||||
child: Icon(Symbols.keyboard_arrow_down, color: Colors.white),
|
underline: const SizedBox(),
|
||||||
|
icon: const Icon(Icons.keyboard_arrow_down),
|
||||||
|
iconEnabledColor: Colors.white,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white, fontSize: 14),
|
||||||
|
items: accountNumbers.map((String acc) {
|
||||||
|
return DropdownMenuItem<String>(
|
||||||
|
value: acc,
|
||||||
|
child: Text(acc,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white, fontSize: 14)),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
onChanged: (String? newValue) {
|
||||||
|
setState(() {
|
||||||
|
selectedAccount = newValue!;
|
||||||
|
});
|
||||||
|
},
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
SizedBox(height: 15),
|
const SizedBox(height: 15),
|
||||||
Row(
|
Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text("₹ *****", style: TextStyle(color: Colors.white,
|
const Text("₹ ",
|
||||||
fontSize: 24, fontWeight: FontWeight.w700)),
|
style: const TextStyle(
|
||||||
Icon(Symbols.visibility_lock, color: Colors.white),
|
color: Colors.white,
|
||||||
|
fontSize: 40,
|
||||||
|
fontWeight: FontWeight.w700)),
|
||||||
|
Text(isVisible ? "1,23,456" : "*****",
|
||||||
|
style: const TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: 30,
|
||||||
|
fontWeight: FontWeight.w700)),
|
||||||
|
const Spacer(),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
isVisible = !isVisible;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
child: Icon(
|
||||||
|
isVisible
|
||||||
|
? Symbols.visibility_lock
|
||||||
|
: Symbols.visibility,
|
||||||
|
color: Colors.white)),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
SizedBox(height: 20),
|
const SizedBox(height: 20),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 18),
|
const SizedBox(height: 18),
|
||||||
const Text('Quick Links', style: TextStyle(fontSize: 15),),
|
const Text(
|
||||||
|
'Quick Links',
|
||||||
|
style: TextStyle(fontSize: 15),
|
||||||
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
|
|
||||||
// Quick Links
|
// Quick Links
|
||||||
@@ -114,44 +197,58 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
physics: const NeverScrollableScrollPhysics(),
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
children: [
|
children: [
|
||||||
_buildQuickLink(Symbols.id_card, "Customer \n Info", () {
|
_buildQuickLink(Symbols.id_card, "Customer \n Info", () {
|
||||||
Navigator.push(context, MaterialPageRoute(
|
Navigator.push(
|
||||||
builder: (context) => const CustomerInfoScreen()));
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const CustomerInfoScreen()));
|
||||||
}),
|
}),
|
||||||
_buildQuickLink(Symbols.currency_rupee, "Quick \n Pay",
|
_buildQuickLink(Symbols.currency_rupee, "Quick \n Pay", () {
|
||||||
() {
|
Navigator.push(
|
||||||
Navigator.push(context, MaterialPageRoute(
|
context,
|
||||||
builder: (context) => const QuickPayScreen()));
|
MaterialPageRoute(
|
||||||
}),
|
builder: (context) => const QuickPayScreen()));
|
||||||
_buildQuickLink(Symbols.send_money, "Fund \n Transfer",
|
}),
|
||||||
() {
|
_buildQuickLink(Symbols.send_money, "Fund \n Transfer", () {
|
||||||
Navigator.push(context, MaterialPageRoute(
|
Navigator.push(
|
||||||
builder: (context) => const FundTransferBeneficiaryScreen()));
|
context,
|
||||||
}),
|
MaterialPageRoute(
|
||||||
_buildQuickLink(Symbols.server_person, "Account \n Info",
|
builder: (context) =>
|
||||||
(){
|
const FundTransferBeneficiaryScreen()));
|
||||||
Navigator.push(context, MaterialPageRoute(
|
}),
|
||||||
|
_buildQuickLink(Symbols.server_person, "Account \n Info", () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
builder: (context) => const AccountInfoScreen()));
|
builder: (context) => const AccountInfoScreen()));
|
||||||
}),
|
}),
|
||||||
_buildQuickLink(Symbols.receipt_long, "Account \n History",
|
_buildQuickLink(Symbols.receipt_long, "Account \n History",
|
||||||
() {
|
() {
|
||||||
Navigator.push(context, MaterialPageRoute(
|
Navigator.push(
|
||||||
builder: (context) => const AccountStatementScreen()));
|
context,
|
||||||
}),
|
MaterialPageRoute(
|
||||||
_buildQuickLink(Symbols.checkbook, "Handle \n Cheque",
|
builder: (context) =>
|
||||||
() {
|
const AccountStatementScreen()));
|
||||||
Navigator.push(context, MaterialPageRoute(
|
}),
|
||||||
builder: (context) => const ChequeManagementScreen()));
|
_buildQuickLink(Symbols.checkbook, "Handle \n Cheque", () {
|
||||||
}),
|
Navigator.push(
|
||||||
_buildQuickLink(Icons.group, "Manage \n Beneficiary",
|
context,
|
||||||
() {
|
MaterialPageRoute(
|
||||||
Navigator.push(context, MaterialPageRoute(
|
builder: (context) =>
|
||||||
builder: (context) => const ManageBeneficiariesScreen()));
|
const ChequeManagementScreen()));
|
||||||
}),
|
}),
|
||||||
_buildQuickLink(Symbols.support_agent, "Contact \n Us",
|
_buildQuickLink(Icons.group, "Manage \n Beneficiary", () {
|
||||||
() {
|
Navigator.push(
|
||||||
Navigator.push(context, MaterialPageRoute(
|
context,
|
||||||
builder: (context) => const EnquiryScreen()));
|
MaterialPageRoute(
|
||||||
}),
|
builder: (context) =>
|
||||||
|
const ManageBeneficiariesScreen()));
|
||||||
|
}),
|
||||||
|
_buildQuickLink(Symbols.support_agent, "Contact \n Us", () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => const EnquiryScreen()));
|
||||||
|
}),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
@@ -159,16 +256,20 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
// Recent Transactions
|
// Recent Transactions
|
||||||
const Align(
|
const Align(
|
||||||
alignment: Alignment.centerLeft,
|
alignment: Alignment.centerLeft,
|
||||||
child: Text("Recent Transactions", style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
|
child: Text("Recent Transactions",
|
||||||
|
style:
|
||||||
|
TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
|
||||||
),
|
),
|
||||||
...transactions.map((tx) => ListTile(
|
...transactions.map((tx) => ListTile(
|
||||||
leading: Icon(tx['type'] == 'in' ? Symbols.call_received : Symbols.call_made, color: tx['type'] == 'in' ? Colors.green : Colors.red),
|
leading: Icon(
|
||||||
title: Text(tx['name']!),
|
tx['type'] == 'in'
|
||||||
subtitle: Text(tx['date']!),
|
? Symbols.call_received
|
||||||
trailing: Text(tx['amount']!),
|
: Symbols.call_made,
|
||||||
)),
|
color: tx['type'] == 'in' ? Colors.green : Colors.red),
|
||||||
|
title: Text(tx['name']!),
|
||||||
|
subtitle: Text(tx['date']!),
|
||||||
|
trailing: Text(tx['amount']!),
|
||||||
|
)),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@@ -182,11 +283,13 @@ class _DashboardScreenState extends State<DashboardScreen> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
Icon(icon, size: 30, color: Colors.blue[700]),
|
Icon(icon, size: 30, color: Theme.of(context).primaryColor),
|
||||||
const SizedBox(height: 4),
|
const SizedBox(height: 4),
|
||||||
Text(label, textAlign: TextAlign.center, style: const TextStyle(fontSize: 12)),
|
Text(label,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: const TextStyle(fontSize: 12)),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
16
pubspec.lock
16
pubspec.lock
@@ -65,6 +65,14 @@ packages:
|
|||||||
url: "https://pub.dev"
|
url: "https://pub.dev"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "1.19.1"
|
version: "1.19.1"
|
||||||
|
crypto:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: crypto
|
||||||
|
sha256: "1e445881f28f22d6140f181e07737b22f1e099a5e1ff94b0af2f9e4a463f4855"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "3.0.6"
|
||||||
cupertino_icons:
|
cupertino_icons:
|
||||||
dependency: "direct main"
|
dependency: "direct main"
|
||||||
description:
|
description:
|
||||||
@@ -245,6 +253,14 @@ packages:
|
|||||||
url: "https://pub.dev"
|
url: "https://pub.dev"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "2.1.3"
|
version: "2.1.3"
|
||||||
|
google_fonts:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: google_fonts
|
||||||
|
sha256: b1ac0fe2832c9cc95e5e88b57d627c5e68c223b9657f4b96e1487aa9098c7b82
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "6.2.1"
|
||||||
http:
|
http:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
|
|||||||
@@ -54,6 +54,7 @@ dependencies:
|
|||||||
path_provider: ^2.1.5
|
path_provider: ^2.1.5
|
||||||
flutter_swipe_button: ^2.1.3
|
flutter_swipe_button: ^2.1.3
|
||||||
provider: ^6.1.5
|
provider: ^6.1.5
|
||||||
|
google_fonts: ^6.2.1
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -102,6 +103,12 @@ flutter:
|
|||||||
- asset: assets/fonts/Rubik-Regular.ttf
|
- asset: assets/fonts/Rubik-Regular.ttf
|
||||||
- asset: assets/fonts/Rubik-Bold.ttf
|
- asset: assets/fonts/Rubik-Bold.ttf
|
||||||
weight: 700
|
weight: 700
|
||||||
|
|
||||||
|
- family: Sriracha
|
||||||
|
fonts:
|
||||||
|
- asset: assets/fonts/Sriracha-Regular.ttf
|
||||||
|
|
||||||
|
|
||||||
# style: italic
|
# style: italic
|
||||||
# - family: Trajan Pro
|
# - family: Trajan Pro
|
||||||
# fonts:
|
# fonts:
|
||||||
|
|||||||
Reference in New Issue
Block a user