Sarai-WMDE added a comment.
I just included a link to the initial design specifications in the task description. These outline the language selection flow in the context of the Query builder. The specifications defining e the visual and interactive features of the Language Selector component itself are available in this separate page in the file <https://www.figma.com/file/gIAkqSq0nh1p73TLIJ4MEw/Language-Selector?node-id=3%3A78>. Said specs are a synthesis of the original detailed documentation <https://upload.wikimedia.org/wikipedia/commons/6/6f/Language_Selector_Designs.pdf> provided by the Language team, and the Design style guide <https://design.wikimedia.org/style-guide/components/language-selectors.html>. I wonder if we want to capture the effort to adjust/develop the component in a dedicated task? That way, I could upload assets and capture open questions there. As a disclaimer, I must say that this looks like quite a complex element to build. I hope that reusing the existing Vue component can save us some implementation time. Aside from this, there are some open questions (I have the feeling these won’t be the only ones we’ll face) that should be resolved in order to help define the behavior of this component in the context of the apps (both the Query Builder and the Mismatch Finder – see T328149 <https://phabricator.wikimedia.org/T328149>): 1. Menu size/ number of columns: How many languages do we expect will be available? Following the original specifications, the size of the menu (number of columns) to use depends on the number of languages provided. If the list is greater than 30, then we should use the 3 columns layout instead of 1 (the default). F36555583: Screenshot 2023-01-30 at 09.15.07.png <https://phabricator.wikimedia.org/F36555583> 2. Grouping language variants: Again, depending on the amount of languages and variants of said languages that we’ll provide, we might want to group them within the menu, as recommended by the original design documentation. (Specs are missing for now and would be created depending on our decision) F36555593: Screenshot 2023-01-30 at 09.22.47.png <https://phabricator.wikimedia.org/F36555593> 3. ’Suggested languages’: There's a section rserved for them in the designs. Do we want to simply render an alphabetical list of languages, or do we want to provide users with language suggestions based on their user preferences (UI lang, babel)? F36555588: Screenshot 2023-01-30 at 09.19.17.png <https://phabricator.wikimedia.org/F36555588> 4. Do we want the search field to offer autocomplete? In such case, the selection of the suggested language would be made on enter. Following the original specs: ‘Filtering considers all language names, autocompletion shows only for the names in the current UI language, the language itself (autonym), and ISO codes.’ I wonder if this behavior is already embedded in the component being reused. Again, wondering if this is something we might be able to reuse from the original implmentation. That might be the determining factor here. F36555590: Screenshot 2023-01-30 at 09.22.14.png <https://phabricator.wikimedia.org/F36555590> 5. Lastly, do we need to display any additional action such as, a link to allow users to 'Translate this page'? F36555597: Screenshot 2023-01-30 at 09.25.17.png <https://phabricator.wikimedia.org/F36555597> TASK DETAIL https://phabricator.wikimedia.org/T328148 EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: Sarai-WMDE Cc: Sarai-WMDE, Aklapper, Arian_Bozorg, Astuthiodit_1, AWesterinen, karapayneWMDE, Invadibot, MPhamWMF, maantietaja, CBogen, ItamarWMDE, Akuckartz, Nandana, Namenlos314, Lahi, Gq86, Lucas_Werkmeister_WMDE, GoranSMilovanovic, Mahir256, QZanden, EBjune, merbst, LawExplorer, Salgo60, _jensen, rosalieper, Scott_WUaS, Jonas, Xmlizer, jkroll, Wikidata-bugs, Jdouglas, aude, Tobias1984, Manybubbles, Lydia_Pintscher, Mbch331
_______________________________________________ Wikidata-bugs mailing list -- wikidata-bugs@lists.wikimedia.org To unsubscribe send an email to wikidata-bugs-le...@lists.wikimedia.org
