FuSa SW Tool - Jherrod Thomas

Develop a Settings page that provides centralized access to Manage Users and Manage Roles. The page must support search functionality and display options based on the logged-in user’s permissions.

Functional Requirements¶

1. Settings Page Layout¶

• Create a new Settings page accessible from the application menu

• Page components:

  • Search bar at the top

  • Two tabs below the search bar:

    • Manage Users
    • Manage Roles

2. Search Bar¶

• Positioned at the top of the Settings page

• Allows searching for:

  • Users
  • Roles

• Filters content contextually based on selected tab

• Optional: debounce search input for performance

3. Tabs Behavior¶

• Tabs displayed horizontally under the search bar

• Default selected tab:

  • First tab user has permission to view

• Tab behavior:

  • Clicking Manage Users → redirects to Users Management screen
  • Clicking Manage Roles → redirects to Roles Management screen

4. Permission-Based Visibility¶

• Tabs must be displayed only if user has permission

• If user lacks permission:

  • Tab is hidden
  • Direct URL access is blocked (403 / access denied)

5. Navigation¶

• Clicking a tab:

  • Navigates to the appropriate screen
  • Maintains search text (optional)

• Breadcrumb example:

  • Settings → Manage Users
  • Settings → Manage Roles