Page MenuHomePhabricator

Create OnboardingDialog component structure with stepper functionality
Closed, ResolvedPublic1 Estimated Story Points

Description

Description
Implement the generic OnboardingDialog.vue component that will serve as the foundation for all structured task onboarding flows. This component should use the existing stepper components from the documentation frontend.

Background
The dev entry point (T404087) is now complete, providing Hot Module Replacement for Vue component development. The next step is to create the actual onboarding dialog component that will replace the current OOUI-based onboarding system.

Acceptance Criteria
Component Structure:

  • Create MultiPane.vue => modules/ext.growthExperiments.StructuredTask.PreEdit/common/
  • Create OnboardingStepper.vue => modules/ext.growthExperiments.StructuredTask.PreEdit/common/
  • Create mixins.less and variables.less =>modules/ext.growthExperiments.StructuredTask.PreEdit/common/
  • Update OnboardingDialog.vue to use MultiPane and OnboardingStepper components

Event Timeline

Cyndymediawiksim updated the task description. (Show Details)
Cyndymediawiksim set the point value for this task to 1.

Change #1188370 had a related patch set uploaded (by Cyndywikime; author: Cyndywikime):

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1188370

Change #1188370 abandoned by Cyndywikime:

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

Reason:

Abandon in favour of https://gerrit.wikimedia.org/r/c/mediawiki/extensions/GrowthExperiments/+/1183713

https://gerrit.wikimedia.org/r/1188370

Change #1188370 restored by Cyndywikime:

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1188370

Change #1183713 had a related patch set uploaded (by Cyndywikime; author: Cyndywikime):

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1183713

Change #1183713 abandoned by Cyndywikime:

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1183713

Change #1183713 restored by Cyndywikime:

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1183713

Michael updated Other Assignee, added: Cyndymediawiksim; removed: Michael.

Change #1188370 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Create OnboardingDialog component structure with stepper functionality

https://gerrit.wikimedia.org/r/1188370

This is just a technical sub-task, there is nothing to QA here. QA will happen in a task that actually shows the onboarding, probably T407362: Finish ReviseTone onboarding quiz functionality.