rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-11-29 10:24:20 +01:00
Code Issues Releases Activity
5b83fadcf9
fab-manager/doc/translation_readme.md
Sylvain 9756953836 updated table of contents
2019-12-23 15:32:33 +01:00

6.1 KiB
Raw Blame History

Fab-Manager translation documentation

This document will explain you what you need to know to contribute to the translation process of Fab-Manager.

Table of contents
  1. Translation
    1.1. Using a TMS
    1.2. Using In-Context translation
    1.3. From the files
    1.3.1 Front-end translations
    1.3.2 Back-end translations
  2. Configuration
    2.1. Settings
    2.2. Applying changes

Translation

Using a TMS

We use Crowdin, a translation management system (TMS) to simplify translator's job in fab-manager. You can access it at translate.fab-manager.com and start translating to one of the already configured languages. If you want to translate Fab-Manager to a new language, just send us an email to contact@fab-manager.com and we'll add this new language to the TMS.

Using In-Context translation

To translate the front-end application (angularJS client), and the notifications, you can use Crowdin In-Context. This allows you to use Fab-Manager as normally, but with the addition of small "edit" icons on the top-left corner of each text blocs. Clicking on this "edit" icon will open the Crowdin translation interface and you'll be able to translate or modify existing translations directly. You can access it at in-context.translate.fab-manager.com.

From the files

If you don't wan't want to use the TMS, you can write translations with in the source files. This is more complicated and you must know what you're doing. Please prefer the TMS method if your're not familiar with software development.

First, consider that it can be a good idea to setup a development environment to contribute to the software translation. This is not mandatory, but this will allow you to test your changes in context and see if anything went wrong, especially with the special syntaxes. Please refer to the development readme or to the virtual machine instructions to setup such an environment.

Once done, check the files located in config/locales:

  • Front app translations (angular.js) are located in config/locales/app.scope.XX.yml. Where scope has one the following meaning :
    • admin: translations of the administrator views (manage and configure the FabLab).
    • logged: translations of the end-user's views accessible only to connected users.
    • public: translation of end-user's views publicly accessible to anyone.
    • shared: translations shared by many views (like forms or buttons).
  • Back app translations (Ruby on Rails) are located in config/locales/XX.yml.
  • Emails translations are located in config/locales/mails.XX.yml.
  • Messages related to the authentication system are located in config/locales/devise.XX.yml.

If you plan to translate the application to a new locale, please consider that the reference translation is French. Indeed, in some cases, the English texts/sentences can seems confuse or lack of context as they were originally translated from French.

To prevent syntax mistakes while translating locale files, we STRONGLY advise you to use a text editor which support syntax coloration for YML and Ruby. As an example, Visual Studio Code, with the Ruby extension and the YAML extension will do the job.

Front-end translations

Front-end translations uses angular-translate with interpolations interpreted by MessageFormat. Please read the documentation about the ICU MessageFormat syntax before translating.

Anyway, it is strongly recommended to use our translation management system.

Back-end translations

Back-end translations uses the Ruby on Rails syntax but some complex interpolations are interpreted by MessageFormat and are marked as it in comments. DO NOT confuse the syntaxes.

In each cases, some inline comments are included in the localisation files. They can be recognized as they start with the sharp character (#). These comments are not required to be translated, they are intended to help the translator to have some context information about the sentence to translate.

You will also need to translate the invoice watermark, located in app/pdfs/data/. You'll find there the GIMP source of the image, which is using Rubik Mono One as font. Use it to generate a similar localised PNG image which keep the default image size, as PDF are not responsive.

Configuration

In development, locales configurations are made in config/application.yml. In production, locales configuration are made in the config/env file. If you are in a development environment, your can keep the default values, otherwise, in production, values must be configured carefully.

Settings

Please refer to the environment configuration documentation

Applying changes

After modifying any values concerning the localisation, restart the application (ie. web server) to apply these changes in the i18n configuration.