adding presentation background

src/app/modules/songs/services/song.service.ts

@@ -8,15 +8,20 @@ import Timestamp = firebase.firestore.Timestamp;
 
 // declare let importCCLI: any;
 
+export type SongType = 'Praise' | 'Worship' | 'Misc';
+export type SongStatus = 'draft' | 'set' | 'final';
+export type SongLegalOwner = 'CCLI' | 'other';
+export type SongLegalType = 'open' | 'allowed';
+
 @Injectable({
   providedIn: 'root',
 })
 export class SongService {
-  public static TYPES = ['Praise', 'Worship'];
-  public static STATUS = ['draft', 'set', 'final'];
+  public static TYPES: SongType[] = ['Praise', 'Worship', 'Misc'];
+  public static STATUS: SongStatus[] = ['draft', 'set', 'final'];
 
-  public static LEGAL_OWNER = ['CCLI', 'other'];
-  public static LEGAL_TYPE = ['open', 'allowed'];
+  public static LEGAL_OWNER: SongLegalOwner[] = ['CCLI', 'other'];
+  public static LEGAL_TYPE: SongLegalType[] = ['open', 'allowed'];
 
   // private list: Song[];
 

src/app/modules/songs/services/song.ts

@@ -1,4 +1,5 @@
 import firebase from 'firebase/compat/app';
+import {SongLegalOwner, SongLegalType, SongStatus, SongType} from './song.service';
 import Timestamp = firebase.firestore.Timestamp;
 
 export interface Song {
@@ -10,12 +11,12 @@ export interface Song {
   tempo: number;
   text: string;
   title: string;
-  type: string;
+  type: SongType;
   flags: string;
-  status: string;
+  status: SongStatus;
 
-  legalType: string;
-  legalOwner: string;
+  legalType: SongLegalType;
+  legalOwner: SongLegalOwner;
   legalOwnerId: string;
 
   artist: string;

src/app/modules/songs/song-list/list-item/list-item.component.ts

@@ -1,8 +1,6 @@
 import {Component, Input} from '@angular/core';
 import {Song} from '../../services/song';
-import {faBalanceScaleRight} from '@fortawesome/free-solid-svg-icons/faBalanceScaleRight';
-import {faPencilRuler} from '@fortawesome/free-solid-svg-icons/faPencilRuler';
-import {faCheck} from '@fortawesome/free-solid-svg-icons/faCheck';
+import {faBalanceScaleRight, faCheck, faPencilRuler} from '@fortawesome/free-solid-svg-icons';
 
 @Component({
   selector: 'app-list-item',

src/app/modules/songs/song/edit/edit-file/file/file.component.ts

@@ -1,7 +1,7 @@
 import {Component, Input} from '@angular/core';
 import {Observable} from 'rxjs';
 import {File} from '../../../../services/file';
-import {faTrashAlt} from '@fortawesome/free-solid-svg-icons/faTrashAlt';
+import {faTrashAlt} from '@fortawesome/free-solid-svg-icons';
 import {FileService} from '../../../../services/file.service';
 
 @Component({

src/app/modules/songs/song/edit/edit-song/edit-song.component.ts

@@ -8,9 +8,7 @@ import {first, map, switchMap} from 'rxjs/operators';
 import {KEYS} from '../../../services/key.helper';
 import {COMMA, ENTER} from '@angular/cdk/keycodes';
 import {MatChipInputEvent} from '@angular/material/chips';
-import {faTimesCircle} from '@fortawesome/free-solid-svg-icons/faTimesCircle';
-import {faSave} from '@fortawesome/free-solid-svg-icons/faSave';
-import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons/faExternalLinkAlt';
+import {faExternalLinkAlt, faSave, faTimesCircle} from '@fortawesome/free-solid-svg-icons';
 import {MatDialog} from '@angular/material/dialog';
 import {SaveDialogComponent} from './save-dialog/save-dialog.component';
 
@@ -54,8 +52,8 @@ export class EditSongComponent implements OnInit {
         this.song = song;
         if (!song) return;
         this.form = this.editService.createSongForm(song);
-        this.form.controls.flags.valueChanges.subscribe(_ => this.onFlagsChanged(_));
-        this.onFlagsChanged(this.form.controls.flags.value);
+        this.form.controls.flags.valueChanges.subscribe(_ => this.onFlagsChanged(_ as string));
+        this.onFlagsChanged(this.form.controls.flags.value as string);
       });
   }
 

src/app/modules/songs/song/new/new.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {faSave} from '@fortawesome/free-solid-svg-icons/faSave';
+import {faSave} from '@fortawesome/free-solid-svg-icons';
 import {FormControl, FormGroup, Validators} from '@angular/forms';
 import {SongService} from '../../services/song.service';
 import {Song} from '../../services/song';

src/app/modules/songs/song/song.component.ts

@@ -8,8 +8,7 @@ import {FileDataService} from '../services/file-data.service';
 import {File} from '../services/file';
 import {UserService} from '../../../services/user/user.service';
 import {User} from '../../../services/user/user';
-import {faEdit} from '@fortawesome/free-solid-svg-icons/faEdit';
-import {faTrash} from '@fortawesome/free-solid-svg-icons/faTrash';
+import {faEdit, faTrash} from '@fortawesome/free-solid-svg-icons';
 
 @Component({
   selector: 'app-song',