Add Translate

Add NgxTranslate, NgxTranslateTesting
Create english bundle file
Update all components for translation
Update unit tests
Add language setting (optional)
Resolves spring-cloud#701

ui/package.json

@@ -24,7 +24,7 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "13.0.1",
-    "@angular/cdk": "^13.0.1",
+    "@angular/cdk": "13.0.1",
     "@angular/common": "13.0.1",
     "@angular/compiler": "13.0.1",
     "@angular/core": "13.0.1",
@@ -39,6 +39,8 @@
     "@ngrx/effects": "12.4.0",
     "@ngrx/router-store": "12.4.0",
     "@ngrx/store": "12.4.0",
+    "@ngx-translate/core": "14.0.0",
+    "@ngx-translate/http-loader": "7.0.0",
     "@webcomponents/webcomponentsjs": "2.5.0",
     "angular-2-local-storage": "3.0.2",
     "file-saver": "2.0.5",
@@ -88,14 +90,15 @@
     "karma": "6.3.4",
     "karma-browserstack-launcher": "1.5.1",
     "karma-chrome-launcher": "3.1.0",
-    "karma-coverage": "^2.0.3",
+    "karma-coverage": "2.0.3",
     "karma-edge-launcher": "0.4.2",
     "karma-firefox-launcher": "1.3.0",
     "karma-jasmine": "3.3.1",
     "karma-jasmine-html-reporter": "1.5.0",
     "karma-safari-launcher": "1.0.0",
     "karma-sauce-launcher": "2.0.2",
     "karma-spec-reporter": "0.0.32",
+    "ngx-translate-testing": "6.0.1",
     "prettier": "2.3.0",
     "pretty-quick": "3.1.0",
     "protractor": "7.0.0",

ui/src/app/about/about.module.ts

@@ -6,10 +6,16 @@ import {SignpostComponent} from './signpost/signpost.component';
 import {UserComponent} from './user/user.component';
 import {StoreModule} from '@ngrx/store';
 import * as fromAbout from '../shared/store/about.reducer';
+import {TranslateModule} from '@ngx-translate/core';
 
 @NgModule({
   declarations: [InfoComponent, SignpostComponent, UserComponent],
-  imports: [CommonModule, ClarityModule, StoreModule.forFeature(fromAbout.aboutFeatureKey, fromAbout.reducer)],
+  imports: [
+    CommonModule,
+    ClarityModule,
+    StoreModule.forFeature(fromAbout.aboutFeatureKey, fromAbout.reducer),
+    TranslateModule
+  ],
   exports: [SignpostComponent, UserComponent]
 })
 export class AboutModule {}