-
Notifications
You must be signed in to change notification settings - Fork 217
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b35bc31
commit e3bc9b3
Showing
29 changed files
with
8,137 additions
and
1,895 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,17 @@ | ||
| # Translating Built-In Component Messages | ||
| # IntegrationI18n | ||
|
|
||
| This Kendo UI for Angular sample project demonstrates how to translate the built-in messages of [Kendo UI for Angular components](https://www.telerik.com/kendo-angular-ui/components/). | ||
| This project demonstrates how to use Angular i18n and Kendo UI for Angular components in an Angular application. For more information, refer to the [Translation of Messages](https://www.telerik.com/kendo-angular-ui/components/globalization/localization/messages) and [Angular Internationalization](https://angular.dev/guide/i18n) articles. | ||
|
|
||
| The demo is referred to in the [Kendo UI for Angular official documentation](https://www.telerik.com/kendo-angular-ui/components) in the article on [translating messages](https://www.telerik.com/kendo-angular-ui/components/globalization/localization/messages/). | ||
| ## Development server | ||
|
|
||
| ## Getting Started | ||
| To run the different i18n configurations, you can use the following commands: | ||
|
|
||
| 1. Clone this repository by using your favorite Git client or by executing `git clone https://github.com/telerik/kendo-angular.git`. | ||
| 1. Enter the examples directory by running `cd examples`. | ||
| 1. Run `npm install` to install the project dependencies. | ||
| 1. Enter the project directory by running `cd projects/integration-i18n`. | ||
| 1. Run `ng serve integration-i18n --configuration=es`. | ||
| ```bash | ||
| ng serve --configuration=es | ||
| ``` | ||
|
|
||
| ```bash | ||
| ng serve --configuration=de | ||
| ``` | ||
|
|
||
| Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,132 @@ | ||
| { | ||
| "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | ||
| "version": 1, | ||
| "newProjectRoot": "projects", | ||
| "projects": { | ||
| "integration-i18n": { | ||
| "projectType": "application", | ||
| "schematics": {}, | ||
| "root": "", | ||
| "sourceRoot": "src", | ||
| "prefix": "app", | ||
| "i18n": { | ||
| "sourceLocale": "en-US", | ||
| "locales": { | ||
| "es": { | ||
| "translation": "src/locale/messages.es.xlf", | ||
| "baseHref": "" | ||
| }, | ||
| "de": { | ||
| "translation": "src/locale/messages.de.xlf", | ||
| "baseHref": "" | ||
| } | ||
| } | ||
| }, | ||
| "architect": { | ||
| "build": { | ||
| "builder": "@angular-devkit/build-angular:application", | ||
| "options": { | ||
| "outputPath": "dist/integration-i18n", | ||
| "index": "src/index.html", | ||
| "browser": "src/main.ts", | ||
| "polyfills": [ | ||
| "zone.js", | ||
| "@angular/localize/init" | ||
| ], | ||
| "tsConfig": "tsconfig.app.json", | ||
| "assets": [ | ||
| { | ||
| "glob": "**/*", | ||
| "input": "public" | ||
| } | ||
| ], | ||
| "styles": [ | ||
| { | ||
| "input": "node_modules/@progress/kendo-theme-default/dist/all.css" | ||
| }, | ||
| "src/styles.css" | ||
| ], | ||
| "scripts": [] | ||
| }, | ||
| "configurations": { | ||
| "production": { | ||
| "budgets": [ | ||
| { | ||
| "type": "initial", | ||
| "maximumWarning": "500kB", | ||
| "maximumError": "1MB" | ||
| }, | ||
| { | ||
| "type": "anyComponentStyle", | ||
| "maximumWarning": "4kB", | ||
| "maximumError": "8kB" | ||
| } | ||
| ], | ||
| "outputHashing": "all" | ||
| }, | ||
| "development": { | ||
| "optimization": false, | ||
| "extractLicenses": false, | ||
| "sourceMap": true | ||
| }, | ||
| "es": { | ||
| "localize": ["es"] | ||
| }, | ||
| "de": { | ||
| "localize": ["de"] | ||
| } | ||
| }, | ||
| "defaultConfiguration": "production" | ||
| }, | ||
| "serve": { | ||
| "builder": "@angular-devkit/build-angular:dev-server", | ||
| "configurations": { | ||
| "production": { | ||
| "buildTarget": "integration-i18n:build:production" | ||
| }, | ||
| "development": { | ||
| "buildTarget": "integration-i18n:build:development" | ||
| }, | ||
| "es": { | ||
| "buildTarget": "integration-i18n:build:es" | ||
| }, | ||
| "de": { | ||
| "buildTarget": "integration-i18n:build:de" | ||
| } | ||
| }, | ||
| "defaultConfiguration": "development" | ||
| }, | ||
| "extract-i18n": { | ||
| "builder": "@angular-devkit/build-angular:extract-i18n" | ||
| }, | ||
| "test": { | ||
| "builder": "@angular-devkit/build-angular:karma", | ||
| "options": { | ||
| "polyfills": [ | ||
| "zone.js", | ||
| "zone.js/testing", | ||
| "@angular/localize/init" | ||
| ], | ||
| "tsConfig": "tsconfig.spec.json", | ||
| "assets": [ | ||
| { | ||
| "glob": "**/*", | ||
| "input": "public" | ||
| } | ||
| ], | ||
| "styles": [ | ||
| { | ||
| "input": "node_modules/@progress/kendo-theme-default/dist/all.css" | ||
| }, | ||
| "src/styles.css" | ||
| ], | ||
| "scripts": [] | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| "cli": { | ||
| "analytics": false | ||
| } | ||
| } |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| { | ||
| "name": "integration-i18n", | ||
| "version": "0.0.0", | ||
| "scripts": { | ||
| "ng": "ng", | ||
| "start": "ng serve", | ||
| "build": "ng build", | ||
| "watch": "ng build --watch --configuration development", | ||
| "test": "ng test" | ||
| }, | ||
| "private": true, | ||
| "dependencies": { | ||
| "@angular/animations": "^19.0.0", | ||
| "@angular/common": "^19.0.0", | ||
| "@angular/compiler": "^19.0.0", | ||
| "@angular/core": "^19.0.0", | ||
| "@angular/forms": "^19.0.0", | ||
| "@angular/localize": "^19.0.0", | ||
| "@angular/platform-browser": "^19.0.0", | ||
| "@angular/platform-browser-dynamic": "^19.0.0", | ||
| "@angular/router": "^19.0.0", | ||
| "@progress/kendo-angular-buttons": "17.2.0", | ||
| "@progress/kendo-angular-common": "17.2.0", | ||
| "@progress/kendo-angular-dateinputs": "17.2.0", | ||
| "@progress/kendo-angular-dialog": "17.2.0", | ||
| "@progress/kendo-angular-dropdowns": "17.2.0", | ||
| "@progress/kendo-angular-excel-export": "17.2.0", | ||
| "@progress/kendo-angular-grid": "^17.2.0", | ||
| "@progress/kendo-angular-icons": "17.2.0", | ||
| "@progress/kendo-angular-inputs": "17.2.0", | ||
| "@progress/kendo-angular-intl": "17.2.0", | ||
| "@progress/kendo-angular-l10n": "17.2.0", | ||
| "@progress/kendo-angular-label": "17.2.0", | ||
| "@progress/kendo-angular-layout": "17.2.0", | ||
| "@progress/kendo-angular-messages": "^1.59.0", | ||
| "@progress/kendo-angular-navigation": "17.2.0", | ||
| "@progress/kendo-angular-pager": "17.2.0", | ||
| "@progress/kendo-angular-pdf-export": "17.2.0", | ||
| "@progress/kendo-angular-popup": "17.2.0", | ||
| "@progress/kendo-angular-progressbar": "17.2.0", | ||
| "@progress/kendo-angular-toolbar": "17.2.0", | ||
| "@progress/kendo-angular-treeview": "17.2.0", | ||
| "@progress/kendo-angular-utils": "17.2.0", | ||
| "@progress/kendo-data-query": "^1.0.0", | ||
| "@progress/kendo-drawing": "^1.21.0", | ||
| "@progress/kendo-licensing": "^1.0.2", | ||
| "@progress/kendo-svg-icons": "^4.0.0", | ||
| "@progress/kendo-theme-default": "^10.0.1", | ||
| "rxjs": "~7.8.0", | ||
| "tslib": "^2.3.0", | ||
| "zone.js": "~0.15.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@angular-devkit/build-angular": "^19.0.6", | ||
| "@angular/cli": "^19.0.6", | ||
| "@angular/compiler-cli": "^19.0.0", | ||
| "@types/jasmine": "~5.1.0", | ||
| "jasmine-core": "~5.4.0", | ||
| "karma": "~6.4.0", | ||
| "karma-chrome-launcher": "~3.2.0", | ||
| "karma-coverage": "~2.2.0", | ||
| "karma-jasmine": "~5.1.0", | ||
| "karma-jasmine-html-reporter": "~2.1.0", | ||
| "typescript": "~5.6.2" | ||
| } | ||
| } |
Oops, something went wrong.