Create a block of action for on prem AD to update attributes from one system to another. UI that takes input from current user fields in a table and maps to AD attribute fields in other. It's like a 1 to 1 mapping screen The action name is Update Attributes for a User.
Check the screenshot to udnerstand how our actions are made today. The search dropdown can be two - one on the left and one on the right. Left dropdown can have data from Zluri and on the right one can have AD attributes that are getting synced so both are accurately mapped to each other 1 to 1. Zluri fields examples can be - location, country, department, jobttitle, and generic employee fields and on AD they can be - AD.location, AD.country etc so it's easily understood.
I've reviewed the screenshot showing how your actions are structured. I can see the clean layout with a service account selector at the top, action selection, configuration fields, and action buttons (Apply conditions, Require approvers, Add Delay).
Now I'll create an "Update Attributes for a User" action block with a 1:1 field mapping interface using two dropdowns - one for Zluri fields (left) and one for AD attributes (right).
Now I'll create a professional "Update Attributes for a User" action block with field mapping functionality, matching the design and style of your Google Workspace action example. Let me read the current structure first.
Now I'll create the action block component for updating AD attributes with a clean, professional mapping interface.
Now let me update the page to display this component:
I've created a professional "Update Attributes for a User" action block that matches your Google Workspace action design. Here's what I built:
Key Features:
- Dual Dropdown Mapping: Left side shows Zluri user attributes (location, country, department, job title, email, phone, manager, cost center, employee ID) and the right side shows corresponding AD attributes (AD.location, AD.country, etc.)
- 1:1 Field Mapping: Each mapping row connects a Zluri field to an AD attribute with a clear arrow indicator
- Add/Remove Mappings: Users can dynamically add multiple attribute mappings or remove them (except the last one)
- Clean UI Design: Follows your existing action block pattern with header badge, section labels, and action buttons at the bottom
- Smooth Interactions: Dropdown menus with hover effects, disabled state for the delete button when only one mapping exists
The component is fully interactive and ready to integrate with your backend. Users can select fields from dropdown lists, and the mappings can be saved or cancelled.