Skip to content

Translations

Matthew Ross edited this page May 13, 2020 · 3 revisions

As of version 1.0.0 TaskBoard supports multiple languages!

If you're here, it's probably because you wanted to see about adding a language. If you're not comfortable with code, don't worry! Adding a language is a pretty simple task (though it does require a lot of typing).

For the following steps I assume you have a copy of the TaskBoard repository available.

Step One

Copy the files src/json/en.json and src/json/en_api.json to src/json/your-language-code.json and src/json/your-language-code_api.json. For example, if adding a French translation the new files would be src/json/fr.json and src/json/fr_api.json.

Step Two

This is the one that takes time. Open your newly copied files and start editing the strings.

Each line of the file has two strings (enclosed in double quotes) separated by a colon and ending with a comma (except the last pair, no comma there) like so: "stringName": "Display String",.

Edit each of these lines to change the second string ("Display String" above) to your language.

Step Three

Open the file at src/app/settings/user-settings/user-settings.component.html and search for the text "settings_displayLanguage".

Below that, you will see lines beginning with <option value=. Add a new line with your language information in it. Using the example from above, the new line would be <option value="fr">Français</option>.

Step Four

Make sure all the strings are translated, and the UI updates appropriately after you run npm run build to build your changes.

Step Five

Submit a PR through GitHub and prepare to be appreciated my many other speakers of your language!

Clone this wiki locally