CRM Dashboard
Overview of your organization's attendance and HR activities.
Attendance Status Today
Details →156Total employees
Present128 · 82.1%
Absent16 · 10.3%
On leave8
Quick Access
✓
Auto attendance
Calculated from device punch events when connected.
Calculated from device punch events when connected.
Recent Attendance Records
View all →
| Emp ID | Employee Name | Department | Punch In | Punch Out | Hours | Status |
|---|
Biometric Device Status
● Demo mode▣
DeviceBiometric terminal
LocationMain Office
Last syncNot connected
ConnectionAwaiting integration
✓
Attendance rules ready
Working hours are calculated from imported punch data.
Working hours are calculated from imported punch data.
Department-wise Attendance
Report →Today's Leave Requests
View all →| Employee | Leave Type | Status |
|---|---|---|
| No leave requests yet. | ||
Recent Activities
View all →✓
Biometric event receivedDemo record · Today
♙
Employee profile updatedHR Admin · Today
✈
Leave request submittedPending manager review
Employees
Employee master — permanent details from the HR file, kept separate from daily attendance.
| Employee ID | Name | Department | Designation | Branch | Team Leader | Joining Date | Today In | Today Out | Status | Actions |
|---|
Attendance Management
Attendance records calculated from biometric punch-in and punch-out events.
Integration status: This HTML prototype uses sample records. Live automatic attendance requires your biometric device to send/export logs to a connected backend/API. No employee punch button is needed in this admin dashboard.
| Date | Employee ID | Name | Department | Designation | Branch | Team Leader | First Punch | Last Punch | Work Hours | Status | Actions |
|---|
Biometric Device
Manage biometric terminals and synchronization status.
Important: A browser-only HTML page cannot directly read biometric hardware. The device must expose an API/SDK, push logs to a server, or export attendance files for backend import.
Device overview
Not connected◉
Device nameMain Office Terminal
ModelTo be confirmed
Device IPNot configured
Last successful sync—
Integration checklist
1. Confirm biometric brand/model and firmware.
2. Confirm whether it supports API/SDK, ADMS/push, or CSV export.
3. Map device user IDs to SBC employee IDs.
4. Set shift rules, grace period, holidays and overtime policy.
Recent device events
No live events received yet.
Events will appear here after the device is integrated.
Events will appear here after the device is integrated.
Leave Management
Review leave applications and track approved absences.
| Employee | Leave Type | From | To | Days | Reason | Status | Actions |
|---|---|---|---|---|---|---|---|
| No leave requests yet — click “New leave request” to create one. | |||||||
Payroll
Prepare salary calculations using attendance, approved leave and overtime.
Payroll values are not configured in this prototype. Connect employee salary, deductions, paid leave and overtime policies before calculating real pay.
Payroll period
Oct 2026
Employees in payroll
142
Attendance inputs
Ready to map
Recruitment
Track candidates, interviews and onboarding — click any candidate for the full profile.
| Name | Contact | Role | Experience | Address | Salary (last → expected) | Status | Actions |
|---|---|---|---|---|---|---|---|
| No candidates yet. | |||||||
Performance
Review team attendance patterns and employee performance.
Department attendance score
Performance indicators
Attendance consistency · Punctuality · Monthly work hours · Team targets
Performance scores should combine approved business KPIs with attendance records and must not rely on attendance alone.
Attendance by team leader
—Reports
Export attendance and employee reports for your selected period.
Attendance report
—▤
Records
0
0 days
♙
Employees
0
With records in range
✓
Present
0
Punch in + punch out
◉
On Duty
0
No punch-out yet
| Date | Employee ID | Name | Department | Designation | Branch | Team Leader | First Punch | Last Punch | Work Hours | Status | Source |
|---|
Available reports
These reports read the live attendance records imported from your biometric device — pick a period and a date above to change the range.
Settings
Configure shifts, grace periods, roles and attendance rules.
Attendance policy
These controls are UI examples only; changes are not saved until a settings API is connected.
Audit Logs
Review administrative changes and system activity.
| Time | Actor | Activity | Module | Result |
|---|---|---|---|---|
| Today, 09:02 | Biometric integration | Sample punch event received | Attendance | Demo |
| Today, 08:45 | Admin | Employee profile updated | Employees | Success |
| Yesterday, 17:15 | HR Admin | Leave request reviewed | Leave | Success |