Игорь Надеин
d6e974746e
feat(avatar): implement avatar cropper with FaceID requirements
Implemented avatar cropping component for FaceID system integration.
Features:
- Image cropper using Cropper.js library
- FaceID requirements validation (70-80% face coverage, 600x600px min)
- Square crop area (1:1 aspect ratio)
- Output: 800x800px JPEG at 92% quality
- Real-time size indicator
- Integrated in 2 places: registration + profile editor
Components:
- avatarCropperHandler.js: Main cropper module with AvatarCropper class
- Modal UI with Bootstrap 5
- FaceID instructions and guidelines
- File validation (size, format, dimensions)
Integration:
- auth/register.html: Registration form with cropper
- employees/employee_form_personal.html: Profile editor with cropper
- employees/employee_form_scripts.html: Scripts updated
Technical details:
- CDN: Cropper.js v1.6.1
- Min input size: 600x600px
- Max file size: 10 MB
- Formats: JPG, PNG, GIF
- Output format: JPEG (optimized for face recognition)
Validation:
✓ File format validation
✓ File size validation (10 MB max)
✓ Image dimensions validation (600x600px min)
✓ Real-time crop size indicator
✓ Error handling with user-friendly messages
UI/UX:
- Modal window with instructions
- Live preview of cropped image
- Size indicator (green/red based on requirements)
- Clear FaceID guidelines for users
- Responsive layout
2025-12-18 09:56:50 +03:00
..
2025-10-28 08:29:43 +03:00
2025-12-08 11:21:31 +03:00
2025-12-18 09:56:50 +03:00
2025-11-20 09:00:55 +03:00
2025-12-05 17:01:33 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-12-08 07:55:53 +03:00
2025-11-28 10:09:23 +03:00
2025-11-28 10:09:23 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-11-30 12:21:36 +03:00
2025-12-01 14:19:58 +03:00
2025-11-29 13:52:21 +03:00
2025-12-01 14:19:58 +03:00
2025-12-04 15:35:08 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-11-20 09:00:55 +03:00
2025-11-27 17:23:13 +03:00
2025-11-20 09:00:55 +03:00
2025-11-29 13:52:21 +03:00
2025-11-20 12:54:01 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-21 12:46:43 +03:00
2025-11-20 09:00:55 +03:00
2025-12-03 14:42:26 +03:00
2025-12-05 13:19:04 +03:00
2025-12-08 13:37:20 +03:00
2025-11-20 09:00:55 +03:00
2025-12-08 11:07:45 +03:00
2025-12-17 09:14:34 +03:00
2025-12-03 13:48:31 +03:00
2025-11-29 13:52:21 +03:00
2025-11-29 13:52:21 +03:00
2025-12-05 10:56:23 +03:00
2025-12-05 09:57:54 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-12-01 14:19:58 +03:00
2025-11-20 09:00:55 +03:00
2025-10-28 08:40:25 +03:00
2025-12-02 14:02:10 +03:00
2025-11-20 09:00:55 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-12-04 15:35:08 +03:00
2025-12-01 14:19:58 +03:00
2025-11-20 09:00:55 +03:00
2025-12-05 11:10:02 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-12-03 13:48:31 +03:00
2025-12-03 13:48:31 +03:00
2025-12-08 12:09:32 +03:00
2025-12-08 12:09:32 +03:00
2025-11-29 13:52:21 +03:00
2025-12-05 15:59:21 +03:00
2025-12-08 12:29:44 +03:00
2025-12-05 15:59:21 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-12-17 09:14:34 +03:00
2025-11-29 13:52:21 +03:00
2025-11-29 16:41:03 +03:00
2025-12-01 14:19:58 +03:00