Игорь Надеин
53f1eb8096
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-11-29 13:52:21 +03:00
2025-12-18 09:56:50 +03:00
2025-12-01 14:19:58 +03:00
2025-11-28 13:07:17 +03:00
2025-11-28 14:24:26 +03:00
2025-11-20 09:00:55 +03:00
2025-12-04 12:26:55 +03:00
2025-12-05 14:53:52 +03:00
2025-11-20 09:00:55 +03:00
2025-12-01 14:19:58 +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-20 18:52:29 +03:00