Team Management
Create and manage teams, assign members, and view team details.
Route: /en/team-management
Available to Owner, Admin, Assign Manager.
Team List Page
- Table view: Team Name · Members (with role avatars) · Status (Active / Inactive) · Created Date · Actions (Details button)
- Search box: "Search teams..."
- Filter: All Status dropdown
- Export button
- Create Team button
Create Team (2-step modal)
Team Info
| Field | Notes |
|---|---|
| Team Name | Required |
| Team Code | Optional identifier |
| Description | Optional |
Add Members
- Select departments dropdown — filter users by department
- User list split into Managers and Members sections — each row shows avatar, full name, email, and role badge with a checkbox to select
- Select-all checkbox at the top of each section
- Scroll control when the list is long
Team Detail Page
Route: /en/team-management/{id}
Accessed by clicking the Details button on any team row.
- Header: coloured avatar with team initial, team name, status badge (Active / Inactive), created date
- Action buttons: Edit Team · Delete Team (trash icon)
KPI Cards
| Card | Description |
|---|---|
| Team Members | Total count of members in the team |
| Team Status | Active or Inactive badge |
| Created Date | Date the team was created |
Team Details Section
| Field | Description |
|---|---|
| Description | Team description, or "No description provided" |
| Team Code | Short code, or "No code assigned" |
| Last Updated | Date of last modification |
Team Members Section
- Manage Member button — add or remove members
- Sort dropdown for member list
- Each member row shows: avatar, full name, email, role badge (Manager / Member)