RED-4572: change dialog header when accepting a recommendation

apps/red-ui/src/app/modules/file-preview/dialogs/accept-recommendation-dialog/accept-recommendation-dialog.component.html

@@ -1,6 +1,6 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div [translate]="'accept-recommendation-dialog.header'" class="dialog-header heading-l"></div>
+        <div [translate]="dialogHeader" class="dialog-header heading-l"></div>
 
         <div class="dialog-content">
             <div class="iqser-input-group">

apps/red-ui/src/app/modules/file-preview/dialogs/accept-recommendation-dialog/accept-recommendation-dialog.component.ts

@@ -7,6 +7,7 @@ import { ActiveDossiersService } from '@services/dossiers/active-dossiers.servic
 import { BaseDialogComponent } from '@iqser/common-ui';
 import { DictionaryService } from '@services/entity-services/dictionary.service';
 import { AnnotationWrapper } from '@models/file/annotation.wrapper';
+import { acceptRecommendationTranslations } from '@translations/accept-recommendation-translations';
 
 export interface AcceptRecommendationData {
     readonly annotations: AnnotationWrapper[];
@@ -22,7 +23,7 @@ export interface AcceptRecommendationReturnType {
     templateUrl: './accept-recommendation-dialog.component.html',
 })
 export class AcceptRecommendationDialogComponent extends BaseDialogComponent implements OnInit {
-    isDocumentAdmin: boolean;
+    readonly dialogHeader: string;
 
     possibleDictionaries: Dictionary[] = [];
 
@@ -37,7 +38,10 @@ export class AcceptRecommendationDialogComponent extends BaseDialogComponent imp
     ) {
         super(_dialogRef);
         this._dossier = activeDossiersService.find(this.data.dossierId);
-        this.isDocumentAdmin = permissionsService.isApprover(this._dossier);
+        const isDocumentAdmin = permissionsService.isApprover(this._dossier);
+        this.dialogHeader = isDocumentAdmin
+            ? acceptRecommendationTranslations.addToDictionary
+            : acceptRecommendationTranslations.requestAddToDictionary;
         this.form = this._getForm();
         this.initialFormValue = this.form.getRawValue();
     }

apps/red-ui/src/app/translations/accept-recommendation-translations.ts

@@ -0,0 +1,6 @@
+import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
+
+export const acceptRecommendationTranslations = {
+    addToDictionary: _('accept-recommendation-dialog.header.add-to-dictionary'),
+    requestAddToDictionary: _('accept-recommendation-dialog.header.request-add-to-dictionary'),
+};

apps/red-ui/src/assets/i18n/de.json

@@ -1,6 +1,9 @@
 {
   "accept-recommendation-dialog": {
-    "header": "",
+    "header": {
+      "add-to-dictionary": "",
+      "request-add-to-dictionary": ""
+    },
     "multiple-values": ""
   },
   "account-settings": "Account Einstellungen",

apps/red-ui/src/assets/i18n/en.json

@@ -1,6 +1,9 @@
 {
   "accept-recommendation-dialog": {
-    "header": "Accept recommendation",
+    "header": {
+      "add-to-dictionary": "Add to dictionary",
+      "request-add-to-dictionary": "Request add to dictionary"
+    },
     "multiple-values": "Multiple recommendations selected"
   },
   "account-settings": "Account Settings",