Update angular to 20

src/app/app.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
+import {ActivatedRoute, Router, RouterLink, RouterOutlet} from '@angular/router';
 import {CommonModule, NgOptimizedImage} from "@angular/common";
-import {MatAnchor, MatButton, MatIconButton, MatMiniFabButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
 import {MatToolbar} from "@angular/material/toolbar";
 import {TitleService} from "./service/title.service";
@@ -12,7 +12,7 @@ import {TournamentService} from "./service/tournament.service";
 
 @Component({
     selector: 'app-root',
-    imports: [RouterOutlet, CommonModule, RouterLink, RouterLinkActive, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatIconButton, MatMiniFabButton, MatMenuTrigger, MatMenu, MatMenuItem],
+  imports: [RouterOutlet, CommonModule, RouterLink, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatMenuTrigger, MatMenu, MatMenuItem],
     providers: [TitleService],
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'

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

@@ -17,18 +17,13 @@ import {TitleService} from "../../service/title.service";
     selector: 'app-login',
     templateUrl: './login.component.html',
     imports: [
-        MatCardTitle,
         MatCardContent,
         ReactiveFormsModule,
         MatFormField,
         MatButton,
-        RouterLink,
         MatInput,
-        NgIf,
         MatLabel,
-        MatError,
         MatCard,
-        MatCardHeader
     ],
     styleUrls: ['./login.component.scss']
 })

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

@@ -28,9 +28,6 @@ import {Game} from "../../model/game";
         MatButton,
         MatDialogClose,
         MatDialogTitle,
-        DatePipe,
-        MatIcon,
-        NgForOf,
         TeamPipe,
         MatInput,
         ReactiveFormsModule,
@@ -38,8 +35,6 @@ import {Game} from "../../model/game";
         MatFormField,
         MatGridList,
         MatGridTile,
-        MatGridTileText,
-        MatIconButton,
         NgClass
     ],
     providers: [

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

@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardContent} from "@angular/material/card";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
 import {Tournament} from "../../model/tournament";
@@ -15,16 +15,15 @@ import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-match-sheets',
-    imports: [
-        MatCard,
-        MatCardHeader,
-        MatCardContent,
-        TeamPipe,
-        NgForOf,
-        MatFormField,
-        MatInput,
-        ReactiveFormsModule
-    ],
+  imports: [
+    MatCard,
+    MatCardContent,
+    TeamPipe,
+    NgForOf,
+    MatFormField,
+    MatInput,
+    ReactiveFormsModule
+  ],
     providers: [
         TeamPipe,
         FullNamePipe

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

@@ -2,49 +2,43 @@ import {Component, OnInit} from '@angular/core';
 import {Player, Strength} from "../../model/player";
 import {PlayerService} from "../../service/player.service";
 import {ActivatedRoute, Router, RouterLink} from "@angular/router";
-import {FormGroup, FormsModule, ReactiveFormsModule} from "@angular/forms";
+import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {MatFormField, MatHint, MatLabel} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {MatIcon} from "@angular/material/icon";
 import {MatRadioButton, MatRadioGroup} from "@angular/material/radio";
-import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {MatDatepicker, MatDatepickerInput, MatDatepickerToggle} from "@angular/material/datepicker";
+import {MatCard, MatCardActions, MatCardContent} from "@angular/material/card";
 import {MatOption, MatSelect} from "@angular/material/select";
 import {KeyValuePipe, NgForOf} 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, NgxMaskPipe} from "ngx-mask";
+import {NgxMaskDirective} from "ngx-mask";
 
 @Component({
     selector: 'app-player-edit',
-    imports: [
-        FormsModule,
-        RouterLink,
-        MatFormField,
-        MatInput,
-        MatIcon,
-        MatHint,
-        MatLabel,
-        MatRadioGroup,
-        MatRadioButton,
-        MatCard,
-        MatCardHeader,
-        MatCardContent,
-        MatCardActions,
-        MatDatepickerInput,
-        MatDatepickerToggle,
-        MatDatepicker,
-        MatSelect,
-        MatOption,
-        KeyValuePipe,
-        NgForOf,
-        MatButton,
-        MatAnchor,
-        ReactiveFormsModule,
-        NgxMaskDirective,
-        NgxMaskPipe
-    ],
+  imports: [
+    FormsModule,
+    RouterLink,
+    MatFormField,
+    MatInput,
+    MatIcon,
+    MatHint,
+    MatLabel,
+    MatRadioGroup,
+    MatRadioButton,
+    MatCard,
+    MatCardContent,
+    MatCardActions,
+    MatSelect,
+    MatOption,
+    KeyValuePipe,
+    NgForOf,
+    MatButton,
+    MatAnchor,
+    ReactiveFormsModule,
+    NgxMaskDirective
+  ],
     templateUrl: './player-edit.component.html',
     styleUrl: './player-edit.component.scss'
 })

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

@@ -1,11 +1,10 @@
-import {AfterViewInit, Component, OnInit, ViewChild} from '@angular/core';
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
 import {Player} from "../../model/player";
 import {PlayerService} from "../../service/player.service";
-import {NgFor} from "@angular/common";
 import {RouterLink} from "@angular/router";
 import {MatAnchor} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardContent} from "@angular/material/card";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 import {TitleService} from "../../service/title.service";
 import {
@@ -14,8 +13,12 @@ import {
   MatColumnDef,
   MatHeaderCell,
   MatHeaderCellDef,
-  MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef,
-  MatTable, MatTableDataSource
+  MatHeaderRow,
+  MatHeaderRowDef,
+  MatRow,
+  MatRowDef,
+  MatTable,
+  MatTableDataSource
 } from "@angular/material/table";
 import {MatFormField, MatFormFieldModule} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
@@ -24,7 +27,7 @@ import {MatSort, MatSortHeader} from "@angular/material/sort";
 
 @Component({
     selector: 'app-player-list',
-    imports: [NgFor, RouterLink, MatAnchor, MatIcon, MatCard, MatCardHeader, MatCardContent, FullNamePipe, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatFormField, MatInput, MatFormFieldModule, MatPaginator, MatSortHeader, MatSort],
+  imports: [RouterLink, MatAnchor, MatIcon, MatCard, MatCardContent, FullNamePipe, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatFormField, MatInput, MatFormFieldModule, MatPaginator, MatSortHeader, MatSort],
     providers: [FullNamePipe],
     templateUrl: './player-list.component.html',
     styleUrl: './player-list.component.scss'

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

@@ -4,46 +4,41 @@ import {ActivatedRoute, Router, RouterLink} from "@angular/router";
 import {PlayerService} from "../../service/player.service";
 import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
 import {MatFormField, MatLabel} from "@angular/material/form-field";
-import {MatInput} from "@angular/material/input";
 import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {RegistrationService} from "../../service/registration.service";
-import {KeyValuePipe, NgFor, NgIf} from "@angular/common";
+import {NgFor, NgIf} from "@angular/common";
 import {MatCheckbox, MatCheckboxChange} from "@angular/material/checkbox";
 import {EventRegistration, TournamentRegistration} from "../../model/tournamentRegistration";
 import {MatOption} from "@angular/material/core";
 import {MatSelect} from "@angular/material/select";
 import {MatIcon} from "@angular/material/icon";
-import {MatAnchor, MatButton, MatFabButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {Tournament} from "../../model/tournament";
 import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-player-registrations',
-    imports: [
-        MatCard,
-        MatCardContent,
-        MatCardHeader,
-        MatFormField,
-        MatInput,
-        MatLabel,
-        NgFor,
-        ReactiveFormsModule,
-        FormsModule,
-        MatCheckbox,
-        NgIf,
-        MatCardActions,
-        RouterLink,
-        KeyValuePipe,
-        MatOption,
-        MatSelect,
-        MatIcon,
-        MatFabButton,
-        MatButton,
-        MatAnchor,
-        FullNamePipe
-    ],
+  imports: [
+    MatCard,
+    MatCardContent,
+    MatCardHeader,
+    MatFormField,
+    MatLabel,
+    NgFor,
+    ReactiveFormsModule,
+    FormsModule,
+    MatCheckbox,
+    NgIf,
+    MatCardActions,
+    RouterLink,
+    MatOption,
+    MatSelect,
+    MatIcon,
+    MatButton,
+    MatAnchor,
+    FullNamePipe
+  ],
     providers: [
         FullNamePipe
     ],

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

@@ -8,24 +8,16 @@ import {ActivatedRoute, Router} from "@angular/router";
 import {DecimalPipe, NgForOf} from "@angular/common";
 import {TeamPipe} from "../../pipes/team-pipe";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
-import {MatButton, MatIconButton} from "@angular/material/button";
-import {MatIcon} from "@angular/material/icon";
-import {MatMenu, MatMenuItem} from "@angular/material/menu";
 import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-round-overview',
-    imports: [
-        NgForOf,
-        TeamPipe,
-        DecimalPipe,
-        MatButton,
-        MatIcon,
-        MatIconButton,
-        MatMenu,
-        MatMenuItem,
-        FullNamePipe
-    ],
+  imports: [
+    NgForOf,
+    TeamPipe,
+    DecimalPipe,
+    FullNamePipe
+  ],
     providers: [
         TeamPipe,
         FullNamePipe

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

@@ -2,9 +2,8 @@ import {Component, OnInit} from '@angular/core';
 import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
-import {TournamentDivision} from "../../model/tournamentDivision";
 import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {KeyValuePipe, NgForOf, NgIf} from "@angular/common";
+import {NgForOf, NgIf} from "@angular/common";
 import {
   MatAccordion,
   MatExpansionPanel,
@@ -12,25 +11,23 @@ import {
   MatExpansionPanelTitle
 } from "@angular/material/expansion";
 import {Event} from "../../model/event";
-import {Player, Strength} from "../../model/player";
-import {EventDivision} from "../../model/eventDivision";
+import {Strength} from "../../model/player";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 
 @Component({
     selector: 'app-tournament-divide',
-    imports: [
-        MatCard,
-        MatCardHeader,
-        NgIf,
-        MatCardContent,
-        MatExpansionPanel,
-        MatExpansionPanelTitle,
-        MatExpansionPanelHeader,
-        NgForOf,
-        KeyValuePipe,
-        FullNamePipe,
-        MatAccordion
-    ],
+  imports: [
+    MatCard,
+    MatCardHeader,
+    NgIf,
+    MatCardContent,
+    MatExpansionPanel,
+    MatExpansionPanelTitle,
+    MatExpansionPanelHeader,
+    NgForOf,
+    FullNamePipe,
+    MatAccordion
+  ],
     templateUrl: './tournament-divide.component.html',
     styleUrl: './tournament-divide.component.scss'
 })

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

@@ -16,19 +16,18 @@ import {FullNamePipe} from "../../pipes/fullname-pipe";
 
 @Component({
     selector: 'app-tournament-draw',
-    imports: [
-        FullNamePipe,
-        MatCard,
-        NgIf,
-        MatCardContent,
-        MatCardHeader,
-        MatExpansionPanel,
-        MatExpansionPanelHeader,
-        MatExpansionPanelTitle,
-        NgForOf,
-        TeamPipe,
-        MatAccordion
-    ],
+  imports: [
+    MatCard,
+    NgIf,
+    MatCardContent,
+    MatCardHeader,
+    MatExpansionPanel,
+    MatExpansionPanelHeader,
+    MatExpansionPanelTitle,
+    NgForOf,
+    TeamPipe,
+    MatAccordion
+  ],
     providers: [
         FullNamePipe,
         TeamPipe

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

@@ -5,41 +5,37 @@ import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardActions, MatCardContent, MatCardHeader} from "@angular/material/card";
+import {MatCard, MatCardActions, MatCardContent} from "@angular/material/card";
 import {MatFormField, MatHint, MatLabel} from "@angular/material/form-field";
 import {MatInput} from "@angular/material/input";
 import {MatRadioButton, MatRadioGroup} from "@angular/material/radio";
-import {CurrencyPipe, NgForOf, registerLocaleData} from "@angular/common";
+import {CurrencyPipe, registerLocaleData} from "@angular/common";
 import nl from "@angular/common/locales/nl";
 import {TitleService} from "../../service/title.service";
-import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";
+import {NgxMaskDirective} from "ngx-mask";
 import {MatSnackBar} from "@angular/material/snack-bar";
 
 registerLocaleData(nl);
 
 @Component({
     selector: 'app-tournament-edit',
-    imports: [
-        FormsModule,
-        RouterLink,
-        MatAnchor,
-        MatButton,
-        MatIcon,
-        MatCard,
-        MatCardHeader,
-        MatCardContent,
-        MatFormField,
-        MatInput,
-        MatLabel,
-        MatCardActions,
-        MatRadioButton,
-        MatRadioGroup,
-        NgForOf,
-        CurrencyPipe,
-        MatHint,
-        NgxMaskDirective,
-        NgxMaskPipe
-    ],
+  imports: [
+    FormsModule,
+    RouterLink,
+    MatAnchor,
+    MatButton,
+    MatIcon,
+    MatCard,
+    MatCardContent,
+    MatFormField,
+    MatInput,
+    MatLabel,
+    MatCardActions,
+    MatRadioButton,
+    MatRadioGroup,
+    MatHint,
+    NgxMaskDirective
+  ],
     providers: [
         CurrencyPipe
     ],

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

@@ -1,28 +1,19 @@
-import {AfterContentChecked, AfterContentInit, Component, EventEmitter, OnInit, Output} from '@angular/core';
+import {AfterContentChecked, Component, OnInit} from '@angular/core';
 import {NgFor, NgIf} from "@angular/common";
 import {RouterLink} from "@angular/router";
 import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
-import {MatAnchor, MatButton, MatIconButton} from "@angular/material/button";
+import {MatAnchor, MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
-import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
-import {
-  MatCell,
-  MatCellDef,
-  MatColumnDef,
-  MatHeaderCell,
-  MatHeaderCellDef,
-  MatHeaderRow, MatRow,
-  MatTable, MatTableModule
-} from "@angular/material/table";
-import {MatMenuTrigger} from "@angular/material/menu";
+import {MatCard, MatCardContent} from "@angular/material/card";
+import {MatTableModule} from "@angular/material/table";
 import {TitleService} from "../../service/title.service";
 
 @Component({
     selector: 'app-tournament-list',
-    imports: [
-        NgFor, RouterLink, NgIf, MatAnchor, MatIcon, MatCard, MatCardHeader, MatCardContent, MatButton, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatRow, MatTableModule, MatIconButton, MatMenuTrigger
-    ],
+  imports: [
+    NgFor, RouterLink, NgIf, MatAnchor, MatIcon, MatCard, MatCardContent, MatButton, MatTableModule
+  ],
     templateUrl: './tournament-list.component.html',
     styleUrl: './tournament-list.component.scss'
 })

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

@@ -4,7 +4,6 @@ import {Tournament} from "../../model/tournament";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";
 import {NgForOf, NgIf} from "@angular/common";
-import {Player} from "../../model/player";
 import {Event} from "../../model/event";
 import {FullNamePipe} from "../../pipes/fullname-pipe";
 import {TitleService} from "../../service/title.service";

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

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
 import {Tournament} from "../../model/tournament";
-import {AsyncPipe, NgForOf, NgIf} from "@angular/common";
+import {NgForOf, NgIf} from "@angular/common";
 import {Event} from "../../model/event";
 import {TournamentService} from "../../service/tournament.service";
 import {ActivatedRoute, Router} from "@angular/router";