diff --git a/package-lock.json b/package-lock.json index 1f0e81258b..0ec2e4d4a5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -41,6 +41,7 @@ "igniteui-angular-extras": "^20.0.0", "igniteui-angular-i18n": "^20.1.0", "igniteui-dockmanager": "^1.17.0", + "igniteui-i18n-resources": "0.6.0-alpha.4", "igniteui-live-editing": "^3.1.1", "igniteui-webcomponents": "^6.2.0", "minireset.css": "0.0.6", @@ -10334,6 +10335,16 @@ "dev": true, "license": "MIT" }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.8.x" + } + }, "node_modules/eventsource": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-2.0.2.tgz", @@ -12656,6 +12667,32 @@ "integrity": "sha512-q6thtu+7R6MOB+i9GorFPCcWeOImW43BzCAtKnDAYWwaoueb8Lg1EhBkIhAyfEIH+yZ/9c5lnZdU61/GRPoP+g==", "license": "Apache-2.0" }, + "node_modules/igniteui-i18n-core": { + "version": "0.6.0-alpha.4", + "resolved": "https://registry.npmjs.org/igniteui-i18n-core/-/igniteui-i18n-core-0.6.0-alpha.4.tgz", + "integrity": "sha512-N0LQ2AmzfY2Qu7Av2wDosqnoM68W8bHNvxCSkn5WxPr8yzrL1Fn8D1a03wMG29qDGVUSKaKa7mfuhc9+CVbBlw==", + "license": "SEE LICENSE IN LICENSE", + "optionalDependencies": { + "events": "^3.3.0" + }, + "peerDependencies": { + "igniteui-i18n-resources": "0.6.0-alpha.4" + }, + "peerDependenciesMeta": { + "igniteui-i18n-resources": { + "optional": true + } + } + }, + "node_modules/igniteui-i18n-resources": { + "version": "0.6.0-alpha.4", + "resolved": "https://registry.npmjs.org/igniteui-i18n-resources/-/igniteui-i18n-resources-0.6.0-alpha.4.tgz", + "integrity": "sha512-QAF7pH/TDD7jkbDdNYEsQ/s5m9AED9l8Wtp2lkOLJCgGP6VbGULWeyRuAplK1IlIVWS0oUbkoi57NAnDc3nz8A==", + "license": "MIT", + "dependencies": { + "igniteui-i18n-core": "0.6.0-alpha.4" + } + }, "node_modules/igniteui-live-editing": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-3.1.1.tgz", diff --git a/package.json b/package.json index a657afa7c0..a1027420ca 100644 --- a/package.json +++ b/package.json @@ -78,6 +78,7 @@ "igniteui-angular-extras": "^20.0.0", "igniteui-angular-i18n": "^20.1.0", "igniteui-dockmanager": "^1.17.0", + "igniteui-i18n-resources": "0.6.0-alpha.4", "igniteui-live-editing": "^3.1.1", "igniteui-webcomponents": "^6.2.0", "minireset.css": "0.0.6", diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.html b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.html new file mode 100644 index 0000000000..c3e5b89ee2 --- /dev/null +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.html @@ -0,0 +1,26 @@ +
+ + + Grid with Localization + + @for (locale of selectLocales; track locale) { + + {{ locale }} + + } + + + + + + + + + + + + + +
diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.scss b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.scss new file mode 100644 index 0000000000..817b0eff69 --- /dev/null +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.scss @@ -0,0 +1,7 @@ +:host { + .grid__wrapper { + margin: 16px 32px; + } + + --ig-size: var(--ig-size-small); +} diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts new file mode 100644 index 0000000000..3c35c63955 --- /dev/null +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts @@ -0,0 +1,122 @@ +/* eslint-disable @typescript-eslint/ban-types */ +/* eslint-disable @typescript-eslint/member-delimiter-style */ +/* eslint-disable @typescript-eslint/naming-convention */ +import { Component, OnInit, ViewChild } from '@angular/core'; +import { registerLocaleData } from '@angular/common'; +import localeBG from '@angular/common/locales/bg'; +import localeCS from '@angular/common/locales/cs'; +import localeDA from '@angular/common/locales/da'; +import localeDE from '@angular/common/locales/de'; +import localeEN from '@angular/common/locales/en'; +import localeES from '@angular/common/locales/es'; +import localeFR from '@angular/common/locales/fr'; +import localeHU from '@angular/common/locales/hu'; +import localeIT from '@angular/common/locales/it'; +import localeJA from '@angular/common/locales/ja'; +import localeKO from '@angular/common/locales/ko'; +import localeNB from '@angular/common/locales/nb'; +import localeNL from '@angular/common/locales/nl'; +import localePL from '@angular/common/locales/pl'; +import localePT from '@angular/common/locales/pt'; +import localeRO from '@angular/common/locales/ro'; +import localeSV from '@angular/common/locales/sv'; +import localeTR from '@angular/common/locales/tr'; +import localeHI from '@angular/common/locales/hi'; +import localeHans from '@angular/common/locales/zh-Hans'; +import localeHant from '@angular/common/locales/zh-Hant'; +import { DATA } from '../../../data/nwindData'; +import { IgxGridComponent, GridResourceStringsEN, IGridResourceStrings, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, IgxSelectItemComponent, IgxColumnComponent } from 'igniteui-angular'; +import { + IgxResourceStringsBG, IgxResourceStringsCS, IgxResourceStringsDA, IgxResourceStringsDE, + IgxResourceStringsES, IgxResourceStringsFR, IgxResourceStringsHU, IgxResourceStringsIT, + IgxResourceStringsJA, IgxResourceStringsKO, IgxResourceStringsNB, IgxResourceStringsNL, IgxResourceStringsPL, + IgxResourceStringsPT, IgxResourceStringsRO, IgxResourceStringsSV, IgxResourceStringsTR, + IgxResourceStringsZHHANS, IgxResourceStringsZHHANT +} from 'igniteui-angular-i18n'; +import { FormsModule } from '@angular/forms'; + +@Component({ + selector: 'app-localization-all-resources-old', + styleUrls: ['./localization-all-resources.component.scss'], + templateUrl: 'localization-all-resources.component.html', + imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] +}) +export class LocalizationAllResourcesOldComponent implements OnInit { + @ViewChild('grid', { read: IgxGridComponent, static: true }) + public grid: IgxGridComponent; + public data: any[]; + public locale: string; + public locales: { type: string, resource: object }[]; + public selectLocales = [ + 'HI', 'BG', 'CS', 'DA', 'DE', 'EN', 'ES', 'FR', 'HU', 'IT', 'JA', 'KO', 'NB', 'NL', + 'PL', 'PT', 'RO', 'SV', 'TR', 'zh-Hans', 'zh-Hant' + ]; + public partialCustomHindi: IGridResourceStrings; + + constructor() { } + public ngOnInit(): void { + registerLocaleData(localeBG); + registerLocaleData(localeCS); + registerLocaleData(localeDA); + registerLocaleData(localeDE); + registerLocaleData(localeEN); + registerLocaleData(localeES); + registerLocaleData(localeFR); + registerLocaleData(localeHU); + registerLocaleData(localeIT); + registerLocaleData(localeJA); + registerLocaleData(localeKO); + registerLocaleData(localeNB); + registerLocaleData(localeNL); + registerLocaleData(localePL); + registerLocaleData(localePT); + registerLocaleData(localeRO); + registerLocaleData(localeSV); + registerLocaleData(localeTR); + registerLocaleData(localeHI); + registerLocaleData(localeHans); + registerLocaleData(localeHant); + + this.data = DATA; + + // Creating a custom locale (HI) for specific grid strings. + // Similarly can localize all needed strings in a separate IgxResourceStringsHI file (feel free to contribute) + this.partialCustomHindi = { + igx_grid_summary_count: 'गणना', + igx_grid_summary_min: 'न्यून', + igx_grid_summary_max: 'अधिक', + igx_grid_summary_sum: 'योग', + igx_grid_summary_average: 'औसत' + }; + + this.locales = [ + { type: 'BG', resource: IgxResourceStringsBG }, + { type: 'CS', resource: IgxResourceStringsCS }, + { type: 'DA', resource: IgxResourceStringsDA }, + { type: 'DE', resource: IgxResourceStringsDE }, + { type: 'ES', resource: IgxResourceStringsES }, + { type: 'FR', resource: IgxResourceStringsFR }, + { type: 'HU', resource: IgxResourceStringsHU }, + { type: 'IT', resource: IgxResourceStringsIT }, + { type: 'JA', resource: IgxResourceStringsJA }, + { type: 'KO', resource: IgxResourceStringsKO }, + { type: 'EN', resource: GridResourceStringsEN }, + { type: 'HI', resource: this.partialCustomHindi }, + { type: 'NB', resource: IgxResourceStringsNB }, + { type: 'NL', resource: IgxResourceStringsNL }, + { type: 'PL', resource: IgxResourceStringsPL }, + { type: 'PT', resource: IgxResourceStringsPT }, + { type: 'RO', resource: IgxResourceStringsRO }, + { type: 'SV', resource: IgxResourceStringsSV }, + { type: 'TR', resource: IgxResourceStringsTR }, + { type: 'zh-Hans', resource: IgxResourceStringsZHHANS }, + { type: 'zh-Hant', resource: IgxResourceStringsZHHANT } + ]; + this.locale = 'EN'; + } + + public updateLocale() { + const newLocale = this.locales.find(x => x.type === this.locale).resource; + this.grid.resourceStrings = newLocale; + } +} diff --git a/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.html similarity index 100% rename from src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html rename to src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.html diff --git a/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.scss b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.scss similarity index 100% rename from src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.scss rename to src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.scss diff --git a/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.ts b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts similarity index 100% rename from src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.ts rename to src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts diff --git a/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.html similarity index 100% rename from src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html rename to src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.html diff --git a/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.scss b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.scss similarity index 100% rename from src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.scss rename to src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.scss diff --git a/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.ts b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts similarity index 100% rename from src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.ts rename to src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts diff --git a/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.html similarity index 100% rename from src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html rename to src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.html diff --git a/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.scss b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.scss similarity index 100% rename from src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.scss rename to src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.scss diff --git a/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.ts b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts similarity index 100% rename from src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.ts rename to src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts diff --git a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts index b88442a66f..ec3083f374 100644 --- a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts @@ -2,38 +2,26 @@ /* eslint-disable @typescript-eslint/member-delimiter-style */ /* eslint-disable @typescript-eslint/naming-convention */ import { Component, OnInit, ViewChild } from '@angular/core'; -import { registerLocaleData } from '@angular/common'; -import localeBG from '@angular/common/locales/bg'; -import localeCS from '@angular/common/locales/cs'; -import localeDA from '@angular/common/locales/da'; -import localeDE from '@angular/common/locales/de'; -import localeEN from '@angular/common/locales/en'; -import localeES from '@angular/common/locales/es'; -import localeFR from '@angular/common/locales/fr'; -import localeHU from '@angular/common/locales/hu'; -import localeIT from '@angular/common/locales/it'; -import localeJA from '@angular/common/locales/ja'; -import localeKO from '@angular/common/locales/ko'; -import localeNB from '@angular/common/locales/nb'; -import localeNL from '@angular/common/locales/nl'; -import localePL from '@angular/common/locales/pl'; -import localePT from '@angular/common/locales/pt'; -import localeRO from '@angular/common/locales/ro'; -import localeSV from '@angular/common/locales/sv'; -import localeTR from '@angular/common/locales/tr'; -import localeHI from '@angular/common/locales/hi'; -import localeHans from '@angular/common/locales/zh-Hans'; -import localeHant from '@angular/common/locales/zh-Hant'; import { DATA } from '../../../data/nwindData'; -import { IgxGridComponent, GridResourceStringsEN, IGridResourceStrings, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, IgxSelectItemComponent, IgxColumnComponent } from 'igniteui-angular'; import { - IgxResourceStringsBG, IgxResourceStringsCS, IgxResourceStringsDA, IgxResourceStringsDE, - IgxResourceStringsES, IgxResourceStringsFR, IgxResourceStringsHU, IgxResourceStringsIT, - IgxResourceStringsJA, IgxResourceStringsKO, IgxResourceStringsNB, IgxResourceStringsNL, IgxResourceStringsPL, - IgxResourceStringsPT, IgxResourceStringsRO, IgxResourceStringsSV, IgxResourceStringsTR, - IgxResourceStringsZHHANS, IgxResourceStringsZHHANT -} from 'igniteui-angular-i18n'; + IgxGridComponent, + IgxGridToolbarComponent, + IgxGridToolbarTitleComponent, + IgxSelectComponent, + IgxSelectItemComponent, + IgxColumnComponent, + registerI18n, + setCurrentI18n +} from 'igniteui-angular'; import { FormsModule } from '@angular/forms'; +import { + IGridResourceStrings, + ResourceStringsEN, ResourceStringsBG, ResourceStringsCS, ResourceStringsDA, ResourceStringsDE, + ResourceStringsES, ResourceStringsFR, ResourceStringsHU, ResourceStringsIT, + ResourceStringsJA, ResourceStringsKO, ResourceStringsNB, ResourceStringsNL, + ResourceStringsPL, ResourceStringsPT, ResourceStringsRO, ResourceStringsSV, + ResourceStringsTR, ResourceStringsZHHANS, ResourceStringsZHHANT + } from 'igniteui-i18n-resources'; @Component({ selector: 'app-localization-all-resources', @@ -55,68 +43,42 @@ export class LocalizationAllResourcesComponent implements OnInit { constructor() { } public ngOnInit(): void { - registerLocaleData(localeBG); - registerLocaleData(localeCS); - registerLocaleData(localeDA); - registerLocaleData(localeDE); - registerLocaleData(localeEN); - registerLocaleData(localeES); - registerLocaleData(localeFR); - registerLocaleData(localeHU); - registerLocaleData(localeIT); - registerLocaleData(localeJA); - registerLocaleData(localeKO); - registerLocaleData(localeNB); - registerLocaleData(localeNL); - registerLocaleData(localePL); - registerLocaleData(localePT); - registerLocaleData(localeRO); - registerLocaleData(localeSV); - registerLocaleData(localeTR); - registerLocaleData(localeHI); - registerLocaleData(localeHans); - registerLocaleData(localeHant); + registerI18n(ResourceStringsEN, 'en'); + registerI18n(ResourceStringsBG, 'bg'); + registerI18n(ResourceStringsCS, 'cs'); + registerI18n(ResourceStringsDA, 'da'); + registerI18n(ResourceStringsDE, 'de'); + registerI18n(ResourceStringsES, 'es'); + registerI18n(ResourceStringsFR, 'fr'); + registerI18n(ResourceStringsHU, 'hu'); + registerI18n(ResourceStringsIT, 'it'); + registerI18n(ResourceStringsJA, 'ja'); + registerI18n(ResourceStringsKO, 'ko'); + registerI18n(ResourceStringsNB, 'nb'); + registerI18n(ResourceStringsNL, 'nl'); + registerI18n(ResourceStringsPL, 'pl'); + registerI18n(ResourceStringsPT, 'pt'); + registerI18n(ResourceStringsRO, 'ro'); + registerI18n(ResourceStringsSV, 'sv'); + registerI18n(ResourceStringsTR, 'tr'); + registerI18n(ResourceStringsZHHANS, 'zh-Hans'); + registerI18n(ResourceStringsZHHANT, 'zh-Hant'); + registerI18n(this.partialCustomHindi, 'hi'); this.data = DATA; // Creating a custom locale (HI) for specific grid strings. // Similarly can localize all needed strings in a separate IgxResourceStringsHI file (feel free to contribute) this.partialCustomHindi = { - igx_grid_summary_count: 'गणना', - igx_grid_summary_min: 'न्यून', - igx_grid_summary_max: 'अधिक', - igx_grid_summary_sum: 'योग', - igx_grid_summary_average: 'औसत' + grid_summary_count: 'गणना', + grid_summary_min: 'न्यून', + grid_summary_max: 'अधिक', + grid_summary_sum: 'योग', + grid_summary_average: 'औसत' }; - - this.locales = [ - { type: 'BG', resource: IgxResourceStringsBG }, - { type: 'CS', resource: IgxResourceStringsCS }, - { type: 'DA', resource: IgxResourceStringsDA }, - { type: 'DE', resource: IgxResourceStringsDE }, - { type: 'ES', resource: IgxResourceStringsES }, - { type: 'FR', resource: IgxResourceStringsFR }, - { type: 'HU', resource: IgxResourceStringsHU }, - { type: 'IT', resource: IgxResourceStringsIT }, - { type: 'JA', resource: IgxResourceStringsJA }, - { type: 'KO', resource: IgxResourceStringsKO }, - { type: 'EN', resource: GridResourceStringsEN }, - { type: 'HI', resource: this.partialCustomHindi }, - { type: 'NB', resource: IgxResourceStringsNB }, - { type: 'NL', resource: IgxResourceStringsNL }, - { type: 'PL', resource: IgxResourceStringsPL }, - { type: 'PT', resource: IgxResourceStringsPT }, - { type: 'RO', resource: IgxResourceStringsRO }, - { type: 'SV', resource: IgxResourceStringsSV }, - { type: 'TR', resource: IgxResourceStringsTR }, - { type: 'zh-Hans', resource: IgxResourceStringsZHHANS }, - { type: 'zh-Hant', resource: IgxResourceStringsZHHANT } - ]; - this.locale = 'EN'; } public updateLocale() { - const newLocale = this.locales.find(x => x.type === this.locale).resource; - this.grid.resourceStrings = newLocale; + setCurrentI18n(this.locale); } } diff --git a/src/app/services/services-routes-data.ts b/src/app/services/services-routes-data.ts index 3e8ddc8035..fa6af84ef4 100644 --- a/src/app/services/services-routes-data.ts +++ b/src/app/services/services-routes-data.ts @@ -8,6 +8,7 @@ export const servicesRoutesData = { 'localization-sample-1': { displayName: 'Localize one component', parentName: 'Localization' }, 'localization-sample-2': { displayName: 'Localize All', parentName: 'Localization' }, 'localization-sample-3': { displayName: 'Localize partially', parentName: 'Localization' }, + 'localization-all-resources-old': { displayName: 'Localize application (Legacy)', parentName: 'Localization' }, 'localization-all-resources': { displayName: 'Localize application', parentName: 'Localization' }, 'transaction-base': { displayName: 'Base Transaction', parentName: 'Transactions' } }; diff --git a/src/app/services/services.routes.ts b/src/app/services/services.routes.ts index da214d17f2..891b7da688 100644 --- a/src/app/services/services.routes.ts +++ b/src/app/services/services.routes.ts @@ -6,12 +6,13 @@ import { CsvExportComponent } from './export-csv/csv-export.component'; import { ExcelExportSample1Component } from './export-excel/excel-export-sample-1/excel-export-sample-1.component'; import { TreeGridExcelExportSample1Component } from './export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component'; import { ExcelExportComponent } from './export-excel/excel-export.component'; -import { LocalizationAllResourcesComponent } from './localization-samples/localization-all-resources/localization-all-resources.component'; -import { LocalizationSample1Component } from './localization-samples/localization-sample-1/localization-sample-1.component'; -import { LocalizationSample2Component } from './localization-samples/localization-sample-2/localization-sample-2.component'; -import { LocalizationSample3Component } from './localization-samples/localization-sample-3/localization-sample-3.component'; +import { LocalizationAllResourcesOldComponent } from './localization-samples-old/localization-all-resources/localization-all-resources.component'; +import { LocalizationSample1Component } from './localization-samples-old/localization-sample-1/localization-sample-1.component'; +import { LocalizationSample2Component } from './localization-samples-old/localization-sample-2/localization-sample-2.component'; +import { LocalizationSample3Component } from './localization-samples-old/localization-sample-3/localization-sample-3.component'; import { servicesRoutesData } from './services-routes-data'; import { TransactionBaseComponent } from './transaction/transaction-base/transaction-base.component'; +import { LocalizationAllResourcesComponent } from './localization-samples/localization-all-resources/localization-all-resources.component'; // tslint:enable:max-line-length export const ServicesRoutes: Routes = [ @@ -60,6 +61,11 @@ export const ServicesRoutes: Routes = [ data: servicesRoutesData['localization-sample-3'], path: 'localization-sample-3' }, + { + component: LocalizationAllResourcesOldComponent, + data: servicesRoutesData['localization-all-resources-old'], + path: 'localization-all-resources-old' + }, { component: LocalizationAllResourcesComponent, data: servicesRoutesData['localization-all-resources'],