Extracted shared legal-page toggle logic into a base class

src/app/components/legal/impressum.ts

@@ -1,6 +1,6 @@
-import { Component, computed, inject } from '@angular/core';
+import { Component } from '@angular/core';
 import { TranslatePipe } from '@ngx-translate/core';
-import { LanguageService } from '../../services/language';
+import { LegalPageBase } from './legal-page-base';
 
 @Component({
   selector: 'app-impressum',
@@ -125,8 +125,4 @@ import { LanguageService } from '../../services/language';
     </section>
   `,
 })
-export class Impressum {
-  protected lang = inject(LanguageService);
-  protected showEn = computed(() => this.lang.current() === 'en');
-  protected showFallbackNotice = computed(() => !['de', 'en'].includes(this.lang.current()));
-}
+export class Impressum extends LegalPageBase {}

src/app/components/legal/legal-page-base.ts

@@ -0,0 +1,13 @@
+import { computed, Directive, inject } from '@angular/core';
+
+import { LanguageService } from '../../services/language';
+
+// Shared language-toggle + fallback-notice logic for the legal pages (privacy,
+// impressum, terms). The legal text itself stays in each page's own template.
+@Directive()
+export abstract class LegalPageBase {
+  protected lang = inject(LanguageService);
+  protected showDe = computed(() => this.lang.current() !== 'en');
+  protected showEn = computed(() => this.lang.current() === 'en');
+  protected showFallbackNotice = computed(() => !['de', 'en'].includes(this.lang.current()));
+}

src/app/components/legal/privacy.ts

@@ -1,6 +1,6 @@
-import { Component, computed, inject } from '@angular/core';
+import { Component } from '@angular/core';
 import { TranslatePipe } from '@ngx-translate/core';
-import { LanguageService } from '../../services/language';
+import { LegalPageBase } from './legal-page-base';
 
 @Component({
   selector: 'app-privacy',
@@ -422,8 +422,4 @@ import { LanguageService } from '../../services/language';
     </section>
   `,
 })
-export class Privacy {
-  protected lang = inject(LanguageService);
-  protected showDe = computed(() => this.lang.current() !== 'en');
-  protected showFallbackNotice = computed(() => !['de', 'en'].includes(this.lang.current()));
-}
+export class Privacy extends LegalPageBase {}

src/app/components/legal/terms.ts

@@ -1,6 +1,6 @@
-import { Component, computed, inject } from '@angular/core';
+import { Component } from '@angular/core';
 import { TranslatePipe } from '@ngx-translate/core';
-import { LanguageService } from '../../services/language';
+import { LegalPageBase } from './legal-page-base';
 
 @Component({
   selector: 'app-terms',
@@ -211,8 +211,4 @@ import { LanguageService } from '../../services/language';
     </section>
   `,
 })
-export class Terms {
-  protected lang = inject(LanguageService);
-  protected showDe = computed(() => this.lang.current() !== 'en');
-  protected showFallbackNotice = computed(() => !['de', 'en'].includes(this.lang.current()));
-}
+export class Terms extends LegalPageBase {}