Description
Update the conditions table in the experiment details page to reflect the new design requirements. The table currently displays 4 columns (Condition, Payload, Weight (%), Actions) but needs to be updated to show (Condition, Weight (%), Description, Actions).
Changes Required
- Remove the "Payload" column and related logic (
getPayloadDisplayType(), getUniversalPayload() methods)
- Add a "Description" column that displays the
condition.description field
- Update the
displayedColumns array to reflect the new column order: ['condition', 'weight', 'description', 'actions']
- Remove the
@Input() conditionPayloads property and related payload logic since payloads will be handled separately
- Update column CSS classes and translation keys accordingly
- Remove imports related to payload display types (
EXPERIMENT_PAYLOAD_DISPLAY_TYPE)
Files to Update
experiment-conditions-table.component.ts
experiment-conditions-table.component.html
experiment-conditions-table.component.scss (if needed for styling)
Acceptance Criteria
- The conditions table displays 4 columns in the correct order: Condition, Weight (%), Description, Actions
- The Description column shows the condition's description text
- All payload-related logic and UI elements are removed from the conditions table
- The table maintains its existing functionality for editing weights and row actions
References
Description
Update the conditions table in the experiment details page to reflect the new design requirements. The table currently displays 4 columns (Condition, Payload, Weight (%), Actions) but needs to be updated to show (Condition, Weight (%), Description, Actions).
Changes Required
getPayloadDisplayType(),getUniversalPayload()methods)condition.descriptionfielddisplayedColumnsarray to reflect the new column order:['condition', 'weight', 'description', 'actions']@Input() conditionPayloadsproperty and related payload logic since payloads will be handled separatelyEXPERIMENT_PAYLOAD_DISPLAY_TYPE)Files to Update
experiment-conditions-table.component.tsexperiment-conditions-table.component.htmlexperiment-conditions-table.component.scss(if needed for styling)Acceptance Criteria
References
https://www.figma.com/design/HfwhRB2XUuV7BeUkiNIJzo/UpGrade-UI-Latest-30--Payload-Redesign-?node-id=38266-21375&t=EBfwt4nSBM5oOfMa-1