Implement i18n with Angular in centraldashboard

[bryanpaget]

It has proven difficult if not impossible to rebase our centraldashboard changes on top of upstream development. I'm proposing we implement i18n with Angular as has been done for Jupyter Web Apps. Below is a list of work needed to be finished to complete this task.

[bryanpaget]

I have notifed the Kubeflow developers that we are interested in implementing i18n with Angular:

• https://github.com/kubeflow/dashboard/issues/30

The following work needs to be done:

• [ ] Create an angular.json file, modeled after crud-web-apps/volumes/front-end/angular.json
• [ ] Have to decide where to put the translation file for centraldashboard, could be centraldashboard/public/assets/i18n/messages.fr.xlf
• [ ] Mark the text for translation using the i18n attribute, e.g. <h1 i18n>Hello world!</h1>
• [ ] Set the source language of the application to en-US.
• [ ] Add support for the fr locale. Translations for this language will live in centraldashboard/public/assets/i18n/messages.fr.xlf.
• [ ] Store the build directly under the dist/ folder.
• [ ] Add the French configuration to the build options.
• [ ] Provide the fr configuration option for the serve command. This will set the language to French. Once this is in place, we’ll be able to run the application with ng serve --configuration=fr.

[bryanpaget]

centraldashboard is written in Polymer so we can't use Angular translations. There is some discussion upstream about rewriting centraldashboard in Angular. Once that has been done we can use Angular i18n.

Reference: https://github.com/kubeflow/dashboard/issues/38