Update ApiSandbox to MediaWiki appearance using OOjs UI
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	• Spage
	Mar 16 2015, 8:23 PM

Description

We're preaching UI-Standardization to developers, but ApiSandbox is still using jQuery UI gradient buttons.
This is also a chance to fix the bug where the [Make request] [Examples] [Clear] buttons obscure the h6 action name.

F95551 is a quick mockup using mediawiki.ui styles to make the buttons left-aligned with one primary action per the style guide, and it puts the action in the table heading. For super-duper XP, could/should switch to OOUI widgets. I'm not sure what to do with the old-school <fieldset><legend> lines around each section.

ApiSandbox_restyle_mockup.png (417×761 px, 43 KB)

Details

	Subject	Repo	Branch	Lines +/-
	Add Special:ApiSandbox	mediawiki/core	master	+2 K -24
	Remove jquery ui button dependency	mediawiki/extensions/ApiSandbox	master	+12 -16

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	None	T28751 Extensions that should really be core functionality (tracking)
Resolved	Anomie	T89386 Merge ApiSandbox extension into core
Open	None	T113560 Standardize MediaWiki components (tracking)
Resolved	Anomie	T92893 Update ApiSandbox to MediaWiki appearance using OOjs UI
Resolved	Anomie	T91146 File upload widget
Resolved	Anomie	T91147 Create a generalised multi-select widget (aka CapsuleMultiselectWidget)
Resolved	Anomie	T91126 OO.ui.DropdownWidget doesn't respond to typing like <select> does
Resolved	matmarex	T98506 DropdownWidget menu sized incorrectly when inside scrolled BookletLayout
Resolved	Anomie	T92263 "Stepper" numeric input (numeric field with up/down controls) in OOjs-UI (NumberInputWidget)
Resolved	matmarex	T94289 TextInput's height is not consistent with the rest of controls

Event Timeline

• Spage created this task.Mar 16 2015, 8:23 PM

• Spage raised the priority of this task from to Needs Triage.

• Spage updated the task description. (Show Details)

• Spage added projects: MediaWiki-extensions-ApiSandbox, UI-Standardization, Design.

• Spage subscribed.

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 16 2015, 8:23 PM

IIRC @Anomie was working on using oojs-ui while bringing it into core, except some widgets didn't exist yet.

In T92893#1122955, @Legoktm wrote:

IIRC @Anomie was working on using oojs-ui while bringing it into core, except some widgets didn't exist yet.

You recall correctly, and much of the code is actually done. The task for "bringing into core" is T89386, BTW.

Blockers on that work are T91146 and T91147; T91148 would be nice to have; and T91126 is a usability issue.

Jdforrester-WMF added subtasks: T91146: File upload widget, T91147: Create a generalised multi-select widget (aka CapsuleMultiselectWidget), T91148: Consolidate MediaWiki core's date and time input widgets; consider moving (one of?) them upstream, T91126: OO.ui.DropdownWidget doesn't respond to typing like <select> does.Mar 16 2015, 8:36 PM

• Jaredzimmerman-WMF set Security to None.Mar 16 2015, 8:42 PM

• Jaredzimmerman-WMF added subscribers: • Prtksxna, matmarex.

Ricordisamoa subscribed.Mar 16 2015, 9:01 PM

In T92893#1122955, @Legoktm wrote:

IIRC @Anomie was working on using oojs-ui while bringing it into core

Great, and I will write "Updating ApiSandbox to use OOjs-UI" as a great Showcase/Inspire article. (If I take a screenshot of Firebug showing ApiSandbox's OOjs UI popup widget querying for action=paraminfo while I make the same query in ApiSandbox... I N C E P T I O N :-) )

• Spage mentioned this in P411 Data and developer hub scratchpad.Mar 18 2015, 10:31 AM

Anomie added a parent task: T89386: Merge ApiSandbox extension into core.Mar 30 2015, 7:53 PM

Anomie mentioned this in T89386: Merge ApiSandbox extension into core.

Liuxinyu970226 subscribed.Apr 8 2015, 1:19 AM

• Spage mentioned this in T93770: Engineering Community quarterly goals for April-June 2015.Apr 11 2015, 4:10 AM

• Spage moved this task from Backlog to Tech on the Web-APIs-Hub board.Apr 28 2015, 7:50 PM

Anomie mentioned this in T98457: Add support for <textarea> fields to the ApiSandbox.May 7 2015, 2:03 PM

Anomie added a subtask: T98506: DropdownWidget menu sized incorrectly when inside scrolled BookletLayout.May 7 2015, 6:41 PM

Change 209570 had a related patch set uploaded (by Anomie):
WIP: Add Special:ApiSandbox

https://gerrit.wikimedia.org/r/209570

gerritbot added a project: Patch-For-Review.May 7 2015, 7:10 PM

Anomie mentioned this in T99002: MediaWiki action API round table (api.php).May 13 2015, 7:14 PM

Florian subscribed.May 19 2015, 2:47 PM

Anomie added a subtask: T100059: Create number input widget.May 23 2015, 6:47 AM

Anomie edited subtasks, added: T92263: "Stepper" numeric input (numeric field with up/down controls) in OOjs-UI (NumberInputWidget); removed: T100059: Create number input widget.May 23 2015, 9:36 AM

Change 212855 had a related patch set uploaded (by Jdlrobson):
Remove jquery ui button dependency

https://gerrit.wikimedia.org/r/212855

• Mattflaschen-WMF renamed this task from update ApiSandbox to mediawiki.ui / MediaWiki appearance to update ApiSandbox to MediaWiki appearance using OO UI PHP.May 24 2015, 12:46 PM

• Mattflaschen-WMF renamed this task from update ApiSandbox to MediaWiki appearance using OO UI PHP to Update ApiSandbox to MediaWiki appearance using OO UI PHP.May 24 2015, 12:49 PM

matmarex closed subtask T91126: OO.ui.DropdownWidget doesn't respond to typing like <select> does as Resolved.May 25 2015, 7:18 PM

Anomie renamed this task from Update ApiSandbox to MediaWiki appearance using OO UI PHP to Update ApiSandbox to MediaWiki appearance using OOJS UI.May 25 2015, 9:21 PM

@Anomie:

In T98395#1281899, @matmarex wrote:

Actually, in spite of the name, OOjs UI widgets can exist without JavaScript (I've been trying to get it renamed to "OOUI"); there exists a parallel implementation in PHP, limited to the features that can be built with "static" HTML, but fully usable. We've been unofficially calling it OOUI PHP.

Jdforrester-WMF closed subtask T92263: "Stepper" numeric input (numeric field with up/down controls) in OOjs-UI (NumberInputWidget) as Resolved.May 30 2015, 7:31 PM

Jdforrester-WMF closed subtask T98506: DropdownWidget menu sized incorrectly when inside scrolled BookletLayout as Resolved.Jun 3 2015, 9:07 PM

Jdforrester-WMF closed subtask T91146: File upload widget as Resolved.

Change 212855 abandoned by Jdlrobson:
Remove jquery ui button dependency

Reason:
meh

https://gerrit.wikimedia.org/r/212855

Jdlrobson moved this task from Unsorted to Doing… on the UI-Standardization board.Jul 21 2015, 8:21 PM

bd808 changed the status of subtask T91148: Consolidate MediaWiki core's date and time input widgets; consider moving (one of?) them upstream from Open to Stalled.Aug 18 2015, 5:10 PM

What priority is this? Some blocker claims to be "High" priority, but it's not clear why.

Volker_E added a parent task: T113560: Standardize MediaWiki components (tracking).Oct 3 2015, 2:47 AM

Volker_E renamed this task from Update ApiSandbox to MediaWiki appearance using OOJS UI to Update ApiSandbox to MediaWiki appearance using OOjs UI.Oct 5 2015, 9:55 PM

intracer subscribed.Jan 10 2016, 9:01 AM

Restricted Application added a subscriber: StudiesWorld. · View Herald TranscriptJan 10 2016, 9:01 AM

Anomie mentioned this in T91148: Consolidate MediaWiki core's date and time input widgets; consider moving (one of?) them upstream.Jan 13 2016, 7:14 PM

Change 209570 merged by jenkins-bot:
Add Special:ApiSandbox

https://gerrit.wikimedia.org/r/209570