Merge pull request #268 from IraErshova/feat-i18n-default-text

feat(i18n): Translate hard code text in operator components

Author: ashwin-sureshkumar

src/app/operators/components/additional-resources/additional-resources.component.html

@@ -1,10 +1,10 @@
-<h2> Additional Resources </h2>
+<h2> {{'OPERATOR.ADDITIONAL_RESOURCES.TITLE' | translate}} </h2>
 <ul class="section-list">
   <li>
-    <a [href]="sourceUrl" target="_blank"> Source Code </a>
+    <a [href]="sourceUrl" target="_blank"> {{'OPERATOR.ADDITIONAL_RESOURCES.SOURCE' | translate}} </a>
   </li>
   <li>
-    <a [href]="specsUrl" target="_blank"> Specs </a>
+    <a [href]="specsUrl" target="_blank"> {{'OPERATOR.ADDITIONAL_RESOURCES.SPECS' | translate}} </a>
   </li>
   <li *ngFor="let resource of additionalResources">
     <a [href]="resource.url" target="_blank"> {{ resource.description }} </a>

src/app/operators/components/operator-examples/operator-examples.component.html

@@ -1,4 +1,4 @@
-<h2> Examples </h2>
+<h2> {{'OPERATOR.EXAMPLES.TITLE' | translate}} </h2>
 <div class="code-example" *ngFor="let example of operatorExamples" appHighlightJs>
   <div class="code-block mat-elevation-z2">
     <div class="example-header">

src/app/operators/components/operator-parameters/operator-parameters.component.html

@@ -1,11 +1,11 @@
-<h2> Parameters </h2>
+<h2> {{'OPERATOR.PARAMETER.TITLE' | translate}} </h2>
 <table class="parameter-table mat-elevation-z2">
   <thead>
     <tr>
-      <th>Name</th>
-      <th>Type</th>
-      <th>Attribute</th>
-      <th>Description</th>
+      <th>{{'OPERATOR.PARAMETER.NAME' | translate}}</th>
+      <th>{{'OPERATOR.PARAMETER.TYPE' | translate}}</th>
+      <th>{{'OPERATOR.PARAMETER.ATTRIBUTE' | translate}}</th>
+      <th>{{'OPERATOR.PARAMETER.DESCRIPTION' | translate}}</th>
     </tr>
   </thead>
   <tbody>

src/app/operators/components/operator/operator.component.ts

@@ -24,7 +24,7 @@ export class OperatorComponent implements OnInit {
   public operator: OperatorDoc;
   public operatorsMap = new Map<string, OperatorDoc>();
 
-  private readonly baseSourceUrl = 'https://github.com/ReactiveX/rxjs/blob/master/src/operators/';
+  private readonly baseSourceUrl = 'https://github.com/ReactiveX/rxjs/blob/master/src/internal/operators/';
   private readonly baseSpecUrl = 'http://reactivex.io/rxjs/test-file/spec-js/operators';
 
   constructor(

src/app/operators/components/related-operators/related-operators.component.html

@@ -1,5 +1,5 @@
 <h2 class="related-operators"
-    *ngIf="relatedOperators?.length"> Related Operators </h2>
+    *ngIf="relatedOperators?.length"> {{'OPERATOR.RELATED_OPERATORS.TITLE' | translate}} </h2>
 <ul class="section-list">
   <li *ngFor="let related of relatedOperators">
     <a [routerLink]="['/operators', related]"> {{ related }} </a>

src/app/operators/components/walkthrough/walkthrough.component.html

@@ -1,4 +1,2 @@
-<h2> Walkthrough </h2>
-<div class="walkthrough-container" [innerHTML]="operatorWalkthrough">
-
-</div>
+<h2> {{'OPERATOR.WALKTHROUGH.TITLE' | translate}} </h2>
+<div class="walkthrough-container" [innerHTML]="operatorWalkthrough"></div>

src/app/operators/operators.module.ts

@@ -1,12 +1,9 @@
-import {
-  NgModule,
-  InjectionToken,
-  CUSTOM_ELEMENTS_SCHEMA
-} from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { LayoutModule } from '@angular/cdk/layout';
+import { TranslateModule } from '@ngx-translate/core';
 
-import { ALL_OPERATORS, OperatorDoc } from '../../operator-docs';
+import { ALL_OPERATORS } from '../../operator-docs';
 import { OperatorsRoutingModule } from './operators-routing.module';
 import { OperatorsComponent, OPERATORS_TOKEN } from './operators.component';
 import {
@@ -40,7 +37,13 @@ import { MaterialModule } from '../material/material.module';
     HighlightJsDirective,
     SafeUrlPipe
   ],
-  imports: [CommonModule, MaterialModule, OperatorsRoutingModule, LayoutModule],
+  imports: [
+    CommonModule,
+    MaterialModule,
+    OperatorsRoutingModule,
+    LayoutModule,
+    TranslateModule
+  ],
   providers: [
     { provide: OPERATORS_TOKEN, useValue: ALL_OPERATORS },
     { provide: OPERATOR_TOKEN, useValue: ALL_OPERATORS }

src/assets/i18n/en.json

@@ -4,5 +4,28 @@
     "OPERATORS": "Operators",
     "COMPANIES": "Companies",
     "TEAM": "Team"
+  },
+  "OPERATOR": {
+    "PARAMETER": {
+      "TITLE": "Parameters",
+      "NAME": "Name",
+      "TYPE": "Type",
+      "ATTRIBUTE": "Attribute",
+      "DESCRIPTION": "Description"
+    },
+    "ADDITIONAL_RESOURCES": {
+      "TITLE": "Additional Resources",
+      "SOURCE": "Source Code",
+      "SPECS": "Specs"
+    },
+    "EXAMPLES": {
+      "TITLE": "Examples"
+    },
+    "RELATED_OPERATORS": {
+      "TITLE": "Related Operators"
+    },
+    "WALKTHROUGH": {
+      "TITLE": "Walkthrough"
+    }
   }
 }

src/assets/i18n/ru.json

@@ -4,5 +4,28 @@
     "OPERATORS": "Операторы",
     "COMPANIES": "Компании",
     "TEAM": "Команда"
+  },
+  "OPERATOR": {
+    "PARAMETER": {
+      "TITLE": "Параметры",
+      "NAME": "Название",
+      "TYPE": "Тип",
+      "ATTRIBUTE": "Аттрибут",
+      "DESCRIPTION": "Описание"
+    },
+    "ADDITIONAL_RESOURCES": {
+      "TITLE": "Дополнительные Источники",
+      "SOURCE": "Исходный Код",
+      "SPECS": "Спецификации"
+    },
+    "EXAMPLES": {
+      "TITLE": "Примеры"
+    },
+    "RELATED_OPERATORS": {
+      "TITLE": "Смотрите также"
+    },
+    "WALKTHROUGH": {
+      "TITLE": "Описание"
+    }
   }
 }