Page MenuHomePhabricator

Investigate what widget could be used to render the editable list of Grammatical Features of a Form
Closed, ResolvedPublic

Description

The list of grammatical features should look similar as outline in the hand-drawn mock shown in T162790.
In order to achieve, check there is an existing UI widget that could be used to create such a list. To my best knowledge, there is no such list in Wikibase UI so far, so we cannot just something we already have.

After brainstorming with @Aleksey_WMDE and @Jakob_WMDE we concluded that:

  • We're not sure if the palette of jquery ui widget Wikibase widely uses has something similar. Should it had, it would be a way to go.
  • There seems to be such widgets in OOUI. E.g. CapsuleMultiselectWidget (see https://doc.wikimedia.org/oojs-ui/master/demos/) looks to me like a good possible candidate.

The purpose of this task is to verify if there is a widget that fits the needs of the parent task. I.e. it should provide needed adding/removing item to the list functionalities. Furthermore, it should be possible to plug item lookup into it somehow, as the intended

If the conclusion of this investigation is that there is no existing widget we could use, we need to decide on alternatives. E.g. are we going to create the widget we need ourselves (would it then be jquery ui widget or OOUI one, or something completely different?), or do we decide to have some other way of editing the list of grammatical features than the one depicted in T162790.

Event Timeline

When I talked to @thiemowmde he already knew what to use. Thiemo: Can you comment?

I don't "know", but I had the idea to look into OOUI, use one of their multi-select widgets, and wrap that in a minimal jQueryUI boilerplate, so we can use it with our current code base.

Go to https://doc.wikimedia.org/oojs-ui/master/demos/#widgets-mediawiki-ltr-desktop and search for "Multiselect". You can also see the widget I'm talking about in action in https://www.wikidata.org/wiki/Special:ApiSandbox. Note there is a big difference between the PHP and JS libraries of OOUI. But I believe we don't need to care that much about the PHP side of things in this case.

Jonas claimed this task.
Jonas moved this task from Backlog to Done on the Wikidata-Former-Sprint-Board board.

Decision made:
MenuTagMultiselectWidget