Hi @JTannerWMF

The Watchlist page does not contain a search functionality. In this case, the "filter" button shown on the right side of the search bar does not make any sense.

Would it be possible to move the filter icon to the right of the toolbar? Any thoughts @scblr?

@cooltey

What would it mean to include a basic text search filter within the Watchlist? One of the big UX shortcomings of the Desktop Watchlist version is the lack of a search filter option.

Would it be possible to move the filter icon to the right of the toolbar? Any thoughts @scblr?

Yes that is likely the way to move forward.

In T326648#8515841, @scblr wrote:

@cooltey

What would it mean to include a basic text search filter within the Watchlist? One of the big UX shortcomings of the Desktop Watchlist version is the lack of a search filter option.

I think we can still add the basic text search on the Watchlist page. It would be better if we can rename this ticket to "Add basic text search and filter to Watchlist"? @JTannerWMF

Would it be possible to move the filter icon to the right of the toolbar? Any thoughts @scblr?

Yes that is likely the way to move forward.

👍

Hi @JTannerWMF

Should we implement advanced filters? Or should we wait until the basic filter is implemented?

Notes from API research:

Needs to put specific values in wltype, multiple values will be accepted.

Relates to wlallrev, not sure if it can have both the latest and not the latest revision.

We can use either wlshow or filter it locally.

We can use either userid or user to make another API call to check the status of the account.

Relates to wluser and wlexcludeuser.

From the results of oresscores, we can use articlequality to filter the quality locally (basically 0.25 as one segment)

It maybe also relate to damaging rate from oresscores.

"oresscores": {
            "damaging": {
                "true": 0.241,
                "false": 0.759
            },
            "goodfaith": {
                "true": 0.86,
                "false": 0.14
            },
            "articlequality": {
                "Stub": 0.647
            }
        }

From the results of oresscores, we can use goodfaith to filter the good-faith locally (basically 0.25 as one segment)

We can use either wlshow or filter it locally.

We can use either wlshow with unread or !unread, but cannot have both values at the same time.

We can also filter it locally by checking the value of notificationtimestamp.

Hi @JTannerWMF and @scblr

By checking the desktop version of the watchlist filter in detail, I have noticed if the user toggled on both (for example "Unseen changes" and "Seen changes") at the same time, it will show a tooltip said "the filter has no effect", and which means we can combine the filter into a single option.

Would it be possible to implement the following types of filters and then we can see how it goes?

• Watchlist activity
• Automated contributions
• Significance
• Type of change

Yes! Sounds good to me @cooltey

Hi @scblr

The implementation is completed, please download the APK from the ticket description.

Thanks, @cooltey – I added the current design iterations to the task. Please note that:

• This is the current design proposal; it will go through a design review on Feb 9, 2023
• This design is part of the component library design updates. It will affect how settings/filters in other places are presented, e.g. "app settings" (a separate ticket will be created once finalized)

Hi @scblr

The APK has been updated with the latest design, please download the latest alpha APK from the ticket description.

Thanks @cooltey, this is great so far!

Three updates:

Figma

1) Please add separator lines between the items. I reviewed this proposal with the design team last week, and the radios are easier to parse.

2) Please add a 'Reset' button at the top right when a filter is active. Only show it if a filter is active.

3) Currently, the All radio option is not selected as the default. Please enable it by default to indicate filters more clearly to users.

Hi @scblr

In T326648#8622064, @scblr wrote:

1) Please add separator lines between the items. I reviewed this proposal with the design team last week, and the radios are easier to parse.

Done.

2) Please add a 'Reset' button at the top right when a filter is active. Only show it if a filter is active.

Done.

3) Currently, the All radio option is not selected as the default. Please enable it by default to indicate filters more clearly to users.

Done.

Please download the latest APK from the ticket description to see the changes, thanks!

@cooltey

1)

Currently, the All radio option is not selected as the default. Please enable it by default to indicate filters more clearly to users.

Done.

The filter indicator now shows that 10 filters are enabled, even though I did not change the defaults:

The default filters should be indicated with just the icon and no number.

2) I did not notice before, but we should update the empty state when there are no results:

Can you add the text string from the notification in the Watchlist?

It’d be good to make it work for both places. Please update the existing string to:

No results. Try removing x filters to see more.

3) Reduce space below section labels by ~ 2dp:

(left: design / right: implementation)

In T326648#8628787, @scblr wrote:

@cooltey

1)

Currently, the All radio option is not selected as the default. Please enable it by default to indicate filters more clearly to users.

Done.

The filter indicator now shows that 10 filters are enabled, even though I did not change the defaults:

The default filters should be indicated with just the icon and no number.

Done!

2) I did not notice before, but we should update the empty state when there are no results:

Can you add the text string from the notification in the Watchlist?

It’d be good to make it work for both places. Please update the existing string to:

No results. Try removing x filters to see more.

Done. But the image for the no results with filter link is the same as the previous one. Do you need to update that with another image?

3) Reduce space below section labels by ~ 2dp:

(left: design / right: implementation)

Done.

Please download the updated APK from the ticket description, thanks.

Looks good @cooltey. Let’s keep the current visuals – an illustration makeover across the app will be a task of its own in the near future. Thanks for the work on this!

Worked for me on 2.7.50432-r-2023-03-06

Beautiful Cooltey Beautiful !!!!!