Adding translations for program node issue #11 (#15)

* Adding translations for program node (#11)

* Add German button translation

---------

Co-authored-by: Felix Exner <[email protected]>

Author: EbbeFuglsang

external-control-frontend/src/app/app.module.ts

@@ -13,7 +13,7 @@ import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
 export const httpLoaderFactory = (http: HttpBackend) =>
     new MultiTranslateHttpLoader(http, [
         { prefix: PATH + '/assets/i18n/', suffix: '.json' },
-        { prefix: './ui/assets/i18n/', suffix: '.json' },
+        { prefix: './ui/assets/i18n/', suffix: '.json' }
     ]);
 
 @NgModule({

external-control-frontend/src/app/components/external-control-program/external-control-program.behavior.worker.ts

@@ -1,6 +1,7 @@
 /// <reference lib="webworker" />
 import {
     ApplicationContext,
+    AdvancedTranslatedProgramLabel,
     AdvancedProgramLabel,
     ProgramBehaviorAPI,
     InsertionContext,
@@ -16,11 +17,20 @@ import { ExternalControlProgramNode } from './external-control-program.node';
 import { URCAP_ID, VENDOR_ID } from 'src/generated/contribution-constants';
 import { ExternalControlApplicationNode } from '../external-control-application/external-control-application.node';
 
-
-const createProgramNodeLabel = async (node: ExternalControlProgramNode): Promise<AdvancedProgramLabel> => {
+const createProgramNodeLabel = async (node: ExternalControlProgramNode): Promise<AdvancedTranslatedProgramLabel> => {
     const api = new ProgramBehaviorAPI(self);
     const applicationNode = await api.applicationService.getApplicationNode('universal-robots-external-control-external-control-application') as ExternalControlApplicationNode;
-    return [{ type: 'primary', value: `Program cached from ${applicationNode.robotIP}:${applicationNode.port}`, },];
+    const programLabel: AdvancedTranslatedProgramLabel = [];
+
+    programLabel.push({
+        type: 'primary',
+        translationKey: 'presenter.cache-label',
+        interpolateParams: {
+            ip: `${applicationNode.robotIP}`,
+            port: `${applicationNode.port}`
+        }
+    });
+    return programLabel;
 };
 
 const createProgramNode = async (): Promise<ExternalControlProgramNode> => {

external-control-frontend/src/app/components/external-control-program/external-control-program.component.html

@@ -1,6 +1,6 @@
 <div *ngIf="contributedNode" class="flex-container">
     <div class="flex-row">
-        <ur-label [label]="'Update program from'" [required]="false" [size]="'large'"></ur-label>
+        <ur-label [label]="'presenter.update-label' | translate" [required]="false" [size]="'large'"></ur-label>
         <ur-label [label]="'&nbsp;'" [required]="false" [size]="'large'"></ur-label>
         <ur-label [label]="ipDisplay()" [required]="false" [size]="'large'"></ur-label>
         <ur-label [label]="':'" [required]="false" [size]="'large'"></ur-label>

external-control-frontend/src/assets/i18n/da.json

@@ -37,6 +37,8 @@
   "presenter": {
     "port-input-description": "Indtast portnummer",
     "robotIP-input-description": "Indtast værtsnavn eller IP-adresse",
-    "update-button": "Opdater program"
+    "update-button": "Opdater program",
+    "update-label": "Opater program fra",
+    "cache-label": "Program gemt fra {{ip}}:{{port}}"
   }
 }

external-control-frontend/src/assets/i18n/de.json

@@ -36,6 +36,8 @@
   "presenter": {
     "port-input-description": "Geben Sie die Portnummer auf dem externen Computer für die Bereitstellung des URScript-Codes ein",
     "robotIP-input-description": "Geben Sie die IP-Adresse oder den Hostnamen des externen Computers ein",
-    "update-button": "URScript code aktualisieren"
+    "update-button": "URScript code aktualisieren",
+    "update-label": "URScript code aktualisieren von",
+    "cache-label": "URScript code gespeichert von {{ip}}:{{port}}"
   }
 }

external-control-frontend/src/assets/i18n/en.json

@@ -37,6 +37,8 @@
   "presenter": {
     "port-input-description": "Enter port number",
     "robotIP-input-description": "Enter computer host name or IP address",
-    "update-button": "Update program"
+    "update-button": "Update program",
+    "update-label": "Update program from",
+    "cache-label": "Program cached from {{ip}}:{{port}}"
   }
 }