Skip to main content

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

RequirementConfirmed behavior
PurposeReview the employee's visible Leave history and current statuses.
Navigation pathSelf Service → Leave → /leave.
Intended usersEmployee/self audience.
PreconditionsAuthenticated tenant employee with Leave route access.
Main componentsEssLeavePage/RequestPage or employee rendering of LeaveManagementPage.
Fields, columns, or sectionsESS type/from/to/status; broader view additionally includes employee, manager, days, and actions.
FiltersBroader status filter only; no explicit sorting/search/pagination.
ActionsView in broader rendering; eligible Pending cancellation.
ValidationStatus/action checks only.
Loading stateESS skeleton.
Empty stateESS empty state or empty broader table.
Success stateRefreshed list after submission/cancellation.
Error stateBroader error; ESS query-error presentation gap.
Permission behaviorESS/self rendering and route guard; API scope remains authoritative.
API dependenciesESS gateway listing or compatibility listing.
Related business rulesCurrent status history only; no actor/timestamp timeline or technical audit UI.
Screenshot placeholderSanitized history and empty-state captures.

Source References

  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/PayrollFeaturePages.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/ess/EssPages.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/ess/essApi.ts

See Also

Keywords

  • Leave UI
  • Employee Leave History UI
  • Workforce management

Revision Information

  • Status: Draft
  • Last reviewed: 2026-07-15
  • Review cycle: Quarterly