The job of this console
Keep identity, contact, and preference sections true. HR uses the same page for fields the persona is allowed to edit. Security and notification tabs change how that person signs in and is notified — not org-wide templates.
HRMS · Profile
Employee Profile
Multi-section profile: general info, security settings, notifications, account activity with charts.
Employee profile with hero header, section navigation, security, notifications, and activity timeline.
One person, many sections
The file the employee and HR both touch
Profile is the multi-section employee file: general info, security settings, notifications, and account activity. It is the same Employee record the directory opened, not a copy.
People → Employees → profile · self profile
Route
/hrms/profile/:employeeId
Employee (self) · HR Admin · Manager (scoped)
Seat at the table
Employees edit what self-service allows. HR sees more. Masking still hides salary and bank from personas that should not see them.
The working rhythm
Open the profile, pick a section, save, confirm the directory and org chart still match. Use Settings for device and org-ops, not this page.
Moments that bring you here
Name or bank change. A user who cannot receive mail. After a role change. When Employee 360 is used as a deep file — still this record underneath.
ⓘ
One Employee row
Sectioned UI, single source. Persona masking applies on live paths; do not paste unmasked compensation into comments.
Flowcharts
Each diagram auto-plays when it scrolls into view. Use Play / Pause or click a step.
1 — Profile tabs
Navigate personal, leave, security, and settings views.
flowchart TD
Hero[Profile hero] --> Nav[Tab nav]
Nav --> View[Active view]
View --> Save[Save changes]
- 1Profile heroPhoto, role, KPI glance.
- 2Tab navPersonal, leave, security, etc.
- 3Active viewEdit fields for that tab.
- 4Save changesPersist where editable.
Overview
/hrms/profile/:employeeId — opened from Employees list or account menu. Shows hero header with photo, role, team, and side navigation between sections.
Screen layout
Hero: Name, title, team, status, avatar.
Side nav: General · Security · Notifications · Account activity.
Content: Section-specific forms and read-only fields.
Activity tab: Timeline with activity charts.
Header & filters
No SHOW/SORT. Section tabs only. Edit availability depends on whether you view your own profile vs another employee (admin/HR).
Summary & charts
The Lux summary strip at the top of this screen is collapsible. Expand it to reveal KPI tiles and chart panels; collapse it for a wider register. All charts respect your active filters (SHOW preset, team scope, date range, text search).
◆ Emerald Luxury UI theme · chart data refreshes when filters change
Account activity section includes activity timeline charts showing login and action patterns over time.
Main content & actions
Update general info, reset security settings, configure notification preferences, review activity log.
Complete feature list
Every control, panel, and workflow on this screen.
- ✓Luxury UI shellEmerald-themed glass cards, sticky gradient header, module sidebar, and responsive layout.
- ✓Documentation searchHeader search indexes all guide pages (docs site).
- ✓Profile heroPhoto, name, role, team, contact details.
- ✓Security tabPassword, MFA, session management.
- ✓Notifications tabEmail and in-app preference toggles.
- ✓Activity tabRecent actions and login history.
- ✓Skills & orgTags, department, manager, employment type.
- ✓Edit modeSelf-service or HR edit depending on permissions.
Before you start
💡
First login
Upload photo, verify contact info, enable MFA, then review Notifications tab.
📝
SSO accounts
Password fields hidden when SSO-only — use corporate IdP for credential changes.
Who uses this screen
Every employee viewing or editing their own profile; HR administrators editing any employee record opened from the Employees register. Managers may view limited fields for direct reports.
ℹ️
Person record detail
Profile is the single place for photo, contact info, skills, org placement, security settings, and activity history — distinct from org-wide Settings defaults.
Key concepts
Profile hero
Photo, display name, job title, team, manager, and primary contact channels.
Tabbed sections
Overview, Security, Notifications, Activity, Skills & org — layout varies by permission.
Edit mode
Inline or modal edits for fields your role may change — HR edits more than self-service.
Security tab
Password change, MFA enrollment, active sessions — critical for enterprise SSO hybrids.
Activity tab
Recent logins and significant actions for security awareness.
Permissions
| Role | Access on this screen |
|---|---|
| Individual contributor | Edit own contact, photo, notification prefs, password/MFA; view own activity. |
| People manager | View direct report profiles; limited field edit (e.g., skills) per policy. |
| HR administrator | Full edit on any employee opened from register. |
| Self only (contractor) | Restricted tab set — no org admin fields. |
📝
Administrator override
Org administrators and service accounts configured in the Admin console may bypass row-level scopes shown above. When in doubt, confirm access with your Tracopus administrator.
Controls reference
| Control | Description | Notes |
|---|---|---|
| Edit profile | Toggle edit on hero fields. | Save validates email format. |
| Photo upload | Avatar image for Lux shell header. | Max size per org policy. |
| Security tab | Password, MFA, sessions. | SSO users may hide password. |
| Notifications tab | Email and in-app toggles per event. | Overrides global Settings defaults. |
| Activity tab | Login history and actions. | Read-only. |
| Skills & org | Tags, department, manager link. | HR editable. |
| Deactivate (HR) | Status change for leavers. | HR admin only from register context. |
Common mistakes
⚠️
Using personal email as primary
Breaks SSO and password reset — use corporate email from day one.
⚠️
Skipping MFA setup
Enterprise policy may enforce MFA on next login — configure proactively in Security tab.
⚠️
Managers editing compensation
Comp fields usually HR-only — well-meaning edits create audit violations.
FAQ
How is Profile different from Settings?
Profile is identity and security; Settings is preferences (locale, timesheet defaults) applying to your account.
Can I change my manager?
Usually HR-only — self-service manager change would break approval chains.
Who sees Activity tab?
You see your own; HR may see others when opened from Employees register.
Does photo sync to mobile?
Yes — avatar appears in mobile app header after save.
Workflows
- Open profile from Employees or account menu.
- Navigate sections via side nav.
- Save changes per section.
Tips & best practices
Tip: Security section covers password and SSO linkage — direct employees to Getting Started for first login.
More guidance
💡
Remember
Photo, display name, job title, team, manager, and primary contact channels.
ℹ️
How is Profile different from Settings?
Profile is identity and security; Settings is preferences (locale, timesheet defaults) applying to your account.