Internationalization support for the UI: Javascript
Strings in the UI are not currently translatable. We should investigate the available i18n libraries for React, internationalise the current code, and hook the string catalogues with CI so that they are kept up to date in Zanata.
Blueprint information
- Status:
- Complete
- Approver:
- Emilien Macchi
- Priority:
- Medium
- Drafter:
- Julie Pichon
- Direction:
- Approved
- Assignee:
- Florian Fuchs
- Definition:
- Approved
- Series goal:
- Accepted for ocata
- Implementation:
-
Implemented
- Milestone target:
-
ocata-rc1
- Started by
- Florian Fuchs
- Completed by
- Florian Fuchs
Related branches
Related bugs
| Bug #1650557: Add i18n to Login Component | Fix Released |
| Bug #1650559: Add i18n to NavBar | Fix Released |
| Bug #1650560: Add i18n to deployment components | Fix Released |
| Bug #1650561: Add i18n to environment config components | Fix Released |
| Bug #1650563: Add i18n to parameters components | Fix Released |
| Bug #1650564: Add i18n to plan components | Fix Released |
| Bug #1650565: Add i18n to role components | Fix Released |
| Bug #1650567: Add i18n to validations components | Fix Released |
Sprints
Whiteboard
1. Add i18n library to the dependencies list/packages [flfuchs]
https:/
2. Implement the i18n changes in the UI [flfuchs]
Wireframes: https:/
3. Integrate with Zanata [jpich]
Make sure the string catalogue is appropriate updated and uploaded on each commit.
See https:/
Some Notes for testing:
The basic implementation (https:/
localStorage.
You will see a lot of "Missing message" warnings in the console and the word "Deploy" translated into Japanese. To switch back to English and get rid of the warnings type:
localStorage.
Gerrit topic: https:/
Addressed by: https:/
Adds basic internationaliz
Addressed by: https:/
Add dependencies for UI internationalis
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to deployment components
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to parameters components
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to plan components
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to roles components
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to the navigation bar
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to validations components
Gerrit topic: https:/
Addressed by: https:/
Add i18n strings to the login page
Addressed by: https:/
i18n for minor string on DeployStep
Gerrit topic: https:/
Addressed by: https:/
Add i18n string to environment config components
Addressed by: https:/
De-deduplicate i18n string definitions
Addressed by: https:/
Adds language selector to NavBar
Addressed by: https:/
Create .pot message file under ./i18n
Addressed by: https:/
Change locale key from 'messages' to locale name
Gerrit topic: https:/
Work Items
Work items:
Add react-intl dependency (2.1.2 already a dependency): DONE
Update react-intl dependency from 2.1.2 to 2.1.5 (Maybe this should be done as part of a general review of current dependency versions): TODO
Implement basic usage of react-intl in the UI (deployment_plan components): DONE
Implement language switching in the UI: DONE
Documentation: Howto detect new message ids; integrate new translation: DONE
Dependency tree
* Blueprints in grey have been implemented.
