===Background
As a part of making working with templates in Visual Editor easier, we will change the way in which parameters can be discovered, added and removed from a template invocation.
===Requirements
**For the sidebar:**
[] Implement behind a feature flag with:
* {T272481}
* {T272482}
* {T272487}
**For the sidebar:**
[] Sidebar remains permanently open on desktop, "Show/hide" button and footer is removed.
[] Maintain "Show/hide" button on mobile. Default state on mobile: Sidebar collapsed.
[] Allow for multi-part templates (more than one template or wikitext) to be displayed/stacked in the sidebar and main dialog.
[] The sidebar will display all parameters defined for the template (in TemplateData)is open on large screens and toggle-able on small screens, not just those that have been added in the template dialog.see {T274554}
[] Allow for multi-part template content (more than one template or wikitext) to be displayed/stacked in the sidebar and main dialog, see {T274544}
[] The sidebar will display all parameters defined for the template (in TemplateData), not just those that have been added in the template dialog. See {T274543}
[] Include any undocumented parameters present in the wikitext, in the sidebar. in the sidebarSee {T274550} for full description of behavior.
[] The icon to the left of the parameter names is removed and replaced with an OOUI checkbox. These are used to add and remove parameters to the invocation of the template, i.e. shown or removed from the main input section on the right as follows:
[] Required parameters should have a disabled, selected checkbox and cannot be removed from the template. See {T274548}
[] Added parameters should have a selected checkbox
[] Un-added parameters should have an un-selected checkbox
[] When an undocumented parameter is unchecked, its outline element should disappear. This different than the other parameters, which will stay in the outline view when unchecked.
[] Clickable area for the add/remove function is limited to the checkbox itself and does not include the name of the parameter. Clicking on the name of the parameters allows the user to jump to this parameter in the main input section on the right, and the cursor is inserted into that parameter's field (current behavior).
[] Current behavior should not be broken: The two scrollable windows should stay in sync. If the parameter is clicked then it should jump on the right side, but if on the right a new field is in focus the sidebar should also scroll to match and highlight the current parameter. See {T274552}
[] When a parameter is not yet added, then clicking on the parameter name adds it. Clicking on the name again though does not remove it.
[] When a parameter is removed, keep the parameter "in focus"/selected if it's a named parameter and will remain, otherwise select the next parameter after the removed one (do not jump to top).
[] If template has TemplateData and no parameters, show 'No parameters' text instead of checkboxes. See {T274549}
[] Truncate parameter names that are too long for the sidebar (maintain current behaviour). See {T285044}
[] If deprecated parameters already have a value, show in the sidebar. If they have no value, hide in sidebar so that they cannot be added. (See also {T130676})See {T274551}
**For the main input area of the dialog:**
[] Remove the 'Add more information' dropdown at the bottom of the main input area, where parameters are currently added to templates. It's behavior will beA replacement input is addressed in {T272482}7}
[] Remove the trash icons which show next to the parameter name when it's "in focus", see {T275761}
**Order:** (See {T274545})
[] Order param list in sidebar **and** main input area based on:
- If existing, use TemplateData order (ParamOrder or order of parameters as listed in TemplateData)
- If TemplateData is missing, auto-order based on the order of parameters in the template definition/source code
[] Add undocumented parameters to the end of the param list.
===Mock and Specs
| {F34109945} | {F34109950} |
====Related tickets
- Relevant prototyping tickets: {T261504}, {T265025}, {T265029}, {T261503}