Skip to main content

Employee Details UI

Summary​

Selecting an employee displays an in-page profile panel; there is no dedicated Employee details route.

Audience​

  • HR administrators, developers, QA engineers, and support engineers

Purpose, navigation, and preconditions​

On Employee Management, select a card. The selected record drives Overview and Documents tabs. The initial list and subsequent document request must be accessible.

Confirmed sections and fields​

Overview contains Basic Details, Job Details, Role & Access, Compensation Breakup, Attendance Rules, and Bank Details. Documents is a separate tab with document-type filtering, loading/empty states, metadata rows, and Preview/Download actions. Regenerate appears only under confirmed role/feature conditions and supported template types.

Profile, employment, organization, contact, access, compensation, attendance, bank, and documents are present. Notes and timeline sections are Not implemented in this component.

Actions and states​

Edit opens the shared modal. Document actions report failures in the page error area. PDF content can be previewed in a titled iframe; other content directs the user to download. No selected record produces an instructional empty state.

Permission and API dependency​

Document regeneration has component-level role/feature checks. Other profile visibility follows route/API scope. The page loads documents from a separate document endpoint; it does not use Employee Service timeline or note APIs.

Screenshot placeholder​

Screenshot placeholder: Overview and Documents tabs with synthetic metadata; never capture real contact, bank, identity, or document content.

Source References​

  • UI/salary-ui/apps/client-hrms-portal/src/App.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/Labor.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/utils/ProtectedRoute.tsx
  • Controllers/LaborController.cs

See Also​

Keywords​

  • Employee profile panel
  • employee documents
  • details state

Revision Information​

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