Maniphest T203714

Create the landing page for the SVG Translate tool
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To

Authored By

	Niharika
	Sep 6 2018, 8:31 PM

Description

Value proposition (why do we need to do this)?

This ticket is for creating the landing page (discover view) for the tool. This is the screen where the user will be able to search for SVG files on Commons. For the purposes of breaking up the technical work into small chunks, this ticket does not cover the search functionality itself but it does include the input field and button.

User interface changes

Mock from prototype:

Logged out

Screen Shot 2018-09-12 at 10.03.09 AM.png (1×2 px, 229 KB)

Interface features:

Header
- Heading: SVG Translate
- Sub-heading: Help translate text labels on SVG files. Pick a file on commons to get started. This feature is in early testing. Learn more (link TBD) & leave feedback!
- Login button on top right. Non-functional for this iteration.
Input label: File name (without 'File:' prefix) or URL:
Input box with placeholder: 100 Years War France 1435.svg (non functional input for this iteration)
Button labelled Translate
Footer
- Line 1: Made by the Wikimedia Foundation's Community Tech team
- Line 2: Licensed under (link to license) · View on GitHub (link to code) · Report a bug · Help (link TBD)
- Powered by Toolforge logo. Links to ToolForge.

Does this need QA?

Yes

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Resolved		Niharika	T201207 [Epic] SVG Translate wishlist project
		Resolved		Samwilson	T203714 Create the landing page for the SVG Translate tool

Event Timeline

Niharika created this task.Sep 6 2018, 8:31 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 6 2018, 8:31 PM

Niharika moved this task from New & TBD Tickets to CL, QA, Data analysis backlog on the Community-Tech board.Sep 6 2018, 9:20 PM

Niharika mentioned this in T203711: Prep work for SVG Translate tool.Sep 6 2018, 9:27 PM

• Prtksxna updated the task description. (Show Details)Sep 11 2018, 7:41 AM

@Prtksxna Since we are supporting file names and URLs, I think the label on that input should say something like File name (without "File:" prefix) or URL instead of File name from Commons.
Also, as on https://github.com/prtksxna/svgtranslate-prototype/issues/6 you might want to consider making the header smaller and the layout fluid to be consistent.

• Prtksxna updated the task description. (Show Details)Sep 12 2018, 4:36 AM

Niharika updated the task description. (Show Details)Sep 13 2018, 5:08 PM

Niharika updated the task description. (Show Details)Sep 13 2018, 5:13 PM

@Prtksxna OAuth login and language settings will go in a separate ticket to avoid making this too big. I expanded the Interface changes section in the ticket to give you a sense of what I look for.
I think this ticket is ready to be estimated next week.

@Mooeypoo @aezell @Samwilson @MusikAnimal @MaxSem We'll be estimating this ticket in next week's estimation meeting. Let me know if it seems like anything's missing in the ticket description.
FYI this ticket is blocked on two tickets: T202768: Decide the tech stack for the SVG Translate tool and T203711: Prep work for SVG Translate tool.

Niharika set the point value for this task to 3.Sep 18 2018, 11:30 PM

Niharika moved this task from Needs Discussion to Up Next (June 3-21) on the Community-Tech board.Sep 19 2018, 3:30 PM

Niharika added a parent task: T201207: [Epic] SVG Translate wishlist project.Sep 19 2018, 5:24 PM

• Prtksxna removed • Prtksxna as the assignee of this task.Sep 28 2018, 4:16 AM

• Prtksxna subscribed.

Niharika triaged this task as Medium priority.Oct 9 2018, 11:29 PM

Some of this has been done as part of T203711: Prep work for SVG Translate tool

PR ready for review: https://github.com/wikimedia/svgtranslate/pull/1

Samwilson moved this task from Up Next (June 3-21) to In Sprint 🏃‍♀️🏃‍♂️ on the Community-Tech board.Oct 10 2018, 5:16 AM

PR merged; thanks @Mooeypoo

This is ready for QA: https://tools.wmflabs.org/svgtranslate-test/

In T203714#4656678, @Samwilson wrote:

PR merged; thanks @Mooeypoo

This is ready for QA: https://tools.wmflabs.org/svgtranslate-test/

This looks great, Sam. Looks nice in mobile too.

Can we make the tutorial not-dismissible per our conversation yesterday? There is no way to bring it back which isn't great. And sorry, the tutorial wasn't in the ticket description because it was added to the prototype later.

Looks great!

Niharika moved this task from Backlog to In progress on the SVG Translate Tool board.Nov 17 2018, 1:48 AM

Samwilson moved this task from In progress to Done on the SVG Translate Tool board.Dec 19 2018, 5:26 PM

	F25780766: Screen Shot 2018-09-12 at 10.03.06 AM.png
	Sep 12 2018, 4:36 AM

	F25780764: Screen Shot 2018-09-12 at 10.03.15 AM.png
	Sep 12 2018, 4:36 AM

	F25780774: Screen Shot 2018-09-12 at 10.03.21 AM.png
	Sep 12 2018, 4:36 AM

	F25780762: Screen Shot 2018-09-12 at 10.03.09 AM.png
	Sep 12 2018, 4:36 AM

	F25764984: Screen Shot 2018-09-11 at 1.10.22 PM.png
	Sep 11 2018, 7:41 AM

Create the landing page for the SVG Translate toolClosed, ResolvedPublic3 Estimated Story PointsActions