adding presentation background

src/app/widget-modules/pipes/legal-owner-translator/legal-owner.pipe.ts

@@ -1,10 +1,11 @@
 import {Pipe, PipeTransform} from '@angular/core';
+import {SongLegalOwner} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'legalOwner',
 })
 export class LegalOwnerPipe implements PipeTransform {
-  public transform(legalOwnerKey: string): string {
+  public transform(legalOwnerKey: SongLegalOwner): string {
     switch (legalOwnerKey) {
       case 'CCLI':
         return 'CCLI';

src/app/widget-modules/pipes/legal-type-translator/legal-type.pipe.ts

@@ -1,10 +1,11 @@
 import {Pipe, PipeTransform} from '@angular/core';
+import {SongLegalType} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'legalType',
 })
 export class LegalTypePipe implements PipeTransform {
-  public transform(legalTypeKey: string): string {
+  public transform(legalTypeKey: SongLegalType): string {
     switch (legalTypeKey) {
       case 'open':
         return 'Klärung erforderlich ';

src/app/widget-modules/pipes/song-type-translater/song-type.pipe.ts

@@ -1,15 +1,18 @@
 import {Pipe, PipeTransform} from '@angular/core';
+import {SongType} from '../../../modules/songs/services/song.service';
 
 @Pipe({
   name: 'songType',
 })
 export class SongTypePipe implements PipeTransform {
-  public transform(songTypeKey: string): string {
+  public transform(songTypeKey: SongType): string {
     switch (songTypeKey) {
       case 'Worship':
         return 'Anbetung';
       case 'Praise':
         return 'Lobpreis';
+      case 'Misc':
+        return 'sonstiges';
       default:
         return '';
     }