[wip] Temporary Watchlist UI
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	• Prtksxna
	Feb 6 2020, 5:47 PM

Description

Article

The popups below can be dismissed by clicking anywhere else on the screen, they do not disappear on their own.

Permanent watch

Not on your watchlist	Clicking starts the spinning	Page gets watchlisted (no need to wait for OOUI)	Show a popup (once OOUI is loaded)

Temporary watch

Not on your watchlist	Clicking starts the spinning	Page gets watchlisted (no need to wait for OOUI)	Show a popup (once OOUI is loaded)

Dropdown to pick a duration	Click to choose duration	Spinning starts	Half star & popup again

Unwatch

The process will be the same for temporarily watchlisted pages.

Watchlisted	Clicking starts the spinning	Page gets unwatchlisted (no need to wait for OOUI)	Show a popup (once OOUI is loaded)

Checking status

The hover tooltip will show the current status and the action that can be taken by clicking.

Not in watchlist	Permanently watchlisted	Temporarily watchlisted

No-JS

See T245565: Watchlist Expiry: Support for Static Watch Page (action=watch) [medium].

Edit

Old editor

Edit summary form	Once "Watch Page" is checked	Dropdown

VE

Screenshot 2020-02-06 at 11.13.13 PM.png (662×1 px, 126 KB)

Watchlist

Special:Watchlist

Show an icon next to page name if it is temporarily watched, show time remaining on hover in a tooltip. I am not completely sure if this is helpful or if adds too much clutter. Showing the time remaining all the time will crowd the page even more. We haven't really heard a use-case for this yet, so unsure about this change.

Filtering and highlighting

Allow users to filter and highlight temporary and permanently watchlitsed pages. Would it be helpful to add more options for the temporary pages like — "expiring in a few days", "expiring in a few weeks" etc?

Special:EditWatchlist

Here we'd like to keep the temporary pages on top and a way to make them permanent. The permanent pages can be made temporary from this page too.

I am currently thinking of this interface in two ways:

Similar to the Thanks interaction, keeping it all text
Our usual dropdown

Raw Watchlist

From what I remember from some technical discussions we don't want to touch this. It'll continue to show all the pages in your watchlist with line breaks in between with no details about what is temporary. If this changes I have two proposals:

Have two headings =Temporary= and =Permanent= and split the pages between this (still hiding info on when it expires)
Have some sort of a syntax to show when temporary pages are expiring and allow the datetime to be edited

Related Objects

Mentioned In: M284: setcontentmodel mockup
Mentioned Here: T245565: Watchlist Expiry: Support for Static Watch Page (action=watch) [medium]

Event Timeline

• Prtksxna created this task.Feb 6 2020, 5:47 PM

Restricted Application added projects: TCB-Team (now WMDE-TechWish), Community-Tech. · View Herald TranscriptFeb 6 2020, 5:47 PM

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

• Prtksxna updated the task description. (Show Details)Feb 7 2020, 1:00 AM

• Prtksxna updated the task description. (Show Details)Feb 7 2020, 1:09 AM

• Prtksxna updated the task description. (Show Details)Feb 7 2020, 1:22 AM

• Prtksxna updated the task description. (Show Details)

• Prtksxna updated the task description. (Show Details)Feb 7 2020, 1:26 AM

ifried subscribed.Feb 7 2020, 10:30 PM

These look great, @Prtksxna !

A couple of comments / answers to your questions:

Special:Watchlist: We can display the date that the article will expire on, and the time remaining. I believe the time remaining functionality may only be available in JavaScript (through momentjs) but am not 100% sure; there might be this functionality in the php side as well. We'll need to check. In other products (like StructuredDiscussions) we displayed the full date in "no-js" mode and augmented it with "xx ago" (which would be "xx days" etc for us) in JS; when you hovered over the human-readable, it switched to a date, so the user could get both experiences. Just a thought :)
Special:EditWatchlist: We can definitely allow for adding expiry for items, we will just need the UX for it (a button/link?) it can open the same popup that appears when clicking on the star, or a different one.
Special:RawWatchlist: Yes, let's avoid doing anything there, at least for the MVP. This page is already very messy to handle with separating (or showing) details about pages, and adding text that is not a page (like the headings) will require redoing how the saving operation works. I suggest to avoid getting into this page at all; pages that are added through this list will receive the default expiry. Pages that are removed will be removed regardless anyways. Does that sound okay?

Finally, a comment: Is this functionality going to be available on mobile devices? The behavior of the star is currently more or less the same. If we add a popup, I would suggest doing some thinking about how it appears, and whether it pops to everyone, etc; while it can be relatively unobtrusive in desktop, a popup tends to be complex (and hide half the screen) in mobile, so it might need a different behavior. Either that, or mobile may require rethinking on editing expiry values. Either way, we definitely need to think about this, and see where we prioritize that work.

Just FYI, non-Vector desktop skins simply show "Watch" and "Unwatch" links. Not sure if you wanted to change the language there.

There is also the manual process ala https://en.wikipedia.org/wiki/Street_artist?action=watch and https://en.wikipedia.org/wiki/Street_artist?action=unwatch. The former presumably would need new UI components.

That's a good point also for the no-JS version.

While we don't need to do extra features, we *do* have a "watch" confirmation page for no-js. Do we want to add a "watch temporarily" function there?

In T244507#5861473, @Mooeypoo wrote:

Special:Watchlist: We can display the date that the article will expire on, and the time remaining. I believe the time remaining functionality may only be available in JavaScript (through momentjs) but am not 100% sure; there might be this functionality in the php side as well. We'll need to check. In other products (like StructuredDiscussions) we displayed the full date in "no-js" mode and augmented it with "xx ago" (which would be "xx days" etc for us) in JS; when you hovered over the human-readable, it switched to a date, so the user could get both experiences. Just a thought :)

Sounds good. When JS is available we show "ago" text with the real date on hover, when JS isn't available we just show the real date.

Special:EditWatchlist: We can definitely allow for adding expiry for items, we will just need the UX for it (a button/link?) it can open the same popup that appears when clicking on the star, or a different one.

Cool, I'll add designs for this.

Special:RawWatchlist: Yes, let's avoid doing anything there, at least for the MVP. This page is already very messy to handle with separating (or showing) details about pages, and adding text that is not a page (like the headings) will require redoing how the saving operation works. I suggest to avoid getting into this page at all; pages that are added through this list will receive the default expiry. Pages that are removed will be removed regardless anyways. Does that sound okay?

Yep, this sounds good. One caveat though, when you say default expiry do you mean Indefinite? Or do you mean the default expiry setting we might provide (I am not sure if there is a decision on this yet).

Finally, a comment: Is this functionality going to be available on mobile devices?

Yep, I'll be working on mobile designs next.

In T244507#5870589, @Mooeypoo wrote:

That's a good point also for the no-JS version.
While we don't need to do extra features, we *do* have a "watch" confirmation page for no-js. Do we want to add a "watch temporarily" function there?

Is this page the same as @MusikAnimal shared (https://en.wikipedia.org/w/index.php?title=Street_artist&action=watch) or something else?

• Prtksxna updated the task description. (Show Details)Mar 3 2020, 2:33 AM

• Prtksxna updated the task description. (Show Details)Mar 3 2020, 2:49 AM

DannyS712 mentioned this in M284: setcontentmodel mockup.Mar 12 2020, 7:18 PM

ifried moved this task from New & TBD Tickets to In Design on the Community-Tech board.May 7 2020, 7:57 PM

thiemowmde removed a project: TCB-Team (now WMDE-TechWish).Nov 2 2020, 7:51 AM