ItamarWMDE added a comment.
**Task Breakdown Notes**: - Query Builder first: will create the component in QB and copy it over to Mismatch Finder - Accept the tech debt of having two copies of the component until we decide whether to upstream it to Codex / inherit a codex - We will not discuss the Query builder subtask (T328148 <https://phabricator.wikimedia.org/T328148>): as it is understood to be part of this ticket that we are discussing - Although the specs display a multi-column layout, we are only creating a single column layout for the widget regardless of the number of languages, this should simplify responsivity in this initial version of the widget - These specs are more generic than what we are used to, as it does not use any of the design system tokens in this initial stage - Languages are displayed in their autonyms - Loading state is not specified for this component at this point in time, and is not in the scope of this task - Filtering should also remove filtered out items from the list - Filtering at the first version should be done by antonym alone - RTL mode depends on the current interface language - The keyboard shortcuts mentioned are based on the codex typeahead search component, and might need to be reimplemented. - At the very least, unit tests for the component should be included, and potentially browser tests as well, as they are already set up in QB - This task most probably not parllelizable - Break out small sub tasks as we do them from the list below (or at least for any adaptation of that list) **Potential Plan of Action:** 1. Create a new component in the QB componentes directory 2. Take a look at the Vue Language Component <https://github.com/wikimedia/mediawiki-extensions-ContentTranslation/tree/master/app/src/components/MWLanguageSelector> made by the Language team, to try and see which patterns can be reused 3. Basic Markup is added and rendered from a languages prop (and message of unavailable language) including CSS states 4. Keyboard navigation is implemented 5. Filtering behavior is added 6. RTL state is added 7. Mobile version (with additional Close button and full screen width) is implemented TASK DETAIL https://phabricator.wikimedia.org/T328148 EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: ItamarWMDE Cc: ItamarWMDE, Lydia_Pintscher, Michael, karapayneWMDE, Sarai-WMDE, Aklapper, Arian_Bozorg, Astuthiodit_1, Invadibot, maantietaja, Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, _jensen, rosalieper, Scott_WUaS, Wikidata-bugs, aude, Mbch331
_______________________________________________ Wikidata-bugs mailing list -- wikidata-bugs@lists.wikimedia.org To unsubscribe send an email to wikidata-bugs-le...@lists.wikimedia.org
