dania/finger_print_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chnages has been made for the interactive face camera

Browse Source
This commit is contained in:
Daniah Ayad Al-sultani
2026-02-17 16:14:37 +03:00
parent 08b16df68d
commit 2022245810
9 changed files with 1510 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
lib/presentation/face/face_feedback.dart Normal file
View File

@@ -0,0 +1,28 @@
import 'package:flutter/material.dart';
enum FaceHintType {
noFace,
tooDark,
tooClose,
tooFar,
notCentered,
lookStraight,
holdStill,
good,
}
class FaceFeedback {
final FaceHintType type;
final String message;
final double quality; // 0..1 (used for progress ring)
final Color borderColor;
FaceFeedback({
required this.type,
required this.message,
required this.quality,
required this.borderColor,
});
bool get isGood => type == FaceHintType.good;
}

508
lib/presentation/screens/attendence_screen.dart
View File

@@ -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,

824
lib/presentation/screens/face_screen2.dart Normal file
View File

@@ -0,0 +1,824 @@
import 'dart:async';
import 'dart:io';
import 'dart:math' as math;
import 'dart:typed_data';
import 'package:flutter/foundation.dart';
import 'package:camera/camera.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_mlkit_face_detection/google_mlkit_face_detection.dart';
import '../../core/error/exceptions.dart';
import '../face/face_feedback.dart';
class OvalCameraCapturePage extends StatefulWidget {
final bool isLogin;
final Future<void> Function(File image) onCapture;
const OvalCameraCapturePage({
super.key,
this.isLogin = true,
required this.onCapture,
});
@override
State<OvalCameraCapturePage> createState() => _OvalCameraCapturePageState();
}
class _OvalCameraCapturePageState extends State<OvalCameraCapturePage> {
CameraController? _cameraController;
bool _isCameraInitialized = false;
String? _errorMessage;
bool _isSuccess = false;
bool _isSubmitting = false;
bool _isStreaming = false;
// Smart feedback
FaceFeedback _feedback = FaceFeedback(
type: FaceHintType.noFace,
message: "ضع وجهك داخل الإطار",
quality: 0,
borderColor: Colors.white70,
);
double _progress = 0;
bool _isDetecting = false;
int _frameCount = 0;
// Stability tracking
Rect? _lastFaceRect;
int _stableFrames = 0;
bool _showManualCapture = false;
Timer? _manualCaptureTimer;
String _debugInfo = "Initializing...";
late final FaceDetector _faceDetector = FaceDetector(
options: FaceDetectorOptions(
performanceMode: FaceDetectorMode.fast,
enableTracking: true,
enableClassification: true,
enableLandmarks: false,
enableContours: false,
),
);
static const int _throttleEveryNFrames = 5;
static const int _stableFramesNeeded = 3;
@override
void initState() {
super.initState();
// Go straight to camera — no network calls here
_initializeCamera();
}
@override
void dispose() {
_manualCaptureTimer?.cancel();
_stopImageStream();
_cameraController?.dispose();
_faceDetector.close();
super.dispose();
}
Future<void> _initializeCamera() async {
try {
setState(() {
_errorMessage = null;
_isCameraInitialized = false;
_isSuccess = false;
_isSubmitting = false;
_progress = 0;
_stableFrames = 0;
_lastFaceRect = null;
});
await _cameraController?.dispose();
_cameraController = null;
final cameras = await availableCameras();
if (cameras.isEmpty) {
if (!mounted) return;
setState(() {
_errorMessage = "لا توجد كاميرات متاحة على هذا الجهاز";
_isCameraInitialized = false;
});
return;
}
final front = cameras.where(
(c) => c.lensDirection == CameraLensDirection.front,
);
final selectedCamera = front.isNotEmpty ? front.first : cameras.first;
_cameraController = CameraController(
selectedCamera,
ResolutionPreset.medium,
enableAudio: false,
imageFormatGroup:
Platform.isAndroid
? ImageFormatGroup.yuv420
: ImageFormatGroup.bgra8888,
);
await _cameraController!.initialize();
if (!mounted) return;
setState(() {
_isCameraInitialized = true;
_isStreaming = false;
_showManualCapture = false;
_debugInfo = "Ready. Cam: ${selectedCamera.lensDirection}";
});
_manualCaptureTimer?.cancel();
_manualCaptureTimer = Timer(const Duration(seconds: 10), () {
if (mounted && _isCameraInitialized && !_isSuccess && !_isSubmitting) {
setState(() {
_showManualCapture = true;
});
}
});
_startSmartStream();
} catch (e) {
if (!mounted) return;
setState(() {
_errorMessage = "خطأ في تهيئة الكاميرا: $e";
_isCameraInitialized = false;
});
}
}
void _startSmartStream() {
if (_cameraController == null || !_cameraController!.value.isInitialized) {
return;
}
if (_isStreaming) return;
_isStreaming = true;
try {
_cameraController!.startImageStream((CameraImage image) async {
if (!mounted) return;
if (_isSubmitting || _isSuccess) return;
_frameCount++;
if (_frameCount % _throttleEveryNFrames != 0) return;
if (_isDetecting) return;
_isDetecting = true;
try {
final inputImage = _toInputImage(
image,
_cameraController!.description,
);
if (inputImage == null) {
_isDetecting = false;
return;
}
final faces = await _faceDetector.processImage(inputImage);
if (faces.isEmpty) {
_stableFrames = 0;
_applyFeedback(
FaceFeedback(
type: FaceHintType.noFace,
message: "ضع وجهك داخل الإطار",
quality: 0,
borderColor: Colors.white70,
),
);
_isDetecting = false;
return;
}
final face = faces.first;
final brightness = _estimateBrightness(image);
final rotation =
inputImage.metadata?.rotation ?? InputImageRotation.rotation0deg;
final feedback = _evaluate(
face: face,
brightness: brightness,
image: image,
rotation: rotation,
);
_applyFeedback(feedback);
if (feedback.isGood) {
_stableFrames++;
_progress = (_stableFrames / _stableFramesNeeded).clamp(0.0, 1.0);
if (_stableFrames >= _stableFramesNeeded) {
if (mounted) {
setState(() {
_debugInfo = "جاري التحقق من الصورة...";
});
}
_isDetecting = false;
await _captureAndSubmit();
return;
}
} else {
if (_stableFrames > 0) _stableFrames--;
_progress = (_stableFrames / _stableFramesNeeded).clamp(0.0, 1.0);
}
if (mounted && !_isSubmitting && !_isSuccess) {
setState(() {
_debugInfo =
"Faces: ${faces.length} | Bright: ${brightness.toStringAsFixed(1)}\n"
"Msg: ${feedback.message} | Stable: $_stableFrames";
});
}
} catch (e) {
debugPrint("Face detection error: $e");
} finally {
_isDetecting = false;
}
});
} catch (e) {
debugPrint("Error starting image stream: $e");
_isStreaming = false;
}
}
Future<void> _stopImageStream() async {
if (!_isStreaming || _cameraController == null) return;
try {
await _cameraController!.stopImageStream();
_isStreaming = false;
} catch (e) {
debugPrint("Error stopping image stream: $e");
}
}
void _stopCameraCompletely() {
_manualCaptureTimer?.cancel();
try {
if (_isStreaming && _cameraController != null) {
_cameraController!.stopImageStream();
_isStreaming = false;
}
_cameraController?.dispose();
_cameraController = null;
} catch (e) {
debugPrint("Error stopping camera: $e");
}
}
FaceFeedback _evaluate({
required Face face,
required double brightness,
required CameraImage image,
required InputImageRotation rotation,
}) {
// 1) lighting
if (brightness < 40) {
return FaceFeedback(
type: FaceHintType.tooDark,
message: "المكان مظلم — انتقل لمكان أكثر إضاءة",
quality: 0.1,
borderColor: Colors.orangeAccent,
);
}
// 2) head pose
final yaw = (face.headEulerAngleY ?? 0).abs();
final pitch = (face.headEulerAngleX ?? 0).abs();
if (yaw > 20 || pitch > 20) {
return FaceFeedback(
type: FaceHintType.lookStraight,
message: "انظر مباشرةً للكاميرا",
quality: 0.2,
borderColor: Colors.orangeAccent,
);
}
// 3) distance estimate
double frameWidth = image.width.toDouble();
double frameHeight = image.height.toDouble();
if (rotation == InputImageRotation.rotation90deg ||
rotation == InputImageRotation.rotation270deg) {
final temp = frameWidth;
frameWidth = frameHeight;
frameHeight = temp;
}
final box = face.boundingBox;
final frameArea = frameWidth * frameHeight;
final faceArea = box.width * box.height;
final ratio = faceArea / frameArea;
if (ratio < 0.05) {
return FaceFeedback(
type: FaceHintType.tooFar,
message: "اقترب قليلاً",
quality: 0.3,
borderColor: Colors.orangeAccent,
);
}
if (ratio > 0.8) {
return FaceFeedback(
type: FaceHintType.tooClose,
message: "ابتعد قليلاً",
quality: 0.3,
borderColor: Colors.orangeAccent,
);
}
// 4) centered
final faceCenter = Offset(box.center.dx, box.center.dy);
final frameCenter = Offset(frameWidth / 2, frameHeight / 2);
final dist = (faceCenter - frameCenter).distance;
final maxAllowed = math.min(frameWidth, frameHeight) * 0.4;
if (dist > maxAllowed) {
return FaceFeedback(
type: FaceHintType.notCentered,
message: "وسط وجهك داخل الإطار",
quality: 0.4,
borderColor: Colors.orangeAccent,
);
}
// 5) stability
if (_lastFaceRect != null) {
final moved = (box.center - _lastFaceRect!.center).distance;
if (moved > 40) {
_lastFaceRect = box;
return FaceFeedback(
type: FaceHintType.holdStill,
message: "ثبت الهاتف وابقَ ثابتاً",
quality: 0.5,
borderColor: Colors.orangeAccent,
);
}
}
_lastFaceRect = box;
return FaceFeedback(
type: FaceHintType.good,
message: "ممتاز — ثبت قليلاً",
quality: 1.0,
borderColor: Colors.greenAccent,
);
}
void _applyFeedback(FaceFeedback f) {
if (!mounted) return;
if (_feedback.type != f.type || _feedback.message != f.message) {
setState(() {
_feedback = f;
});
}
}
Future<void> _captureAndSubmit() async {
if (_cameraController == null) return;
if (_isSubmitting || _isSuccess) return;
setState(() {
_isSubmitting = true;
_errorMessage = null;
});
try {
await _stopImageStream();
// Small delay to let camera settle after stopping stream
await Future.delayed(const Duration(milliseconds: 200));
if (_cameraController == null ||
!_cameraController!.value.isInitialized) {
_handleScanError("الكاميرا غير جاهزة، حاول مرة أخرى");
return;
}
final xFile = await _cameraController!.takePicture();
final file = File(xFile.path);
await widget.onCapture(file);
if (mounted) {
setState(() {
_isSuccess = true;
_isSubmitting = false;
});
Future.delayed(const Duration(seconds: 1), () {
if (mounted) {
Navigator.of(context).pop(true);
}
});
}
} on ServerException catch (e) {
// Check if this is an "already logged in" error from the API
final msg = e.message.toLowerCase();
if (msg.contains('already logged in') ||
msg.contains('مسجل دخول بالفعل')) {
// Stop camera and go back with a dialog
_stopCameraCompletely();
if (mounted) {
showDialog(
context: context,
barrierDismissible: false,
builder:
(_) => AlertDialog(
title: const Text('تنبيه', textAlign: TextAlign.center),
content: const Text(
'أنت مسجل دخول بالفعل، لا يمكنك تسجيل الدخول مرة أخرى.',
textAlign: TextAlign.center,
),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(); // Close dialog
Navigator.of(context).pop(); // Go back from camera
},
child: const Text('حسناً'),
),
],
),
);
}
return;
}
_handleScanError(e.message);
} on NetworkException catch (e) {
_handleScanError(e.message);
} on CameraException catch (e) {
_handleScanError("فشل التقاط الصورة: ${e.description ?? e.code}");
} catch (e) {
_handleScanError("حدث خطأ غير متوقع: $e");
}
}
void _handleScanError(String msg) {
if (!mounted) return;
setState(() {
_isSubmitting = false;
_errorMessage = msg;
_progress = 0;
_stableFrames = 0;
});
if (_cameraController != null &&
_cameraController!.value.isInitialized &&
!_isStreaming) {
_startSmartStream();
}
}
double _estimateBrightness(CameraImage image) {
if (image.planes.isEmpty) return 0;
final bytes = image.planes[0].bytes;
if (bytes.isEmpty) return 0;
const step = 100;
int sum = 0;
int count = 0;
for (int i = 0; i < bytes.length; i += step) {
sum += bytes[i];
count++;
}
return count == 0 ? 0 : (sum / count);
}
InputImage? _toInputImage(CameraImage image, CameraDescription camera) {
final sensorOrientation = camera.sensorOrientation;
InputImageRotation? rotation;
if (Platform.isIOS) {
rotation = _rotationIntToImageRotation(sensorOrientation);
} else if (Platform.isAndroid) {
var rotationCompensation =
_orientations[_cameraController!.value.deviceOrientation];
if (rotationCompensation == null) return null;
if (camera.lensDirection == CameraLensDirection.front) {
rotationCompensation = (sensorOrientation + rotationCompensation) % 360;
} else {
rotationCompensation =
(sensorOrientation - rotationCompensation + 360) % 360;
}
rotation = _rotationIntToImageRotation(rotationCompensation);
}
if (rotation == null) return null;
if (Platform.isAndroid) {
final nv21 = _convertYUV420ToNV21(image);
return InputImage.fromBytes(
bytes: nv21,
metadata: InputImageMetadata(
size: Size(image.width.toDouble(), image.height.toDouble()),
rotation: rotation,
format: InputImageFormat.nv21,
bytesPerRow: image.width,
),
);
}
// iOS BGRA8888
if (image.planes.length == 1) {
return InputImage.fromBytes(
bytes: image.planes.first.bytes,
metadata: InputImageMetadata(
size: Size(image.width.toDouble(), image.height.toDouble()),
rotation: rotation,
format: InputImageFormat.bgra8888,
bytesPerRow: image.planes.first.bytesPerRow,
),
);
}
return null;
}
Uint8List _convertYUV420ToNV21(CameraImage image) {
final int width = image.width;
final int height = image.height;
final yPlane = image.planes[0];
final uPlane = image.planes[1];
final vPlane = image.planes[2];
final int ySize = width * height;
final int uvSize = ySize ~/ 2;
final Uint8List nv21 = Uint8List(ySize + uvSize);
// Y Channel
if (yPlane.bytesPerRow == width) {
nv21.setAll(0, yPlane.bytes);
} else {
int offset = 0;
for (int i = 0; i < height; i++) {
nv21.setRange(
offset,
offset + width,
yPlane.bytes,
i * yPlane.bytesPerRow,
);
offset += width;
}
}
// UV Channel (NV21 is VU interleaved)
final int uvWidth = width ~/ 2;
final int uvHeight = height ~/ 2;
final int uvPixelStride = uPlane.bytesPerPixel ?? 1;
int uvIndex = ySize;
for (int row = 0; row < uvHeight; row++) {
final int srcIndex = row * uPlane.bytesPerRow;
for (int col = 0; col < uvWidth; col++) {
final int pixelIndex = srcIndex + (col * uvPixelStride);
nv21[uvIndex++] = vPlane.bytes[pixelIndex];
nv21[uvIndex++] = uPlane.bytes[pixelIndex];
}
}
return nv21;
}
InputImageRotation _rotationIntToImageRotation(int rotation) {
switch (rotation) {
case 90:
return InputImageRotation.rotation90deg;
case 180:
return InputImageRotation.rotation180deg;
case 270:
return InputImageRotation.rotation270deg;
default:
return InputImageRotation.rotation0deg;
}
}
static final _orientations = {
DeviceOrientation.portraitUp: 0,
DeviceOrientation.landscapeLeft: 90,
DeviceOrientation.portraitDown: 180,
DeviceOrientation.landscapeRight: 270,
};
@override
Widget build(BuildContext context) {
if (_errorMessage != null && !_isCameraInitialized) {
return Scaffold(
backgroundColor: Colors.black,
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.error, color: Colors.red, size: 48),
const SizedBox(height: 16),
Text(_errorMessage!, style: const TextStyle(color: Colors.white)),
const SizedBox(height: 16),
ElevatedButton(
onPressed: _initializeCamera,
child: const Text("إعادة المحاولة"),
),
],
),
),
);
}
if (!_isCameraInitialized || _cameraController == null) {
return const Scaffold(
backgroundColor: Colors.black,
body: Center(child: CircularProgressIndicator(color: Colors.red)),
);
}
return Scaffold(
backgroundColor: Colors.black,
body: Stack(
fit: StackFit.expand,
children: [
Center(child: CameraPreview(_cameraController!)),
CustomPaint(
painter: _OvalOverlayPainter(
borderColor: _feedback.borderColor,
progress: _progress,
),
),
Positioned(
top: 60,
left: 0,
right: 0,
child: Column(
children: [
Text(
widget.isLogin ? "تسجيل الدخول" : "تسجيل خروج",
style: const TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
fontFamily: 'Cairo',
),
),
const SizedBox(height: 10),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 8,
),
decoration: BoxDecoration(
color: Colors.black54,
borderRadius: BorderRadius.circular(20),
),
child: Text(
_feedback.message,
style: TextStyle(
color: _feedback.borderColor,
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
),
],
),
),
if (_isSubmitting)
const Center(child: CircularProgressIndicator(color: Colors.white)),
if (_isSuccess)
const Center(
child: Icon(Icons.check_circle, color: Colors.green, size: 80),
),
if (_errorMessage != null && _isCameraInitialized)
Positioned(
bottom: 20,
left: 0,
right: 0,
child: Container(
color: Colors.black54,
padding: const EdgeInsets.all(8),
child: Text(
_errorMessage!,
style: const TextStyle(color: Colors.red),
textAlign: TextAlign.center,
),
),
),
Positioned(
bottom: 50,
left: 10,
right: 10,
child: Text(
_debugInfo,
style: const TextStyle(
color: Colors.yellow,
fontSize: 12,
backgroundColor: Colors.black54,
),
textAlign: TextAlign.center,
),
),
if (_showManualCapture && !_isSubmitting && !_isSuccess)
Positioned(
bottom: 110,
left: 0,
right: 0,
child: Center(
child: ElevatedButton.icon(
onPressed: _captureAndSubmit,
icon: const Icon(Icons.camera_alt),
label: const Text("التقاط يدوياً"),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.redAccent,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(
horizontal: 24,
vertical: 12,
),
),
),
),
),
],
),
);
}
}
class _OvalOverlayPainter extends CustomPainter {
final Color borderColor;
final double progress;
_OvalOverlayPainter({required this.borderColor, required this.progress});
@override
void paint(Canvas canvas, Size size) {
final width = size.width * 0.75;
final height = size.height * 0.55;
final center = Offset(size.width / 2, size.height / 2);
final ovalRect = Rect.fromCenter(
center: center,
width: width,
height: height,
);
final screenPath =
Path()..addRect(Rect.fromLTWH(0, 0, size.width, size.height));
final ovalPath = Path()..addOval(ovalRect);
final overlayPath = Path.combine(
PathOperation.difference,
screenPath,
ovalPath,
);
final bgPaint =
Paint()
..color = Colors.black.withOpacity(0.6)
..style = PaintingStyle.fill;
canvas.drawPath(overlayPath, bgPaint);
final borderPaint =
Paint()
..color = borderColor
..style = PaintingStyle.stroke
..strokeWidth = 4.0;
canvas.drawOval(ovalRect, borderPaint);
if (progress > 0) {
final progressPaint =
Paint()
..color = Colors.greenAccent
..style = PaintingStyle.stroke
..strokeWidth = 6.0
..strokeCap = StrokeCap.round;
final startAngle = -math.pi / 2;
final sweepAngle = 2 * math.pi * progress;
canvas.drawArc(
ovalRect.inflate(10),
startAngle,
sweepAngle,
false,
progressPaint,
);
}
}
@override
bool shouldRepaint(covariant _OvalOverlayPainter oldDelegate) {
return oldDelegate.borderColor != borderColor ||
oldDelegate.progress != progress;
}
}