chnages has been made for the interactive face camera
This commit is contained in:
Daniah Ayad Al-sultani
@@ -1,4 +1,393 @@
|
||||
import 'package:coda_project/presentation/screens/face_screen.dart';
|
||||
// import 'package:coda_project/presentation/screens/face_screen2.dart';
|
||||
// import 'package:coda_project/presentation/screens/notifications_screen.dart';
|
||||
// import 'package:coda_project/presentation/screens/user_settings_screen.dart';
|
||||
// import 'package:flutter/material.dart';
|
||||
// import 'package:flutter_svg/flutter_svg.dart';
|
||||
// import '../widgets/settings_bar.dart';
|
||||
// import '../../core/di/injection_container.dart';
|
||||
// import '../../domain/models/attendance_login_request.dart';
|
||||
// import '../../domain/models/attendance_logout_request.dart';
|
||||
// import '../../domain/usecases/attendance_login_usecase.dart';
|
||||
// import '../../domain/usecases/attendance_logout_usecase.dart';
|
||||
// import '../../data/datasources/user_local_data_source.dart';
|
||||
// import '../../data/datasources/attendance_remote_data_source.dart';
|
||||
|
||||
// class AttendanceScreen extends StatelessWidget {
|
||||
// const AttendanceScreen({super.key});
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// final screenWidth = MediaQuery.sizeOf(context).width;
|
||||
// final screenHeight = MediaQuery.sizeOf(context).height;
|
||||
// return Directionality(
|
||||
// textDirection: TextDirection.ltr,
|
||||
// child: Stack(
|
||||
// children: [
|
||||
// SizedBox(height: MediaQuery.of(context).size.height),
|
||||
|
||||
// /// ------------------------------
|
||||
// /// SETTINGS BAR (STATIC)
|
||||
// /// ------------------------------
|
||||
// SafeArea(
|
||||
// child: SettingsBar(
|
||||
// selectedIndex: 0,
|
||||
// showBackButton: false,
|
||||
// iconPaths: ['assets/images/user.svg', 'assets/images/ball.svg'],
|
||||
// onTap: (index) {
|
||||
// if (index == 0) {
|
||||
// Navigator.push(
|
||||
// context,
|
||||
// MaterialPageRoute(
|
||||
// builder: (context) => UserSettingsScreen(),
|
||||
// ),
|
||||
// );
|
||||
// } else if (index == 1) {
|
||||
// Navigator.push(
|
||||
// context,
|
||||
// MaterialPageRoute(
|
||||
// builder: (context) => NotificationsScreen(),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
|
||||
// /// ------------------------------
|
||||
// /// GREETING TEXT
|
||||
// /// ------------------------------
|
||||
// Positioned(
|
||||
// top:
|
||||
// screenHeight *
|
||||
// 0.14, // moved down because settings bar now exists
|
||||
// left: 0,
|
||||
// right: 0,
|
||||
// child: Center(
|
||||
// child: Text(
|
||||
// "صباح الخير, محمد",
|
||||
// style: TextStyle(
|
||||
// fontSize: 24,
|
||||
// fontWeight: FontWeight.w600,
|
||||
// color: Colors.white,
|
||||
// shadows: [Shadow(color: Color(0x42000000), blurRadius: 6)],
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
|
||||
// /// ------------------------------
|
||||
// /// MAIN CARD AREA
|
||||
// /// ------------------------------
|
||||
// Positioned(
|
||||
// top:
|
||||
// screenHeight *
|
||||
// 0.2, // pushed down because of settings bar + greeting
|
||||
// left: 0,
|
||||
// right: 0,
|
||||
// child: Center(
|
||||
// child: Padding(
|
||||
// padding: EdgeInsets.symmetric(vertical: screenHeight * 0.05),
|
||||
// child: Stack(
|
||||
// children: [
|
||||
// Container(
|
||||
// height: screenHeight * 0.5,
|
||||
// width: screenWidth * 0.7,
|
||||
// decoration: BoxDecoration(
|
||||
// borderRadius: BorderRadius.circular(32),
|
||||
// boxShadow: [
|
||||
// BoxShadow(
|
||||
// color: Color(0x1F2B2B2B),
|
||||
// blurRadius: 5,
|
||||
// offset: Offset(10, -10),
|
||||
// ),
|
||||
// BoxShadow(
|
||||
// color: Color(0xABCECECE),
|
||||
// blurRadius: 5,
|
||||
// offset: Offset(-2, 5),
|
||||
// ),
|
||||
// BoxShadow(
|
||||
// color: Color.fromARGB(148, 2, 70, 35),
|
||||
// blurRadius: 80,
|
||||
// offset: Offset(0, 10),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// height: screenHeight * 0.5,
|
||||
// width: screenWidth * 0.7,
|
||||
// decoration: BoxDecoration(
|
||||
// color: Color(0x92757575),
|
||||
// borderRadius: BorderRadius.circular(32),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
|
||||
// /// ------------------------------
|
||||
// /// LOGIN BUTTON
|
||||
// /// ------------------------------
|
||||
// Positioned(
|
||||
// top: screenHeight * 0.21,
|
||||
// left: screenWidth * 0.05,
|
||||
// child: _ShadowedCard(
|
||||
// shadow: [
|
||||
// BoxShadow(
|
||||
// color: Color(0x62000000),
|
||||
// blurRadius: 10,
|
||||
// spreadRadius: 5,
|
||||
// offset: Offset(5, 5),
|
||||
// ),
|
||||
// ],
|
||||
// child: _FingerButton(
|
||||
// icon: "assets/images/faceLogin.svg",
|
||||
// label: "تسجيل الدخول",
|
||||
// onTap: () async {
|
||||
// final employeeId =
|
||||
// await sl<UserLocalDataSource>().getCachedEmployeeId();
|
||||
// print("ATTENDANCE_SCREEN: Retrieved EmployeeId: $employeeId");
|
||||
// if (employeeId == null) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// const SnackBar(
|
||||
// content: Text('خطأ: لم يتم العثور على رقم الموظف'),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
|
||||
// // ------------------------------
|
||||
// // ACTIVE SESSION CHECK (LOGIN)
|
||||
// // ------------------------------
|
||||
// try {
|
||||
// // Optional: Show a loading dialog if it takes too long
|
||||
// final hasActive = await sl<AttendanceRemoteDataSource>()
|
||||
// .hasActiveLogin(employeeId: employeeId);
|
||||
|
||||
// if (hasActive) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// const SnackBar(content: Text('أنت مسجل دخول بالفعل')),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
// } catch (e) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// SnackBar(content: Text('فشل التحقق من الجلسة: $e')),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
|
||||
// if (context.mounted) {
|
||||
// Navigator.of(context).push(
|
||||
// MaterialPageRoute(
|
||||
// builder:
|
||||
// (_) => OvalCameraCapturePage(
|
||||
// isLogin: true,
|
||||
// onCapture: (imageFile) async {
|
||||
// final loginUseCase =
|
||||
// sl<AttendanceLoginUsecase>();
|
||||
// await loginUseCase(
|
||||
// AttendanceLoginRequest(
|
||||
// employeeId: employeeId,
|
||||
// faceImage: imageFile,
|
||||
// ),
|
||||
// );
|
||||
// },
|
||||
// checkIfLoggedIn: () {},
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
|
||||
// /// ------------------------------
|
||||
// /// LOGOUT BUTTON
|
||||
// /// ------------------------------
|
||||
// Positioned(
|
||||
// bottom: screenHeight * 0.2,
|
||||
// right: screenWidth * 0.1,
|
||||
// child: _ShadowedCard(
|
||||
// shadow: [
|
||||
// BoxShadow(
|
||||
// color: Color(0xABCECECE),
|
||||
// blurRadius: 5,
|
||||
// spreadRadius: 3,
|
||||
// offset: Offset(-6, -6),
|
||||
// ),
|
||||
// BoxShadow(
|
||||
// color: Color(0x92014221),
|
||||
// blurRadius: 10,
|
||||
// offset: Offset(-5, -5),
|
||||
// ),
|
||||
// BoxShadow(
|
||||
// color: Color(0x7D1A1A1A),
|
||||
// blurRadius: 10,
|
||||
// spreadRadius: 3,
|
||||
// offset: Offset(5, 5),
|
||||
// ),
|
||||
// ],
|
||||
// child: _FingerButton(
|
||||
// icon: "assets/images/faceLogout.svg",
|
||||
// label: "تسجيل خروج",
|
||||
// onTap: () async {
|
||||
// final employeeId =
|
||||
// await sl<UserLocalDataSource>().getCachedEmployeeId();
|
||||
// if (employeeId == null) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// const SnackBar(
|
||||
// content: Text('خطأ: لم يتم العثور على رقم الموظف'),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
|
||||
// // ------------------------------
|
||||
// // ACTIVE SESSION CHECK (LOGOUT)
|
||||
// // ------------------------------
|
||||
// try {
|
||||
// final hasActive = await sl<AttendanceRemoteDataSource>()
|
||||
// .hasActiveLogin(employeeId: employeeId);
|
||||
|
||||
// if (!hasActive) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// const SnackBar(
|
||||
// content: Text(
|
||||
// 'لا يوجد تسجيل دخول فعال لتسجيل الخروج',
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
// } catch (e) {
|
||||
// if (context.mounted) {
|
||||
// ScaffoldMessenger.of(context).showSnackBar(
|
||||
// SnackBar(content: Text('فشل التحقق من الجلسة: $e')),
|
||||
// );
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
|
||||
// if (context.mounted) {
|
||||
// Navigator.of(context).push(
|
||||
// MaterialPageRoute(
|
||||
// builder:
|
||||
// (_) => OvalCameraCapturePage(
|
||||
// isLogin: false,
|
||||
// onCapture: (imageFile) async {
|
||||
// final logoutUseCase =
|
||||
// sl<AttendanceLogoutUseCase>();
|
||||
// await logoutUseCase(
|
||||
// AttendanceLogoutRequest(
|
||||
// employeeId: employeeId,
|
||||
// faceImage: imageFile,
|
||||
// ),
|
||||
// );
|
||||
// },
|
||||
// checkIfLoggedIn: () {},
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// },
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
|
||||
// /// ---------------------------------------------
|
||||
// /// SHADOW WRAPPER
|
||||
// /// ---------------------------------------------
|
||||
|
||||
// class _ShadowedCard extends StatelessWidget {
|
||||
// final Widget child;
|
||||
// final List<BoxShadow> shadow;
|
||||
|
||||
// const _ShadowedCard({required this.child, required this.shadow});
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// return Stack(
|
||||
// children: [
|
||||
// Container(
|
||||
// height: 160,
|
||||
// width: 160,
|
||||
// decoration: BoxDecoration(
|
||||
// borderRadius: BorderRadius.circular(32),
|
||||
// boxShadow: shadow,
|
||||
// ),
|
||||
// ),
|
||||
// child,
|
||||
// ],
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
|
||||
// /// ---------------------------------------------
|
||||
// /// BUTTON WIDGET
|
||||
// /// ---------------------------------------------
|
||||
|
||||
// class _FingerButton extends StatelessWidget {
|
||||
// final String icon;
|
||||
// final String label;
|
||||
// final VoidCallback onTap;
|
||||
|
||||
// const _FingerButton({
|
||||
// required this.icon,
|
||||
// required this.label,
|
||||
// required this.onTap,
|
||||
// });
|
||||
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// return GestureDetector(
|
||||
// onTap: onTap,
|
||||
// child: Container(
|
||||
// height: 160,
|
||||
// width: 160,
|
||||
// decoration: BoxDecoration(
|
||||
// color: Color(0xFFEAFBF3),
|
||||
// borderRadius: BorderRadius.circular(32),
|
||||
// ),
|
||||
// child: Column(
|
||||
// mainAxisAlignment: MainAxisAlignment.center,
|
||||
// children: [
|
||||
// SvgPicture.asset(icon, width: 75, height: 75),
|
||||
// SizedBox(height: 10),
|
||||
// Text(
|
||||
// label,
|
||||
// style: TextStyle(
|
||||
// fontSize: 18,
|
||||
// fontWeight: FontWeight.w600,
|
||||
// color: Colors.black,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
|
||||
import 'package:coda_project/presentation/screens/face_screen2.dart';
|
||||
import 'package:coda_project/presentation/screens/notifications_screen.dart';
|
||||
import 'package:coda_project/presentation/screens/user_settings_screen.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
@@ -10,6 +399,7 @@ import '../../domain/models/attendance_logout_request.dart';
|
||||
import '../../domain/usecases/attendance_login_usecase.dart';
|
||||
import '../../domain/usecases/attendance_logout_usecase.dart';
|
||||
import '../../data/datasources/user_local_data_source.dart';
|
||||
import '../../data/datasources/attendance_remote_data_source.dart';
|
||||
|
||||
class AttendanceScreen extends StatelessWidget {
|
||||
const AttendanceScreen({super.key});
|
||||
@@ -37,14 +427,14 @@ class AttendanceScreen extends StatelessWidget {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => UserSettingsScreen(),
|
||||
builder: (context) => const UserSettingsScreen(),
|
||||
),
|
||||
);
|
||||
} else if (index == 1) {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => NotificationsScreen(),
|
||||
builder: (context) => const NotificationsScreen(),
|
||||
),
|
||||
);
|
||||
}
|
||||
@@ -56,12 +446,10 @@ class AttendanceScreen extends StatelessWidget {
|
||||
/// GREETING TEXT
|
||||
/// ------------------------------
|
||||
Positioned(
|
||||
top:
|
||||
screenHeight *
|
||||
0.14, // moved down because settings bar now exists
|
||||
top: screenHeight * 0.14,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: Center(
|
||||
child: const Center(
|
||||
child: Text(
|
||||
"صباح الخير, محمد",
|
||||
style: TextStyle(
|
||||
@@ -78,9 +466,7 @@ class AttendanceScreen extends StatelessWidget {
|
||||
/// MAIN CARD AREA
|
||||
/// ------------------------------
|
||||
Positioned(
|
||||
top:
|
||||
screenHeight *
|
||||
0.2, // pushed down because of settings bar + greeting
|
||||
top: screenHeight * 0.2,
|
||||
left: 0,
|
||||
right: 0,
|
||||
child: Center(
|
||||
@@ -94,20 +480,20 @@ class AttendanceScreen extends StatelessWidget {
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(32),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
const BoxShadow(
|
||||
color: Color(0x1F2B2B2B),
|
||||
blurRadius: 5,
|
||||
offset: Offset(10, -10),
|
||||
),
|
||||
BoxShadow(
|
||||
const BoxShadow(
|
||||
color: Color(0xABCECECE),
|
||||
blurRadius: 5,
|
||||
offset: Offset(-2, 5),
|
||||
),
|
||||
BoxShadow(
|
||||
color: Color.fromARGB(148, 2, 70, 35),
|
||||
color: const Color.fromARGB(148, 2, 70, 35),
|
||||
blurRadius: 80,
|
||||
offset: Offset(0, 10),
|
||||
offset: const Offset(0, 10),
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -116,7 +502,7 @@ class AttendanceScreen extends StatelessWidget {
|
||||
height: screenHeight * 0.5,
|
||||
width: screenWidth * 0.7,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0x92757575),
|
||||
color: const Color(0x92757575),
|
||||
borderRadius: BorderRadius.circular(32),
|
||||
),
|
||||
),
|
||||
@@ -134,7 +520,7 @@ class AttendanceScreen extends StatelessWidget {
|
||||
left: screenWidth * 0.05,
|
||||
child: _ShadowedCard(
|
||||
shadow: [
|
||||
BoxShadow(
|
||||
const BoxShadow(
|
||||
color: Color(0x62000000),
|
||||
blurRadius: 10,
|
||||
spreadRadius: 5,
|
||||
@@ -158,6 +544,47 @@ class AttendanceScreen extends StatelessWidget {
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// ACTIVE SESSION CHECK (LOGIN)
|
||||
try {
|
||||
final hasActive = await sl<AttendanceRemoteDataSource>()
|
||||
.hasActiveLogin(employeeId: employeeId);
|
||||
|
||||
if (hasActive) {
|
||||
if (context.mounted) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder:
|
||||
(_) => AlertDialog(
|
||||
title: const Text(
|
||||
'تنبيه',
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
content: const Text(
|
||||
'أنت مسجل دخول بالفعل، لا يمكنك تسجيل الدخول مرة أخرى.',
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed:
|
||||
() => Navigator.of(context).pop(),
|
||||
child: const Text('حسناً'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
} catch (e) {
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('فشل التحقق من الجلسة: $e')),
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (context.mounted) {
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
@@ -190,7 +617,7 @@ class AttendanceScreen extends StatelessWidget {
|
||||
bottom: screenHeight * 0.2,
|
||||
right: screenWidth * 0.1,
|
||||
child: _ShadowedCard(
|
||||
shadow: [
|
||||
shadow: const [
|
||||
BoxShadow(
|
||||
color: Color(0xABCECECE),
|
||||
blurRadius: 5,
|
||||
@@ -225,6 +652,47 @@ class AttendanceScreen extends StatelessWidget {
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// ACTIVE SESSION CHECK (LOGOUT)
|
||||
try {
|
||||
final hasActive = await sl<AttendanceRemoteDataSource>()
|
||||
.hasActiveLogin(employeeId: employeeId);
|
||||
|
||||
if (!hasActive) {
|
||||
if (context.mounted) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder:
|
||||
(_) => AlertDialog(
|
||||
title: const Text(
|
||||
'تنبيه',
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
content: const Text(
|
||||
'لا يوجد تسجيل دخول فعال لتسجيل الخروج.',
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed:
|
||||
() => Navigator.of(context).pop(),
|
||||
child: const Text('حسناً'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
} catch (e) {
|
||||
if (context.mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('فشل التحقق من الجلسة: $e')),
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (context.mounted) {
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
@@ -306,17 +774,17 @@ class _FingerButton extends StatelessWidget {
|
||||
height: 160,
|
||||
width: 160,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFFEAFBF3),
|
||||
color: const Color(0xFFEAFBF3),
|
||||
borderRadius: BorderRadius.circular(32),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SvgPicture.asset(icon, width: 75, height: 75),
|
||||
SizedBox(height: 10),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.black,
|
||||
|
||||
Reference in New Issue
Block a user