fixed various issues

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,

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]="
+            [translate]="project?.projectId ? 'project-listing.add-edit-dialog.header-edit' : 'project-listing.add-edit-dialog.header-new'"
-                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
+                <textarea formControlName="description" name="description" type="text" rows="5"></textarea>
-                    formControlName="description"
-                    name="description"
-                    type="text"
-                    rows="5"
-                ></textarea>
             </div>
 
             <mat-form-field class="mt-20">
-                <mat-label>{{
+                <mat-label>{{ 'project-listing.add-edit-dialog.form.due-date' | translate }}</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>

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">

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>

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'
+            'project-overview.project-details.stats.analysed-pages' | translate: { count: appStateService.activeProject.totalNumberOfPages | number }
-                | translate: { count: appStateService.activeProject.totalNumberOfPages | number: '':'de-DE' }
         }}</span>
     </div>
     <div>

apps/red-ui/src/assets/styles/red-input.scss

@@ -77,4 +77,9 @@
             opacity: 1;
         }
     }
+
+    &.required label:after {
+        content: ' *';
+        color: $primary;
+    }
 }