Refactored title service

src/app/components/login/login.component.ts

@@ -10,7 +10,6 @@ import {AuthenticationService} from "../../authentication/authentication.service
 import {UserService} from "../../authentication/user.service";
 import {LoginCredentials} from "../../authentication/loginCredentials";
 import {User} from "../../authentication/user";
-import {TitleService} from "../../service/title.service";
 
 
 @Component({
@@ -38,7 +37,6 @@ export class LoginComponent implements OnInit {
     private authenticationService: AuthenticationService,
     private router: Router,
     private userPersistenceService: UserService,
-    private titleService: TitleService,
   ) {
     this.initializeForm();
   }
@@ -52,7 +50,6 @@ export class LoginComponent implements OnInit {
 
   ngOnInit() {
     this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
-    this.titleService.setTitle("Inloggen");
   }
 
   login() {

src/app/components/match-sheets/match-sheets.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnDestroy, OnInit} from '@angular/core';
 import {MatCard, MatCardContent} from "@angular/material/card";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
@@ -10,7 +10,7 @@ import {Group} from "../../model/group";
 import {MatFormField} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {ReactiveFormsModule} from "@angular/forms";
-import {TitleService} from "../../service/title.service";
+import {HeaderService} from "../../service/header.service";
 
 @Component({
     selector: 'app-match-sheets',
@@ -29,7 +29,7 @@ import {TitleService} from "../../service/title.service";
     templateUrl: './match-sheets.component.html',
     styleUrl: './match-sheets.component.scss'
 })
-export class MatchSheetsComponent implements OnInit {
+export class MatchSheetsComponent implements OnInit, OnDestroy {
 
   tournament: Tournament;
   group: Group;
@@ -39,7 +39,7 @@ export class MatchSheetsComponent implements OnInit {
     private tournamentService: TournamentService,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService
+    private headerService: HeaderService
   ) {
   }
 
@@ -55,7 +55,7 @@ export class MatchSheetsComponent implements OnInit {
             if (round.id == roundId) {
               this.group = group;
               this.round = round;
-              this.titleService.setTitle(`Wedstrijdbriefjes ${this.group.name} ${this.round.name}`);
+              this.headerService.setTitle(`Wedstrijdbriefjes ${this.group.name} ${this.round.name}`);
               return;
             }
           }
@@ -64,4 +64,8 @@ export class MatchSheetsComponent implements OnInit {
     });
   }
 
+  ngOnDestroy() {
+    this.headerService.clearTitle()
+  }
+
 }

src/app/components/player-edit/player-edit.component.ts

@@ -11,7 +11,6 @@ import {MatCard, MatCardActions, MatCardContent} from "@angular/material/card";
 import {MatOption, MatSelect} from "@angular/material/select";
 import {KeyValuePipe} from "@angular/common";
 import {MatAnchor, MatButton} from "@angular/material/button";
-import {TitleService} from "../../service/title.service";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {NgxMaskDirective} from "ngx-mask";
 
@@ -50,7 +49,6 @@ export class PlayerEditComponent implements OnInit {
     private playerService: PlayerService,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService,
     private _snackBar: MatSnackBar,
   ) {
     this.player = new Player();
@@ -59,13 +57,11 @@ export class PlayerEditComponent implements OnInit {
   ngOnInit() {
     const id = this.route.snapshot.paramMap.get('id');
     if (id) {
-      this.titleService.setTitle("Bewerk Speler");
       this.isEditMode = true;
       this.playerService.getById(Number(id)).subscribe(data => {
         this.player = data;
       });
     } else {
-      this.titleService.setTitle("Nieuwe Speler");
     }
   }
 

src/app/components/player-link/player-link.component.ts

@@ -1,11 +1,11 @@
 import {Component, Input, OnInit} from '@angular/core';
-import {MatAnchor} from "@angular/material/button";
+// import {MatAnchor} from "@angular/material/button";
 import {RouterLink} from "@angular/router";
 
 @Component({
     selector: 'player-link',
     imports: [
-        MatAnchor,
+        // MatAnchor,
         RouterLink
     ],
     templateUrl: './player-link.component.html',

src/app/components/player-list/player-list.component.ts

@@ -6,7 +6,6 @@ import {MatAnchor} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
 import {MatCard, MatCardContent} from "@angular/material/card";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {TitleService} from "../../service/title.service";
 import {
   MatCell,
   MatCellDef,
@@ -42,13 +41,11 @@ export class PlayerListComponent implements AfterViewInit {
   @ViewChild(MatSort) sort: MatSort;
 
   constructor(
-    private titleService: TitleService,
     private playerService: PlayerService,
     private fullNamePipe: FullNamePipe) {
   }
 
   ngAfterViewInit() {
-    this.titleService.setTitle("Spelers");
     this.playerService.getAll().subscribe(data => {
       this.players = data;
       this.dataSource = new MatTableDataSource(this.players);

src/app/components/player-registrations/player-registrations.component.ts

@@ -14,7 +14,7 @@ import {MatIcon} from "@angular/material/icon";
 import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {TitleService} from "../../service/title.service";
+import {HeaderService} from "../../service/header.service";
 
 @Component({
     selector: 'app-player-registrations',
@@ -57,15 +57,15 @@ export class PlayerRegistrationsComponent implements OnInit {
     private registrationService: RegistrationService,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService,
-    private fullNamePipe: FullNamePipe
+    private fullNamePipe: FullNamePipe,
+    private headerService: HeaderService,
   ) {}
 
   ngOnInit() {
     const id = this.route.snapshot.paramMap.get('id');
     this.playerService.getById(Number(id)).subscribe(data => {
       this.player = data;
-      this.titleService.setTitle(`Inschrijvingen van ${this.fullNamePipe.transform(this.player)}`);
+      this.headerService.setTitle(`Inschrijvingen van ${this.fullNamePipe.transform(this.player)}`);
     });
     this.registrationService.getTournamentRegistrationsByPlayerId(Number(id)).subscribe(data => {
       this.tournamentRegistrations = data;

src/app/components/round-overview/round-overview.component.ts

@@ -8,7 +8,6 @@ import {ActivatedRoute, Router} from "@angular/router";
 import {DecimalPipe} from "@angular/common";
 import {TeamPipe} from "../../pipes/team-pipe";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-round-overview',
@@ -36,12 +35,10 @@ export class RoundOverviewComponent implements OnInit {
     private tournamentService: TournamentService,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService
   ) {
   }
 
   ngOnInit() {
-    this.titleService.setTitle("Rondeoverzicht");
     const tournamentId = this.route.snapshot.paramMap.get('id');
     let roundId = Number(this.route.snapshot.paramMap.get('roundId'));
 

src/app/components/tournament-edit/tournament-edit.component.ts

@@ -11,7 +11,6 @@ import {MatInput} from "@angular/material/input";
 import {MatRadioButton, MatRadioGroup} from "@angular/material/radio";
 import {CurrencyPipe, registerLocaleData} from "@angular/common";
 import nl from "@angular/common/locales/nl";
-import {TitleService} from "../../service/title.service";
 import {NgxMaskDirective} from "ngx-mask";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {MatCheckbox} from "@angular/material/checkbox";
@@ -54,7 +53,6 @@ export class TournamentEditComponent implements OnInit {
     private currencyPipe: CurrencyPipe,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService,
     private _snackBar: MatSnackBar,
   ) {
     this.tournament = new Tournament();
@@ -63,13 +61,11 @@ export class TournamentEditComponent implements OnInit {
   ngOnInit() {
     const id = this.route.snapshot.paramMap.get('id');
     if (id) {
-      this.titleService.setTitle("Bewerk Toernooi");
       this.isEditMode = true;
       this.tournamentService.getById(Number(id)).subscribe(data => {
         this.tournament = data;
       })
     } else {
-      this.titleService.setTitle("Nieuw Toernooi");
     }
   }
 

src/app/components/tournament-list/tournament-list.component.ts

@@ -6,7 +6,7 @@ import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
 import {MatCard, MatCardContent} from "@angular/material/card";
 import {MatTableModule} from "@angular/material/table";
-import {TitleService} from "../../service/title.service";
+import {HeaderService} from "../../service/header.service";
 
 @Component({
     selector: 'app-tournament-list',
@@ -16,14 +16,13 @@ import {TitleService} from "../../service/title.service";
     templateUrl: './tournament-list.component.html',
     styleUrl: './tournament-list.component.scss'
 })
-export class TournamentListComponent implements OnInit, AfterContentChecked {
+export class TournamentListComponent implements OnInit {
 
   tournaments: Tournament[];
   showInactive: boolean = false;
 
   constructor(
-    private tournamentService: TournamentService,
-    private titleService: TitleService
+    private tournamentService: TournamentService
   ) {}
 
   ngOnInit() {
@@ -32,10 +31,6 @@ export class TournamentListComponent implements OnInit, AfterContentChecked {
     });
   }
 
-  ngAfterContentChecked() {
-    this.titleService.setTitle("Toernooien");
-  }
-
   protected readonly Tournament = Tournament;
 
   clearDraw(tournament: Tournament) {

src/app/components/tournament-manage/tournament-manage.component.ts

@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnInit} from '@angular/core';
+import {Component, inject, Input, OnDestroy, OnInit} from '@angular/core';
 import {
   MatAccordion,
   MatExpansionPanel,
@@ -31,7 +31,7 @@ import {MatSnackBar} from "@angular/material/snack-bar";
 import {CourtSelectionComponent} from "../court-selection/court-selection.component";
 import {Standings} from "../../model/standings";
 import {Title} from '@angular/platform-browser';
-import {TitleService} from "../../service/title.service";
+import {HeaderService} from "../../service/header.service";
 
 @Component({
     selector: 'app-tournament-manage',
@@ -71,7 +71,7 @@ import {TitleService} from "../../service/title.service";
     templateUrl: './tournament-manage.component.html',
     styleUrl: './tournament-manage.component.scss'
 })
-export class TournamentManageComponent implements OnInit {
+export class TournamentManageComponent implements OnInit, OnDestroy {
 
   @Input() tournament: Tournament;
 
@@ -82,8 +82,7 @@ export class TournamentManageComponent implements OnInit {
     private _snackBar: MatSnackBar,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService,
-    private title: Title
+    private headerService: HeaderService,
   ) {
   }
 
@@ -96,11 +95,14 @@ export class TournamentManageComponent implements OnInit {
     })
     this.tournamentService.getById(Number(id)).subscribe(data => {
       this.tournament = data;
-      this.titleService.setTitle(this.tournament.name);
-      this.title.setTitle(this.tournament.name);
+      this.headerService.setTitle(this.tournament.name);
     });
   }
 
+  ngOnDestroy() {
+    this.headerService.clearTitle();
+  }
+
   onRoundTabChange(event: MatTabChangeEvent) {
     const index = event.index;
     this.router.navigate(

src/app/components/tournament-registrations/tournament-registrations.component.ts

@@ -5,7 +5,6 @@ import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
 import {Event} from "../../model/event";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-tournament-registrations',
@@ -26,11 +25,9 @@ export class TournamentRegistrationsComponent implements OnInit {
     private tournamentService: TournamentService,
     private route: ActivatedRoute,
     private router: Router,
-    private titleService: TitleService
   ) {}
 
   ngOnInit() {
-    this.titleService.setTitle("Inschrijvingen");
     const id = this.route.snapshot.paramMap.get('id');
     this.tournamentService.getById(Number(id)).subscribe(data => {
       this.tournament = data;