cascading delete

src/app/core/basic-datatypes/date/display-date/display-date.component.html

@@ -0,0 +1,14 @@
+<ng-container
+  *ngIf="!(displayAsAnonymized || isPartiallyAnonymized); else anonymized"
+>
+  {{ value | date: config }}
+</ng-container>
+
+<ng-template #anonymized>
+  {{ value | date: "YYYY" }}
+  <fa-icon
+    icon="warning"
+    matTooltip="This data has been partially anonymized."
+    i18n-matTooltip
+  ></fa-icon>
+</ng-template>

src/app/core/basic-datatypes/date/display-date/display-date.component.ts

@@ -1,7 +1,9 @@
-import { Component } from "@angular/core";
+import { Component, Input } from "@angular/core";
 import { ViewDirective } from "../../../entity/default-datatype/view.directive";
 import { DynamicComponent } from "../../../config/dynamic-components/dynamic-component.decorator";
-import { DatePipe } from "@angular/common";
+import { DatePipe, NgIf } from "@angular/common";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+import { MatTooltipModule } from "@angular/material/tooltip";
 
 /**
  * This component displays a date attribute using the shortDate format.
@@ -12,8 +14,13 @@ import { DatePipe } from "@angular/common";
 @DynamicComponent("DisplayDate")
 @Component({
   selector: "app-display-date",
-  template: `{{ value | date: config }}`,
+  templateUrl: "./display-date.component.html",
   standalone: true,
-  imports: [DatePipe],
+  imports: [DatePipe, NgIf, FontAwesomeModule, MatTooltipModule],
 })
-export class DisplayDateComponent extends ViewDirective<Date, string> {}
+export class DisplayDateComponent extends ViewDirective<Date, string> {
+  @Input() displayAsAnonymized: boolean;
+
+  /** formatting string for date pipe */
+  @Input() config: string;
+}

src/app/core/basic-datatypes/date/edit-date/edit-date.component.html

@@ -5,6 +5,15 @@
     [formControlName]="formControlName"
     [matDatepicker]="datepickerComp"
   />
+
+  <fa-icon
+    *ngIf="isPartiallyAnonymized"
+    matIconSuffix
+    icon="warning"
+    matTooltip="This data has been partially anonymized."
+    i18n-matTooltip
+  ></fa-icon>
+
   <mat-datepicker-toggle
     matIconSuffix
     [for]="datepickerComp"

src/app/core/basic-datatypes/date/edit-date/edit-date.component.ts

@@ -6,6 +6,9 @@ import { MatInputModule } from "@angular/material/input";
 import { ReactiveFormsModule } from "@angular/forms";
 import { MatDatepickerModule } from "@angular/material/datepicker";
 import { ErrorHintComponent } from "../../../common-components/error-hint/error-hint.component";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import { NgIf } from "@angular/common";
 
 @DynamicComponent("EditDate")
 @Component({
@@ -17,6 +20,9 @@ import { ErrorHintComponent } from "../../../common-components/error-hint/error-
     ReactiveFormsModule,
     MatDatepickerModule,
     ErrorHintComponent,
+    FontAwesomeModule,
+    MatTooltipModule,
+    NgIf,
   ],
   standalone: true,
 })

src/app/core/basic-datatypes/month/display-month/display-month.component.ts

@@ -1,11 +1,16 @@
 import { Component } from "@angular/core";
-import { DatePipe } from "@angular/common";
+import { DatePipe, NgIf } from "@angular/common";
 import { ViewDirective } from "../../../entity/default-datatype/view.directive";
+import { DisplayDateComponent } from "../../date/display-date/display-date.component";
 
 @Component({
   selector: "app-display-month",
   standalone: true,
-  template: `{{ value | date: "YYYY-MM" }}`,
-  imports: [DatePipe],
+  template: `<app-display-date
+    [value]="value"
+    [config]="'YYYY-MM'"
+    [displayAsAnonymized]="isPartiallyAnonymized"
+  ></app-display-date>`,
+  imports: [DatePipe, NgIf, DisplayDateComponent],
 })
 export class DisplayMonthComponent extends ViewDirective<Date> {}

src/app/core/basic-datatypes/month/edit-month/edit-month.component.html

@@ -5,6 +5,15 @@
     [formControl]="formControl"
     [matDatepicker]="datepickerComp"
   />
+
+  <fa-icon
+    *ngIf="isPartiallyAnonymized"
+    matIconSuffix
+    icon="warning"
+    matTooltip="This data has been partially anonymized."
+    i18n-matTooltip
+  ></fa-icon>
+
   <mat-datepicker-toggle
     matIconSuffix
     [for]="datepickerComp"

src/app/core/basic-datatypes/month/edit-month/edit-month.component.ts

@@ -19,6 +19,8 @@ import {
   MAT_MOMENT_DATE_ADAPTER_OPTIONS,
   MomentDateAdapter,
 } from "@angular/material-moment-adapter";
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+import { MatTooltipModule } from "@angular/material/tooltip";
 
 export const MY_FORMATS = {
   parse: {
@@ -42,6 +44,8 @@ export const MY_FORMATS = {
     MatDatepickerModule,
     ReactiveFormsModule,
     ErrorHintComponent,
+    FontAwesomeModule,
+    MatTooltipModule,
   ],
   templateUrl: "./edit-month.component.html",
   styleUrls: ["./edit-month.component.scss"],

src/app/core/entity/default-datatype/edit-component.ts

@@ -55,6 +55,9 @@ export abstract class EditComponent<T> implements OnInit {
    */
   additional?: any;
 
+  /** indicating that the value is not in its original state, so that components can explain this to the user */
+  isPartiallyAnonymized: boolean;
+
   ngOnInit() {
     if (!this.formFieldConfig?.forTable) {
       this.label = this.formFieldConfig?.label ?? this.propertySchema?.label;
@@ -68,4 +71,11 @@ export abstract class EditComponent<T> implements OnInit {
     // This type casts are needed as the normal types throw errors in the templates
     this.parent = this.formControl.parent as FormGroup;
   }
+
+  ngOnChanges() {
+    this.isPartiallyAnonymized =
+      this.entity?.anonymized &&
+      this.entity?.getSchema()?.get(this.formFieldConfig?.id)?.anonymize ===
+        "retain-anonymized";
+  }
 }

src/app/core/entity/default-datatype/view.directive.ts

@@ -1,11 +1,20 @@
 import { Entity } from "../model/entity";
-import { Directive, Input } from "@angular/core";
+import { Directive, Input, OnChanges } from "@angular/core";
 
 @Directive()
-export abstract class ViewDirective<T, C = any> {
+export abstract class ViewDirective<T, C = any> implements OnChanges {
   @Input() entity: Entity;
   @Input() id: string;
   @Input() tooltip: string;
   @Input() value: T;
   @Input() config: C;
+
+  /** indicating that the value is not in its original state, so that components can explain this to the user */
+  isPartiallyAnonymized: boolean;
+
+  ngOnChanges() {
+    this.isPartiallyAnonymized =
+      this.entity?.anonymized &&
+      this.entity?.getSchema()?.get(this.id)?.anonymize === "retain-anonymized";
+  }
 }