Игорь Надеин
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-12-17 08:15:35 +03:00
2025-09-09 17:55:15 +03:00
2025-11-29 16:41:03 +03:00
2025-12-16 13:37:35 +03:00
2025-12-03 12:50:10 +03:00
2025-11-30 11:20:05 +03:00
2025-12-05 13:07:57 +03:00
2025-12-17 09:14:34 +03:00
2025-12-08 14:02:09 +03:00
2025-12-05 10:56:23 +03:00
2025-11-20 09:00:55 +03:00
2025-07-30 08:15:53 +03:00
2025-11-20 09:00:55 +03:00
2025-11-20 09:00:55 +03:00
2025-12-03 12:50:10 +03:00
2025-12-03 12:59:12 +03:00
2025-12-05 14:53:52 +03:00
2025-09-11 17:56:33 +03:00
2025-12-18 09:56:50 +03:00
2025-12-18 09:56:50 +03:00
2025-12-17 08:15:35 +03:00
2025-07-30 08:15:53 +03:00
2025-10-28 08:54:38 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-11-29 16:41:03 +03:00
2025-12-02 14:44:48 +03:00
2025-11-20 18:52:29 +03:00
2025-12-01 14:19:58 +03:00
2025-10-28 08:54:38 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-10-20 17:08:40 +03:00
2025-12-02 17:39:09 +03:00
2025-10-28 08:54:38 +03:00
2025-10-28 08:54:38 +03:00
2025-11-20 09:00:55 +03:00
2025-09-03 17:17:44 +03:00
2025-11-20 18:52:29 +03:00
2025-11-20 09:00:55 +03:00
2025-07-30 08:15:53 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-12-08 14:17:06 +03:00
2025-09-12 17:04:47 +03:00
2025-11-20 18:52:29 +03:00
2025-12-01 14:19:58 +03:00
2025-12-01 14:19:58 +03:00
2025-10-28 08:54:38 +03:00
2025-12-03 07:21:25 +03:00
2025-11-21 12:57:01 +03:00
2025-12-02 17:39:09 +03:00
2025-11-20 18:52:29 +03:00
2025-11-30 12:25:19 +03:00
2025-12-16 14:55:58 +03:00
2025-12-05 16:25:17 +03:00
2025-11-30 12:25:19 +03:00
2025-11-21 15:46:02 +03:00
2025-12-16 14:55:58 +03:00
2025-12-05 16:18:45 +03:00
2025-12-05 16:18:45 +03:00
2025-12-16 14:55:58 +03:00
2025-12-01 14:19:58 +03:00
2025-12-03 13:48:31 +03:00
2025-11-20 18:52:29 +03:00
2025-11-20 18:52:29 +03:00
2025-11-20 18:52:29 +03:00
2025-12-01 14:19:58 +03:00
2025-12-02 17:39:09 +03:00
2025-12-02 17:39:09 +03:00
2025-11-21 13:35:38 +03:00
2025-12-01 14:19:58 +03:00
2025-12-03 07:21:25 +03:00
2025-12-03 07:21:25 +03:00
2025-12-01 14:19:58 +03:00