890388 - Implement language or location UI for localization

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Cassie McDaniel [:cassiemc]]

Need some UI that allows users to switch languages (maybe a flag dropdown). Should probably live in the header.

Comment 1

[Ali Al Dallal [:alicoding]]

http://ejohn.org/blog/a-strategy-for-i18n-and-node/

This one is interesting :D

Comment 2

[Cassie McDaniel [:cassiemc]]

Attachment: language-selector-v3.pdf

Here you go, Ali! Notice the here states for the languages (light blue/grey background highlights the selected language in the list, and the outline appears over the flag up top). This pdf shows the different UI for signed-in vs. not signed-in.

For starting out with just a few languages, this can be a single column dropdown. Can we put in dummy content to see how it will expand, though?

Kate/Gavin/Dale may know about a different, good flag sprite – the one here is up for change! Ideally we'll want one that is aesthetically flat, to match our UI (this one has a not-so-preferable gradient over the flags).

Looking forward to seeing this with real content plugged in.

Comment 3

[Cassie McDaniel [:cassiemc]]

FYI we have decided to eliminate flags due to confusion around multiple languages for the same countries, or multiple countries for the same languages. Instead we'll replace with just the word, so "English >"

Closing!

Comment 4

[Brett Gaylor [:brett]]

Cassie - do we need follow up bugs for the actual implementation of this in webmaker.org and the 3 tools?

Comment 5

[Ali Al Dallal [:alicoding]]

I would prefer this bug open until we are going to start on the implementation of the actual drop down list ready.

Comment 6

[Cassie McDaniel [:cassiemc]]

Ali, you can rephrase the title of this bug then and assign to yourself? I think my bit is done, although the implementation will need a design review.

Comment 7

[Ali Al Dallal [:alicoding]]

Attachment: https://github.com/mozilla/webmaker.org/pull/383

Comment 8

[Dale Karp (:daleee)]

Comment on attachment 807363 [details] [review]
https://github.com/mozilla/webmaker.org/pull/383

Code looks fine, tested & works locally.

Comment 9

[[github robot]]

Commit pushed to master at https://github.com/mozilla/webmaker.org

https://github.com/mozilla/webmaker.org/commit/c08aaabaff1208d387e0b9bc76033e6ff5fb2cc3
bug890388 - UI language picker