Staff Directory Module - Interactive employee directory with search, profile cards, and contact information for easy team discovery and collaboration.

**Key Features***

• Employee Search - Instantly find colleagues by searching first name, middle name, or last name with real-time results.
• Profile Cards - View employee photos, names, departments, and job titles in a clean card-based layout.
• Contact Information - Quick access to work phone numbers and email addresses with one-click copy functionality.
• Department & Role Display - See each employee's department and designation at a glance for organizational context.

• Location Details - View employee country, city, and full address information for distributed teams.

  • Paginated Browsing - Navigate through the entire workforce with customizable page sizes (5, 10, 20, 50, 100 per page).

  • Responsive Layout - Split-panel design with employee list on the left and detailed profile view on the right.

                                                                                                                                                                **User Interface**
    
                                                                                                                                                                **Directory List Panel (Left)**

  • Search bar for filtering employees by name

  • Scrollable list of employee cards showing:

  • Profile photo avatar

  • Full name

  • Department

  • Job title/designation

  • Click any employee to view their full profile

  • Pagination controls with total employee count

                                                                                                                                                                **Employee Profile Panel (Right)**

  • Large profile photo display

  • Employee name as card title

  • Detailed information in organized descriptions:

  • Work phone (with copy to clipboard)

  • Country

  • Full address (street, city, postal code)

  • Department

  • Designation/Job title

                                                                                                                                                                **Benefits**

  • For Employees - Quickly find and contact colleagues across departments without asking HR for contact details.

  • For New Hires - Get familiar with the team by browsing through the organization's employee directory.

• For Managers - Easily locate team members and their contact information for coordination.
• For Remote Teams - Bridge the gap in distributed workforces by putting faces to names and providing easy contact access.

How It Works

1. Open Directory - Navigate to Collaboration > Employee Directory
2. Browse or Search - Scroll through employees or use the search bar to filter by name
3. Select Employee - Click on any employee card to view their full profile
4. Get Contact Info - Copy phone numbers or view address details for the selected employee