Departments
Create and manage departments, assign managers, and organise team members by department.
Route: /en/department
Available to Owner and Admin (full access). Assign Managers can view departments and their status but cannot create departments.
Departments List Page
KPI Cards
| KPI | Description |
|---|---|
| Total Departments | All departments (active + inactive) |
| Active Departments | Departments currently active |
| Total Members | Combined headcount across all departments |
Two view modes (tab toggle): Grid (default) · Table
Grid View
Each department card shows:
- Coloured avatar + department name + status badge (Active / Inactive)
- Description text (or "No description available")
- Manager name (or "No manager assigned")
- Member count
- Details button
Controls: Search box · Status filter dropdown
Manager view: Assign Managers can access the Departments page and see assigned department cards including their status badges (Active / Inactive), but the Create Department button is not available to them. Only Owner and Admin can create departments.
Create Department (Owner & Admin only — 2-step wizard)
Basic Info
- Name · Code · Description
Members
- Assign exactly one Manager + optional Members
- One manager per department enforced; reassigning replaces the previous one
- Members can belong to multiple departments
Department Detail Page
Route: /en/department/{id}
Accessed by clicking Details on any department card or row.
- Breadcrumb: Departments › Department
- Header: coloured avatar + department name + status badge (Active / Inactive)
- Description text displayed below the header
Action Buttons (role-dependent)
| Role | Edit Info | Delete |
|---|---|---|
| Owner / Admin | Yes | Yes (trash icon) |
| Assign Manager | Yes | No (not visible) |
Manager restriction: On the Department Detail page, Assign Managers can see and use the Edit Info button to update assigned department information. However, the Delete button (trash icon) is not visible to managers — deletion is restricted to Owner and Admin only.
KPI Cards
| Card | Description |
|---|---|
| Team Members | Total member count in this department |
| Manager | Manager's full name, or "No manager assigned" |
Edit Info Modal
Clicking Edit Info opens the "Edit Department Information" modal:
| Field | Notes |
|---|---|
| Department Name | Required — max 60 characters (character counter shown, e.g., 28/60) |
| Department Code | Optional — 4–5 characters (character counter shown, e.g., 0/5) |
| Description | Optional — max 200 characters (character counter shown, e.g., 200/200) |
| Status | Dropdown: Active · Inactive |
Buttons: Cancel · Save Changes · Close (×)
Save Changes is disabled until at least the required Department Name field is filled.
Members Section
- Manage Members button — add or remove members
- Filter dropdown (All) and search by name or email input
- Table columns: Name · Email · Title · Rate · Role · Actions
- Pagination with entry count (e.g., "Showing 1-0 of 0 users")