This project was generated with Angular CLI version 17.2.3.
Run yarn serve
for a dev server. Navigate to http://localhost:4101/
. The application will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run yarn build
to build the project. The build artifacts will be stored in the dist/
directory.
Run yarn test
to execute the unit tests via Jest.
You can add your own translations to this project.
- Run
yarn extract
to extract the source language file.- You can specify the file extension with
yarn extract --format=<format>
. Find out more about available formats.
- You can specify the file extension with
- Rename the translation file in
src/locale
to add the locale:messages.xlf --> messages.{locale}.xlf
- Complete the file with the desired translations.
- In the
angular.json
file, add the new local toi18n.locales
. Example:
{
// ...
"i18n": {
"sourceLocale": "en-US",
"locales": {
"fr": {
"translation": "src/locale/messages.fr.xlf"
}
}
},
// ...
}
- Run
yarn build:i18n
to build all translations of your app. - Serve the application from the
gravitee-apim-portal-webui/dist/next/browser
.- You use a simple HTTP server to test the build with
npx http-server gravitee-apim-portal-webui/dist/next/browser
.
- You use a simple HTTP server to test the build with
- The translations will be available via
<host>/en-US/
and for each locale specified, example:<host>/fr/
.
- Run
yarn extract
to extract the source language file.
- You can specify the file extension with
yarn extract --format=<format>
. Find out more about available formats.
- Rename the translation file in
src/locale
to add the locale:messages.xlf --> messages.{locale}.xlf
- Complete the file with the desired translations.
- Run
yarn merge:i18n
to update theangular.json
with the locale configuration and build the project. - Serve the application from the
gravitee-apim-portal-webui/dist/next/browser
.
Find out more about @angular/localize.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.