Ngx-admin: Internationalization support?

Created on 16 Sep 2016 · 7Comments · Source: akveo/ngx-admin

I'm submitting a ...
[ ] bug report
[ ] feature request
[X] question about the decisions made in the repository
Do you want to request a _feature_ or report a _bug_?

Just asking a question here.

I am really interested in using this dashboard framework for an admin dashboard for one of our projects. One of the key requirements is that the dashboard should fully support internationalization/localization capabilities. Could you comment on those capabilities for this framework. This is an important consideration for us.

As an example, I did come across other themes such as http://iarouse.com/dist-flatboard/v1.2/index.html#/dashboard that have clear support for internationalization (you can switch the language from the top right button pretty much instantly).

Thanks for your response!

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

What is the expected behavior?

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Source

MuchAdoAboutNothing

Most helpful comment

Hi, I managed to implement internationalization to this dashboard using ng2-translate. It's really easy, there's a detailed usage instruction in the readme of that project.

To take full advantage of this, you need to modify _baMenuItem..html_ to use the translate pipe on menu titles (this also means importing the TranslateModule in the NgaModule, but that's just 2 lines of code).

I recommend this solution. I haven't had any problems using this stack.

If you have any further questions or problems setting up the project, let me know :) Also, it's best if you keep this issue open for a @akveo member to decide if this should be incorporated into the dashboard by default. I would be more than happy to set it up and make a pull request, by the way

Gelio on 17 Sep 2016

👍4

All 7 comments

Hi, I managed to implement internationalization to this dashboard using ng2-translate. It's really easy, there's a detailed usage instruction in the readme of that project.

I recommend this solution. I haven't had any problems using this stack.

Gelio on 17 Sep 2016

👍4

Thanks Gelio! This is very good to know and we go down this route. I'll keep it open as well.

MuchAdoAboutNothing on 17 Sep 2016

No problem, I'm glad you found it helpful :+1 as I said, if you need anything regarding that, feel free to ask and I'll do my best to help

Gelio on 17 Sep 2016

@Gelio we would love a PR for i18n support!

nnixaa on 20 Oct 2016

👍3

i tried to implement this i18n for this ng2-admin and it fails.
https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n

@Gelio you mentioned you were able to convert this dashboard for internationalization support.
in ng2-translate i could not find it.You have working version of it?

kodiraj-mac:ng2-admin-master kodiraj$ ./node_modules/.bin/ng-xi18n --i18nFormat=xmb
can't resolve module /Users/kodiraj/Downloads/ng2-admin-master/src/app/pages/charts/charts.module.ts from /Users/kodiraj/Downloads/ng2-admin-master/src/app/pages/charts/charts.module.ts
Error: can't find symbol ChartsModule exported from module /Users/kodiraj/Downloads/ng2-admin-master/src/app/pages/charts/charts.module.ts
at ReflectorHost.findDeclaration (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/reflector_host.js:173:23)
at /Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/codegen.js:137:46
at Array.forEach (native)
at Object.extractProgramSymbols (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/codegen.js:120:10)
at Extractor.extract (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/extractor.js:33:40)
at extract (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/extract_i18n.js:19:35)
at Object.main (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/tsc-wrapped/src/main.js:30:16)
at Object. (/Users/kodiraj/Downloads/ng2-admin-master/node_modules/@angular/compiler-cli/src/extract_i18n.js:46:9)
at Module._compile (module.js:398:26)
at Object.Module._extensions..js (module.js:405:10)
Extraction failed

kodiraj on 8 Nov 2016

@Gelio did you made your pull request? I am quite interested and I wait for it to implement this translate module in my project. Meanwhile I will work without it but feel free to ping us when you submit your PR.

Thanks