From fb3a25bcfe80f88813dcd9fda522a4f472b95227 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo@devplant.ro>
Date: Tue, 17 Nov 2020 13:59:33 +0200
Subject: [PATCH] fixed various issues

---
 apps/red-ui/src/app/app.module.ts             |  4 ----
 .../add-edit-project-dialog.component.html    | 19 ++++---------------
 .../manual-annotation-dialog.component.html   |  6 +++---
 .../project-listing-details.component.html    |  2 +-
 .../project-details.component.html            |  3 +--
 apps/red-ui/src/assets/styles/red-input.scss  |  5 +++++
 6 files changed, 14 insertions(+), 25 deletions(-)

diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts
index 6b341b616..c6d05a9c1 100644
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@@ -79,9 +79,6 @@ import { DictionaryAnnotationIconComponent } from './components/dictionary-annot
 import { BulkActionsComponent } from './screens/project-overview-screen/bulk-actions/bulk-actions.component';
 import { HttpCacheInterceptor } from '@redaction/red-cache';
 import { HiddenActionComponent } from './common/hidden-action/hidden-action.component';
-import localeDe from '@angular/common/locales/de';
-import { registerLocaleData } from '@angular/common';
-registerLocaleData(localeDe);
 
 export function HttpLoaderFactory(httpClient: HttpClient) {
     return new TranslateHttpLoader(httpClient, '/assets/i18n/', '.json');
@@ -221,7 +218,6 @@ export function HttpLoaderFactory(httpClient: HttpClient) {
         MatInputModule
     ],
     providers: [
-        { provide: LOCALE_ID, useValue: 'de-DE' },
         {
             provide: HTTP_INTERCEPTORS,
             multi: true,
diff --git a/apps/red-ui/src/app/dialogs/add-edit-project-dialog/add-edit-project-dialog.component.html b/apps/red-ui/src/app/dialogs/add-edit-project-dialog/add-edit-project-dialog.component.html
index 7abd83643..1ed555c90 100644
--- a/apps/red-ui/src/app/dialogs/add-edit-project-dialog/add-edit-project-dialog.component.html
+++ b/apps/red-ui/src/app/dialogs/add-edit-project-dialog/add-edit-project-dialog.component.html
@@ -1,33 +1,22 @@
 <section class="dialog">
     <form (submit)="saveProject()" [formGroup]="projectForm">
         <div
-            [translate]="
-                project?.projectId
-                    ? 'project-listing.add-edit-dialog.header-edit'
-                    : 'project-listing.add-edit-dialog.header-new'
-            "
+            [translate]="project?.projectId ? 'project-listing.add-edit-dialog.header-edit' : 'project-listing.add-edit-dialog.header-new'"
             class="dialog-header heading-l"
         ></div>
 
         <div class="dialog-content">
-            <div class="red-input-group">
+            <div class="red-input-group required">
                 <label translate="project-listing.add-edit-dialog.form.name"></label>
                 <input formControlName="projectName" name="projectName" type="text" />
             </div>
             <div class="red-input-group">
                 <label translate="project-listing.add-edit-dialog.form.description"></label>
-                <textarea
-                    formControlName="description"
-                    name="description"
-                    type="text"
-                    rows="5"
-                ></textarea>
+                <textarea formControlName="description" name="description" type="text" rows="5"></textarea>
             </div>
 
             <mat-form-field class="mt-20">
-                <mat-label>{{
-                    'project-listing.add-edit-dialog.form.due-date' | translate
-                }}</mat-label>
+                <mat-label>{{ 'project-listing.add-edit-dialog.form.due-date' | translate }}</mat-label>
                 <input matInput [matDatepicker]="picker" formControlName="dueDate" />
                 <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
                 <mat-datepicker #picker></mat-datepicker>
diff --git a/apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html b/apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
index d960065a9..2b35cd417 100644
--- a/apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
@@ -8,7 +8,7 @@
             </div>
             {{ manualRedactionEntryWrapper.manualRedactionEntry.value }}
 
-            <div class="red-input-group" *ngIf="!isDictionaryRequest">
+            <div class="red-input-group required" *ngIf="!isDictionaryRequest">
                 <label translate="manual-annotation.dialog.content.reason"></label>
                 <mat-select formControlName="reason" class="full-width">
                     <mat-option *ngFor="let option of legalOptions" [value]="option">
@@ -22,12 +22,12 @@
                 <input type="text" [value]="redactionForm.get('reason').value?.legalBasis" disabled />
             </div>
 
-            <div class="red-input-group">
+            <div class="red-input-group" [class.required]="!isDocumentAdmin">
                 <label translate="manual-annotation.dialog.content.comment"></label>
                 <textarea formControlName="comment" name="comment" type="text" rows="4"></textarea>
             </div>
 
-            <div class="red-input-group" *ngIf="isDictionaryRequest">
+            <div class="red-input-group required" *ngIf="isDictionaryRequest">
                 <label translate="manual-annotation.dialog.content.dictionary"></label>
 
                 <mat-select formControlName="dictionary">
diff --git a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.html b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.html
index f4b29e92e..ee6dcd1e0 100644
--- a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.html
+++ b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.html
@@ -9,7 +9,7 @@
         <div class="project-stats-item">
             <mat-icon svgIcon="red:document"></mat-icon>
             <div>
-                <div class="heading">{{ totalPages | number: '':'de-DE' }}</div>
+                <div class="heading">{{ totalPages | number }}</div>
                 <div translate="project-listing.stats.analyzed-pages"></div>
             </div>
         </div>
diff --git a/apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html b/apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html
index 109d0b384..4e11a000b 100644
--- a/apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html
+++ b/apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html
@@ -72,8 +72,7 @@
     <div>
         <mat-icon svgIcon="red:pages"></mat-icon>
         <span>{{
-            'project-overview.project-details.stats.analysed-pages'
-                | translate: { count: appStateService.activeProject.totalNumberOfPages | number: '':'de-DE' }
+            'project-overview.project-details.stats.analysed-pages' | translate: { count: appStateService.activeProject.totalNumberOfPages | number }
         }}</span>
     </div>
     <div>
diff --git a/apps/red-ui/src/assets/styles/red-input.scss b/apps/red-ui/src/assets/styles/red-input.scss
index a31e35e9e..5424f52e4 100644
--- a/apps/red-ui/src/assets/styles/red-input.scss
+++ b/apps/red-ui/src/assets/styles/red-input.scss
@@ -77,4 +77,9 @@
             opacity: 1;
         }
     }
+
+    &.required label:after {
+        content: ' *';
+        color: $primary;
+    }
 }