Change Details

## User Story: Similar to the watchlist expiry time, it should be possible for a user to set the watchlist labels for a page after they've clicked the watchstar (or watch link, on skins without a star). ## Details: * Add a new menu chevron next to the watchstar, with which to open the popup that shows the expiry and labels fields and an 'unwatch' button. * The menu arrow should only be visible if either $wgWatchlistExpiry or $wgEnableWatchlistLabels is true. * The labels field is a MenuMultiselectLookup widget, with which it is possible to autocomplete on any of a user's watchlist labels. The labels are available from the `action=userinfo` API, and should not be loaded at page load time (note that the modules for the notification and popup are also not loaded, so they and the data can be loaded at the same time). * The existing notification will be simplified to just the confirmation message, and an 'Organise' button that opens the watchstar popup. * Clicking the watchstar will only watch or unwatch; to get the other options, the dropdown arrow will need to be clicked. * There will be a hyperlink from the watch popup to Special:WatchlistLabels. * Any number of labels will be able to be selected. As each is selected (i.e. its InfoChip appears) the set of labels is saved. This avoids the need for a 'save' button, and follows the behaviour of the expiry dropdown. * No new labels are able to be created from this place. * The `action=watch` API is updated to accept label IDs for assigning. T416291. * The `action=watch` page action is updated to show a new 'watchlist labels' field. T418547 * When the Watch/Unwatch is in the tools menu as a link (e.g. $wgVectorUseIconWatch=false) then the popup won't be available. (Details t.b.a.) ## Details for QA: * Should work in all supported skins. * No-JS flow should make sense and all features be usable. * Clicking the watchstar or menu triggers the loading of some extra ResourceLoader modules, and on slow connections this can be a noticeable delay. Some skins (e.g. Vector) indicate this by spinning the star. ## Designs: https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=429-133223&t=OZMuLaAu0fF3Nofq-1 re | {F72441815} | {F72441824} |

## User Story: Similar to the watchlist expiry time, it should be possible for a user to set the watchlist labels for a page after they've clicked the watchstar (or watch link, on skins without a star). ## Details: * Add a new menu chevron next to the watchstar, with which to open the popup that shows the expiry and labels fields and an 'unwatch' button. * The menu arrow should only be visible if either $wgWatchlistExpiry or $wgEnableWatchlistLabels is true. * The labels field is a MenuMultiselectLookup widget, with which it is possible to autocomplete on any of a user's watchlist labels. The labels are available from the `action=userinfo` API, and should not be loaded at page load time (note that the modules for the notification and popup are also not loaded, so they and the data can be loaded at the same time). * The existing notification will be simplified to just the confirmation message, and an 'Organise' button that opens the watchstar popup. * Clicking the watchstar will only watch or unwatch; to get the other options, the dropdown arrow will need to be clicked. * There will be a hyperlink from the watch popup to Special:WatchlistLabels. * Any number of labels will be able to be selected. As each is selected (i.e. its InfoChip appears) the set of labels is saved. This avoids the need for a 'save' button, and follows the behaviour of the expiry dropdown. * No new labels are able to be created from this place. * The `action=watch` API is updated to accept label IDs for assigning. T416291. * The `action=watch` page action is updated to show a new 'watchlist labels' field. T418547 * When the Watch/Unwatch is in the tools menu as a link (e.g. $wgVectorUseIconWatch=false) then the popup won't be available. (Details t.b.a.) ## Details for QA: * Should work in all supported skins. * No-JS flow should make sense and all features be usable. * Clicking the watchstar or menu triggers the loading of some extra ResourceLoader modules, and on slow connections this can be a noticeable delay. Some skins (e.g. Vector) indicate this by spinning the star. ## Designs: https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=429-133223&t=OZMuLaAu0fF3Nofq-1 re | {F90429906} | {F90429918} | {F90429930} |

## User Story: Similar to the watchlist expiry time, it should be possible for a user to set the watchlist labels for a page after they've clicked the watchstar (or watch link, on skins without a star). ## Details: * Add a new menu chevron next to the watchstar, with which to open the popup that shows the expiry and labels fields and an 'unwatch' button. * The menu arrow should only be visible if either $wgWatchlistExpiry or $wgEnableWatchlistLabels is true. * The labels field is a MenuMultiselectLookup widget, with which it is possible to autocomplete on any of a user's watchlist labels. The labels are available from the `action=userinfo` API, and should not be loaded at page load time (note that the modules for the notification and popup are also not loaded, so they and the data can be loaded at the same time). * The existing notification will be simplified to just the confirmation message, and an 'Organise' button that opens the watchstar popup. * Clicking the watchstar will only watch or unwatch; to get the other options, the dropdown arrow will need to be clicked. * There will be a hyperlink from the watch popup to Special:WatchlistLabels. * Any number of labels will be able to be selected. As each is selected (i.e. its InfoChip appears) the set of labels is saved. This avoids the need for a 'save' button, and follows the behaviour of the expiry dropdown. * No new labels are able to be created from this place. * The `action=watch` API is updated to accept label IDs for assigning. T416291. * The `action=watch` page action is updated to show a new 'watchlist labels' field. T418547 * When the Watch/Unwatch is in the tools menu as a link (e.g. $wgVectorUseIconWatch=false) then the popup won't be available. (Details t.b.a.) ## Details for QA: * Should work in all supported skins. * No-JS flow should make sense and all features be usable. * Clicking the watchstar or menu triggers the loading of some extra ResourceLoader modules, and on slow connections this can be a noticeable delay. Some skins (e.g. Vector) indicate this by spinning the star. ## Designs: https://www.figma.com/design/CdyroPkkcT7GJA9bwno0Rq/WE1.4-Task-priotization?node-id=429-133223&t=OZMuLaAu0fF3Nofq-1 re | {F7244181590429906} | {F72441824} |90429918} | {F90429930} |