user preferences - chord type - apply in song and show-song

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

@@ -16,8 +16,7 @@
       </div>
 
       <!-- <div class="text">{{song.text}}</div>-->
-      <app-song-text [text]="song.text"></app-song-text>
-
+      <app-song-text *ngIf="user$|async as user" [chordMode]="user.chordMode" [text]="song.text"></app-song-text>
 
       <div class="text">{{song.comment}}</div>
       <div>

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

@@ -6,6 +6,8 @@ import {Song} from '../services/song';
 import {Observable} from 'rxjs';
 import {FileDataService} from '../services/file-data.service';
 import {File} from '../services/file';
+import {UserService} from '../../../services/user.service';
+import {User} from '../../../services/user';
 
 @Component({
   selector: 'app-song',
@@ -15,12 +17,15 @@ import {File} from '../services/file';
 export class SongComponent implements OnInit {
   public song$: Observable<Song>;
   public files$: Observable<File[]>;
+  private user$: Observable<User>;
 
   constructor(
     private activatedRoute: ActivatedRoute,
     private songService: SongService,
     private fileService: FileDataService,
+    private userService: UserService,
   ) {
+    this.user$ = userService.user$;
   }
 
   public ngOnInit(): void {