Employee Leave History UI
Summary
Employees see Leave history in the shared Leave route; the richer legacy view supports status filtering and details.
Audience
Employees, QA, support, and frontend developers.
Overview
- Navigation: Self Service → Leave →
/leave. - ESS columns: type, from date, to date, and status.
- Legacy employee columns: employee, manager, type, dates, days, status, and actions.
- Status display: a visual badge tone is derived from status text.
- Filtering: status filter exists only in the broader view.
- Sorting/pagination: not implemented explicitly.
- Timeline: no actor/timestamp event timeline is displayed; selected-row details are a business summary only.
- Loading/empty/error: ESS uses skeleton and empty components. Its loaded-query error is not passed into RequestPage, a confirmed gap.
- API dependencies: ESS gateway listing or compatibility listing depending on client role rendering.
- Screenshot placeholder: sanitized history table and empty state.
Technical audit/timeline storage is documented separately and must not be inferred from this screen.
Screen reference
| Requirement | Confirmed behavior |
|---|---|
| Purpose | Review the employee's visible Leave history and current statuses. |
| Navigation path | Self Service → Leave → /leave. |
| Intended users | Employee/self audience. |
| Preconditions | Authenticated tenant employee with Leave route access. |
| Main components | EssLeavePage/RequestPage or employee rendering of LeaveManagementPage. |
| Fields, columns, or sections | ESS type/from/to/status; broader view additionally includes employee, manager, days, and actions. |
| Filters | Broader status filter only; no explicit sorting/search/pagination. |
| Actions | View in broader rendering; eligible Pending cancellation. |
| Validation | Status/action checks only. |
| Loading state | ESS skeleton. |
| Empty state | ESS empty state or empty broader table. |
| Success state | Refreshed list after submission/cancellation. |
| Error state | Broader error; ESS query-error presentation gap. |
| Permission behavior | ESS/self rendering and route guard; API scope remains authoritative. |
| API dependencies | ESS gateway listing or compatibility listing. |
| Related business rules | Current status history only; no actor/timestamp timeline or technical audit UI. |
| Screenshot placeholder | Sanitized history and empty-state captures. |
Source References
UI/salary-ui/apps/client-hrms-portal/src/pages/hr/PayrollFeaturePages.tsxUI/salary-ui/apps/client-hrms-portal/src/ess/EssPages.tsxUI/salary-ui/apps/client-hrms-portal/src/ess/essApi.ts
Related Articles
See Also
Keywords
- Leave UI
- Employee Leave History UI
- Workforce management
Revision Information
- Status: Draft
- Last reviewed: 2026-07-15
- Review cycle: Quarterly