Maniphest T197148

Timeline: Generate wikitext for on-wiki discussions
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	• TBolliger
	Jun 13 2018, 4:37 PM

Description

Goal

We want to make it easy for users to include a link to the Interaction Timeline in their on-wiki discussions.

Really rough UI wireframe

On click would open:

Wikitext

Example wikitext to be copied:

Between 2017-01-01 and 2017-01-02 on test.wikipedia.org [[User:Test-apples]] ([[User talk:Test-apples|talk]] | ([[Special:Contributions/Test-apples|contribs]]) and [[User:Test-bananas]] ([[User talk:Test-bananas|talk]] | ([[Special:Contributions/Test-bananas|contribs]]) both made edits to some pages in common. You can see a chronological list of all their edits on [https://tools.wmflabs.org/interaction-timeline/?wiki=testwiki&user=Test-apples&user=Test-bananas&startDate=1483228800 the Interaction Timeline] or a table view on [https://tools.wmflabs.org/sigma/editorinteract.py?users=Test-apples&users=Test-bananas&users=&startdate=20170101&enddate=&ns=&server=testwiki the Interaction Analyser].

Wikitext + variables:

Between $1 and $2 on $3 [[User:$4]] ([[User talk:$4|talk]] | ([[Special:Contributions/T$4|contribs]]) and [[User:$5]] ([[User talk:$5|talk]] | ([[Special:Contributions/$5|contribs]]) both made edits to some pages in common. You can see a chronological list of all their edits on [https://tools.wmflabs.org/interaction-timeline/?wiki=$3&user=$4&user=$5&startDate=$1 the Interaction Timeline] or a table view on [https://tools.wmflabs.org/sigma/editorinteract.py?users=$4&users=$5&startdate=$1&enddate=$2&ns=&server=$3 the Interaction Analyser].

Acceptance criteria

On the Interaction Timeline, when the parameters for 2 users and wiki have been entered and the Timeline displays, an unintrusive UI element should appear in the bottom right corner of the Timeline.
- It should be labeled Share these results
- On click it should open a modal
  - The modal should have a description sentence: Copy & paste this wikitext to an on-wiki discussion to share these Timeline results with others:
  - The modal should have a text area filled with the wikitext above
  - The text area contents should be selected be default so the user can select ctrl+C or command+C to copy.
  - The text area contents should be editable so users can modify it.
  - The modal should be closeable. When closed the edits to the text area can be discarded
Dates:
- If no start date is provided, use 2000-01-01
- If no end date is provided, use the current date

Related Objects

Mentioned Here: T189839: Interaction Timeline should let me choose a language

Event Timeline

• TBolliger created this task.Jun 13 2018, 4:37 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 13 2018, 4:37 PM

• TBolliger moved this task from Untriaged to Product/Tech backlog on the Anti-Harassment board.Jun 13 2018, 4:43 PM

The most important piece of this will be the information that is prompted to be posted to make a report or supplement an existing report.

We need to take this to the community to find out what is and what isn't useful to have posted.

Sydney

I like Idea #2, but perhaps it should expand into a taller version of Idea #1 (rather than a modal in the middle of the page, it would be "anchored" to the button you pressed).

Instead of text though, could we use an icon?

Perhaps something like a chat bubble:
https://material.io/tools/icons/?search=bub&icon=chat_bubble_outline&style=baseline

in maybe some sort of round background (kinda like Google/Android's Material Design elements)

@TBolliger Can the edit box on a wiki be auto-populated? If so, perhaps we could just link them to a new section on a page with the content prefilled for them? If not, maybe this is a feature MediaWiki should have. :)

In T197148#4283853, @dbarratt wrote:

@TBolliger Can the edit box on a wiki be auto-populated? If so, perhaps we could just link them to a new section on a page with the content prefilled for them? If not, maybe this is a feature MediaWiki should have. :)

Yes: https://test.wikipedia.org/wiki/Foobar20180614?action=edit&preload=User%3ATBolliger_%28WMF%29%2Fsandbox

Depending on where the user wants to post (user talk page vs. ANI vs. wheverever) the content should probably be different anyway. This could turn into a v0.5 of the routing system.

I think the best way will be a persistent element that can be expanded, and for the first version it should be copy+paste as someone may want to paste it into the middle of a discussion rather than start a new section.

• TBolliger updated the task description. (Show Details)Jun 26 2018, 9:03 PM

Discussion of what type of wikitext could be output: https://en.wikipedia.org/wiki/Wikipedia_talk:Community_health_initiative_on_English_Wikipedia/Interaction_Timeline

• TBolliger updated the task description. (Show Details)Jun 29 2018, 4:48 PM

• TBolliger moved this task from Product/Tech backlog to Triage/To be Estimated on the Anti-Harassment board.Jun 29 2018, 5:47 PM

• TBolliger updated the task description. (Show Details)Jun 29 2018, 6:34 PM

• TBolliger moved this task from Triage/To be Estimated to AHT Sprint 25 on the Anti-Harassment board.

• TBolliger edited projects, added Anti-Harassment (AHT Sprint 25); removed Anti-Harassment.

• TBolliger updated the task description. (Show Details)Jun 29 2018, 7:21 PM

• Vvjjkkii renamed this task from Timeline: Generate wikitext for on-wiki discussions to z2aaaaaaaa.Jul 1 2018, 1:04 AM

• Vvjjkkii triaged this task as High priority.

• Vvjjkkii added projects: CheckUser, Connected-Open-Heritage-Batch-uploads (RAÄ-KMB_1_2017-02), Tamil-Sites, Gamepress, Hashtags, Jade, KartoEditor, Language-2018-Apr-June, New-Editor-Experiences, Mail, TCB-Team (now WMDE-TechWish).

• Vvjjkkii updated the task description. (Show Details)

• Vvjjkkii removed a subscriber: Aklapper.

CommunityTechBot renamed this task from z2aaaaaaaa to Timeline: Generate wikitext for on-wiki discussions.Jul 2 2018, 1:49 PM

CommunityTechBot raised the priority of this task from High to Needs Triage.

CommunityTechBot updated the task description. (Show Details)

CommunityTechBot removed projects: TCB-Team (now WMDE-TechWish), Mail, New-Editor-Experiences, Language-2018-Apr-June, KartoEditor, Jade, Hashtags, Gamepress, Tamil-Sites, Connected-Open-Heritage-Batch-uploads (RAÄ-KMB_1_2017-02), CheckUser.

CommunityTechBot added a subscriber: Aklapper.

@alexhollender would you mind making a mockup/wireframe for this? 😄

dbarratt claimed this task.Jul 9 2018, 7:22 PM

dbarratt moved this task from Ready to In progress on the Anti-Harassment (AHT Sprint 25) board.

@TBolliger

both made edits to the same 13 pages.

Right now, our API does not return a total count of pages that have been modified. Do you want the API modified as part of this task or do you want to reword the text and remove that information?

This is still very much a work in progress, but wanted to share what I have so far:

Screen Shot 2018-07-11 at 11.54.19 AM.png (1×2 px, 540 KB)

Screen Shot 2018-07-11 at 11.54.58 AM.png (1×2 px, 569 KB)

Let me know if this direction looks good so far!

In T197148#4415760, @dbarratt wrote:

@TBolliger

both made edits to the same 13 pages.

Right now, our API does not return a total count of pages that have been modified. Do you want the API modified as part of this task or do you want to reword the text and remove that information?

Whichever is easier. Probably remove that portion of the sentence.

Screenshots look good, I may have some more nitpicky opinions once I see it in person.

In T197148#4416544, @TBolliger wrote:

Whichever is easier. Probably remove that portion of the sentence.

Screenshots look good, I may have some more nitpicky opinions once I see it in person.

Would you mind writing new copy? :)

Updated the text to be more generic.

Ready for review! https://github.com/wikimedia/InteractionTimeline/pull/94

• TBolliger moved this task from AHT Sprint 25 to AHT Sprint 26 on the Anti-Harassment board.Aug 1 2018, 6:32 PM

• TBolliger edited projects, added Anti-Harassment (AHT Sprint 26); removed Anti-Harassment (AHT Sprint 25).

• TBolliger moved this task from Ready to Review on the Anti-Harassment (AHT Sprint 26) board.

Awesome work @dbarratt. Few small suggestions:

Maybe use a floating button for the main "Discuss these results..." button?
I'm not sure you need the cancel button on the modal since you've got the X? Does clicking outside of the modal close it as well? If you do decide to keep the cancel button maybe just make it gray instead of red, since it's not a destructive action (nothing is being deleted, etc.)
I think this OOUI icon would work well (the equivalent on Material seems to be "forum")
Curious how we came up with the title for the button? Part of me wonders if something like "Generate permalink" would be more descriptive? Although I don't really understand well enough what the blurb that gets generated is to have a solid suggestion...

Screen Shot 2018-08-01 at 3.48.16 PM.png (882×1 px, 171 KB)

Yeah, "Generate Permalink" is certainly more descriptive.

In T197148#4470398, @TBolliger wrote:

Yeah, "Generate Permalink" is certainly more descriptive.

huh... I don't think that's better... I would expect a Permalink to be a URL, which is already in the address bar... but this doesn't give you a URL it gives you text to copy and paste.

yeah a permalink is a url, but I do think the current text is a little clunky.

Maybe something like "Start a discussion" or "Share these results"?

In T197148#4470503, @aezell wrote:

Maybe something like "Start a discussion" or "Share these results"?

I like either one! @alexhollender & @TBolliger what do you think?

Slight preference for "Share these results" now

Strong preference for Share these results since a discussion might not be the appropriate context.

+1 for "Share these results"

David, please change it to Share these results

dbarratt moved this task from Review to In progress on the Anti-Harassment (AHT Sprint 26) board.Aug 6 2018, 2:03 PM

What do we think?

Screenshot_2018-08-06 Interaction Timeline.png (1×2 px, 218 KB)

Screenshot_2018-08-06 Interaction Timeline(1).png (1×2 px, 229 KB)

This doesn't show in the screenshot, but the text within the box is focused and selected (ready for a copy/paste).

Looks good to me.

How does the dialog handle smaller screen sizes? Is it fixed or fluid in size?

Should we have a little copy icon a user could click to add the content to their clipboard?

In T197148#4481737, @aezell wrote:

How does the dialog handle smaller screen sizes? Is it fixed or fluid in size?

I think the smallest size we support is a typical notebook, which it looks good on my 13".

Should we have a little copy icon a user could click to add the content to their clipboard?

That's not a bad idea, I could put it where the Close icon used to be T197148#4416313, @TBolliger what do you think?

A "copy" button could be a nice additional call-to-action.

David — when the dialog opens, is the text automatically selected?

In T197148#4481869, @TBolliger wrote:

David — when the dialog opens, is the text automatically selected?

Yes.

What do we think?

Screenshot_2018-08-06 Interaction Timeline(2).png (1×2 px, 224 KB)

Screenshot_2018-08-06 Interaction Timeline(3).png (1×2 px, 224 KB)

dbarratt moved this task from In progress to Review on the Anti-Harassment (AHT Sprint 26) board.Aug 6 2018, 7:08 PM

🚢

Ship it!

Not sure if you're planning on doing T189839 or not, but if so, you might run into space trouble with other languages like German ("Teilen Sie diese Ergebnisse"). Maybe just "Share" would work better. Sorry to add more bikeshedding :)

In T197148#4483261, @kaldari wrote:

Not sure if you're planning on doing T189839 or not, but if so, you might run into space trouble with other languages like German ("Teilen Sie diese Ergebnisse"). Maybe just "Share" would work better. Sorry to add more bikeshedding :)

You can already change the language by changing the language preference in your web browser.

This is what it looks like in German:

Screen Shot 2018-08-07 at 11.39.51.png (768×1 px, 112 KB)

@TBolliger what do you think?

Still looks good.

dbarratt moved this task from Review to In progress on the Anti-Harassment (AHT Sprint 26) board.Aug 8 2018, 1:57 PM

Cameron11598 awarded a token.Aug 8 2018, 7:51 PM

Cameron11598 subscribed.

dbarratt moved this task from In progress to Review on the Anti-Harassment (AHT Sprint 26) board.Aug 9 2018, 8:10 PM

• Mardetanha subscribed.Aug 9 2018, 9:26 PM

dbarratt closed this task as Resolved.Aug 15 2018, 3:55 PM

dbarratt moved this task from Review to Done on the Anti-Harassment (AHT Sprint 26) board.

	F24643807: Screen Shot 2018-08-07 at 11.39.51.png
	Aug 7 2018, 3:40 PM

	F24614375: Screenshot_2018-08-06 Interaction Timeline(3).png
	Aug 6 2018, 7:08 PM

	F24614367: Screenshot_2018-08-06 Interaction Timeline(2).png
	Aug 6 2018, 7:08 PM

	F24597870: Screenshot_2018-08-06 Interaction Timeline.png
	Aug 6 2018, 4:28 PM

	F24597878: Screenshot_2018-08-06 Interaction Timeline(1).png
	Aug 6 2018, 4:28 PM

	F24411993: Screen Shot 2018-08-01 at 3.48.16 PM.png
	Aug 1 2018, 7:59 PM

	F23618020: Screen Shot 2018-07-11 at 11.54.19 AM.png
	Jul 11 2018, 3:55 PM

	F23618034: Screen Shot 2018-07-11 at 11.54.58 AM.png
	Jul 11 2018, 3:55 PM

Timeline: Generate wikitext for on-wiki discussionsClosed, ResolvedPublicActions