Update angular to 19

2025-08-09 20:19:33 +02:00
parent 425742a7db
commit e2494197cd
20 changed files with 1731 additions and 1613 deletions
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -11,12 +11,11 @@ import {UserService} from "./authentication/user.service";
 import {TournamentService} from "./service/tournament.service";

@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterOutlet, CommonModule, RouterLink, RouterLinkActive, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatIconButton, MatMiniFabButton, MatMenuTrigger, MatMenu, MatMenuItem],
-  providers: [TitleService],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
+    selector: 'app-root',
+    imports: [RouterOutlet, CommonModule, RouterLink, RouterLinkActive, MatAnchor, MatIcon, MatButton, MatToolbar, NgOptimizedImage, MatIconButton, MatMiniFabButton, MatMenuTrigger, MatMenu, MatMenuItem],
+    providers: [TitleService],
+    templateUrl: './app.component.html',
+    styleUrl: './app.component.scss'
 })
 export class AppComponent implements OnInit, OnDestroy {

--- a/src/app/components/court-selection/court-selection.component.ts
+++ b/src/app/components/court-selection/court-selection.component.ts
@@ -11,18 +11,17 @@ import {NgForOf} from "@angular/common";
 import {MatButton} from "@angular/material/button";

@Component({
-  selector: 'app-court-selection',
-  standalone: true,
-  imports: [
-    MatDialogTitle,
-    MatDialogContent,
-    NgForOf,
-    MatButton,
-    MatDialogClose,
-    MatDialogActions
-  ],
-  templateUrl: './court-selection.component.html',
-  styleUrl: './court-selection.component.scss'
+    selector: 'app-court-selection',
+    imports: [
+        MatDialogTitle,
+        MatDialogContent,
+        NgForOf,
+        MatButton,
+        MatDialogClose,
+        MatDialogActions
+    ],
+    templateUrl: './court-selection.component.html',
+    styleUrl: './court-selection.component.scss'
 })
 export class CourtSelectionComponent {

--- a/src/app/components/login/login.component.ts
+++ b/src/app/components/login/login.component.ts
@@ -14,24 +14,23 @@ import {TitleService} from "../../service/title.service";


@Component({
-  selector: 'app-login',
-  templateUrl: './login.component.html',
-  standalone: true,
-  imports: [
-    MatCardTitle,
-    MatCardContent,
-    ReactiveFormsModule,
-    MatFormField,
-    MatButton,
-    RouterLink,
-    MatInput,
-    NgIf,
-    MatLabel,
-    MatError,
-    MatCard,
-    MatCardHeader
-  ],
-  styleUrls: ['./login.component.scss']
+    selector: 'app-login',
+    templateUrl: './login.component.html',
+    imports: [
+        MatCardTitle,
+        MatCardContent,
+        ReactiveFormsModule,
+        MatFormField,
+        MatButton,
+        RouterLink,
+        MatInput,
+        NgIf,
+        MatLabel,
+        MatError,
+        MatCard,
+        MatCardHeader
+    ],
+    styleUrls: ['./login.component.scss']
 })
 export class LoginComponent implements OnInit {
  public form: FormGroup;
--- a/src/app/components/match-result/match-result.component.ts
+++ b/src/app/components/match-result/match-result.component.ts
@@ -21,34 +21,33 @@ import {Group} from "../../model/group";
 import {Game} from "../../model/game";

@Component({
-  selector: 'app-match-result',
-  standalone: true,
-  imports: [
-    MatDialogContent,
-    MatDialogActions,
-    MatButton,
-    MatDialogClose,
-    MatDialogTitle,
-    DatePipe,
-    MatIcon,
-    NgForOf,
-    TeamPipe,
-    MatInput,
-    ReactiveFormsModule,
-    FormsModule,
-    MatFormField,
-    MatGridList,
-    MatGridTile,
-    MatGridTileText,
-    MatIconButton,
-    NgClass
-  ],
-  providers: [
-    FullNamePipe,
-    TeamPipe
-  ],
-  templateUrl: './match-result.component.html',
-  styleUrl: './match-result.component.scss'
+    selector: 'app-match-result',
+    imports: [
+        MatDialogContent,
+        MatDialogActions,
+        MatButton,
+        MatDialogClose,
+        MatDialogTitle,
+        DatePipe,
+        MatIcon,
+        NgForOf,
+        TeamPipe,
+        MatInput,
+        ReactiveFormsModule,
+        FormsModule,
+        MatFormField,
+        MatGridList,
+        MatGridTile,
+        MatGridTileText,
+        MatIconButton,
+        NgClass
+    ],
+    providers: [
+        FullNamePipe,
+        TeamPipe
+    ],
+    templateUrl: './match-result.component.html',
+    styleUrl: './match-result.component.scss'
 })
 export class MatchResultComponent {

--- a/src/app/components/match-sheets/match-sheets.component.ts
+++ b/src/app/components/match-sheets/match-sheets.component.ts
@@ -14,24 +14,23 @@ import {ReactiveFormsModule} from "@angular/forms";
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-match-sheets',
-  standalone: true,
-  imports: [
-    MatCard,
-    MatCardHeader,
-    MatCardContent,
-    TeamPipe,
-    NgForOf,
-    MatFormField,
-    MatInput,
-    ReactiveFormsModule
-  ],
-  providers: [
-    TeamPipe,
-    FullNamePipe
-  ],
-  templateUrl: './match-sheets.component.html',
-  styleUrl: './match-sheets.component.scss'
+    selector: 'app-match-sheets',
+    imports: [
+        MatCard,
+        MatCardHeader,
+        MatCardContent,
+        TeamPipe,
+        NgForOf,
+        MatFormField,
+        MatInput,
+        ReactiveFormsModule
+    ],
+    providers: [
+        TeamPipe,
+        FullNamePipe
+    ],
+    templateUrl: './match-sheets.component.html',
+    styleUrl: './match-sheets.component.scss'
 })
 export class MatchSheetsComponent implements OnInit {

--- a/src/app/components/player-edit/player-edit.component.ts
+++ b/src/app/components/player-edit/player-edit.component.ts
@@ -17,37 +17,36 @@ import {MatSnackBar} from "@angular/material/snack-bar";
 import {NgxMaskDirective, NgxMaskPipe} from "ngx-mask";

@Component({
-  selector: 'app-player-edit',
-  standalone: true,
-  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
-  ],
-  templateUrl: './player-edit.component.html',
-  styleUrl: './player-edit.component.scss'
+    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
+    ],
+    templateUrl: './player-edit.component.html',
+    styleUrl: './player-edit.component.scss'
 })
 export class PlayerEditComponent implements OnInit {
  player: Player;
--- a/src/app/components/player-link/player-link.component.ts
+++ b/src/app/components/player-link/player-link.component.ts
@@ -3,14 +3,13 @@ import {MatAnchor} from "@angular/material/button";
 import {RouterLink} from "@angular/router";

@Component({
-  selector: 'player-link',
-  standalone: true,
-  imports: [
-    MatAnchor,
-    RouterLink
-  ],
-  templateUrl: './player-link.component.html',
-  styleUrl: './player-link.component.scss'
+    selector: 'player-link',
+    imports: [
+        MatAnchor,
+        RouterLink
+    ],
+    templateUrl: './player-link.component.html',
+    styleUrl: './player-link.component.scss'
 })
 export class PlayerLinkComponent implements OnInit {

--- a/src/app/components/player-list/player-list.component.ts
+++ b/src/app/components/player-list/player-list.component.ts
@@ -23,12 +23,11 @@ import {MatPaginator} from "@angular/material/paginator";
 import {MatSort, MatSortHeader} from "@angular/material/sort";

@Component({
-  selector: 'app-player-list',
-  standalone: true,
-  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],
-  providers: [FullNamePipe],
-  templateUrl: './player-list.component.html',
-  styleUrl: './player-list.component.scss'
+    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],
+    providers: [FullNamePipe],
+    templateUrl: './player-list.component.html',
+    styleUrl: './player-list.component.scss'
 })
 export class PlayerListComponent implements AfterViewInit {

--- a/src/app/components/player-registrations/player-registrations.component.ts
+++ b/src/app/components/player-registrations/player-registrations.component.ts
@@ -20,36 +20,35 @@ import {Tournament} from "../../model/tournament";
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-player-registrations',
-  standalone: true,
-  imports: [
-    MatCard,
-    MatCardContent,
-    MatCardHeader,
-    MatFormField,
-    MatInput,
-    MatLabel,
-    NgFor,
-    ReactiveFormsModule,
-    FormsModule,
-    MatCheckbox,
-    NgIf,
-    MatCardActions,
-    RouterLink,
-    KeyValuePipe,
-    MatOption,
-    MatSelect,
-    MatIcon,
-    MatFabButton,
-    MatButton,
-    MatAnchor,
-    FullNamePipe
-  ],
-  providers: [
-    FullNamePipe
-  ],
-  templateUrl: './player-registrations.component.html',
-  styleUrl: './player-registrations.component.scss'
+    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
+    ],
+    providers: [
+        FullNamePipe
+    ],
+    templateUrl: './player-registrations.component.html',
+    styleUrl: './player-registrations.component.scss'
 })
 export class PlayerRegistrationsComponent implements OnInit {

--- a/src/app/components/round-overview/round-overview.component.ts
+++ b/src/app/components/round-overview/round-overview.component.ts
@@ -14,25 +14,24 @@ import {MatMenu, MatMenuItem} from "@angular/material/menu";
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-round-overview',
-  standalone: true,
-  imports: [
-    NgForOf,
-    TeamPipe,
-    DecimalPipe,
-    MatButton,
-    MatIcon,
-    MatIconButton,
-    MatMenu,
-    MatMenuItem,
-    FullNamePipe
-  ],
-  providers: [
-    TeamPipe,
-    FullNamePipe
-  ],
-  templateUrl: './round-overview.component.html',
-  styleUrl: './round-overview.component.scss'
+    selector: 'app-round-overview',
+    imports: [
+        NgForOf,
+        TeamPipe,
+        DecimalPipe,
+        MatButton,
+        MatIcon,
+        MatIconButton,
+        MatMenu,
+        MatMenuItem,
+        FullNamePipe
+    ],
+    providers: [
+        TeamPipe,
+        FullNamePipe
+    ],
+    templateUrl: './round-overview.component.html',
+    styleUrl: './round-overview.component.scss'
 })
 export class RoundOverviewComponent implements OnInit {

--- a/src/app/components/tournament-divide/tournament-divide.component.ts
+++ b/src/app/components/tournament-divide/tournament-divide.component.ts
@@ -17,23 +17,22 @@ import {EventDivision} from "../../model/eventDivision";
 import {FullNamePipe} from "../../pipes/fullname-pipe";

@Component({
-  selector: 'app-tournament-divide',
-  standalone: true,
-  imports: [
-    MatCard,
-    MatCardHeader,
-    NgIf,
-    MatCardContent,
-    MatExpansionPanel,
-    MatExpansionPanelTitle,
-    MatExpansionPanelHeader,
-    NgForOf,
-    KeyValuePipe,
-    FullNamePipe,
-    MatAccordion
-  ],
-  templateUrl: './tournament-divide.component.html',
-  styleUrl: './tournament-divide.component.scss'
+    selector: 'app-tournament-divide',
+    imports: [
+        MatCard,
+        MatCardHeader,
+        NgIf,
+        MatCardContent,
+        MatExpansionPanel,
+        MatExpansionPanelTitle,
+        MatExpansionPanelHeader,
+        NgForOf,
+        KeyValuePipe,
+        FullNamePipe,
+        MatAccordion
+    ],
+    templateUrl: './tournament-divide.component.html',
+    styleUrl: './tournament-divide.component.scss'
 })
 export class TournamentDivideComponent implements OnInit {
  tournament?: Tournament;
--- a/src/app/components/tournament-draw/tournament-draw.component.ts
+++ b/src/app/components/tournament-draw/tournament-draw.component.ts
@@ -15,27 +15,26 @@ import {TeamPipe} from "../../pipes/team-pipe";
 import {FullNamePipe} from "../../pipes/fullname-pipe";

@Component({
-  selector: 'app-tournament-draw',
-  standalone: true,
-  imports: [
-    FullNamePipe,
-    MatCard,
-    NgIf,
-    MatCardContent,
-    MatCardHeader,
-    MatExpansionPanel,
-    MatExpansionPanelHeader,
-    MatExpansionPanelTitle,
-    NgForOf,
-    TeamPipe,
-    MatAccordion
-  ],
-  providers: [
-    FullNamePipe,
-    TeamPipe
-  ],
-  templateUrl: './tournament-draw.component.html',
-  styleUrl: './tournament-draw.component.scss'
+    selector: 'app-tournament-draw',
+    imports: [
+        FullNamePipe,
+        MatCard,
+        NgIf,
+        MatCardContent,
+        MatCardHeader,
+        MatExpansionPanel,
+        MatExpansionPanelHeader,
+        MatExpansionPanelTitle,
+        NgForOf,
+        TeamPipe,
+        MatAccordion
+    ],
+    providers: [
+        FullNamePipe,
+        TeamPipe
+    ],
+    templateUrl: './tournament-draw.component.html',
+    styleUrl: './tournament-draw.component.scss'
 })
 export class TournamentDrawComponent implements OnInit {

--- a/src/app/components/tournament-edit/tournament-edit.component.ts
+++ b/src/app/components/tournament-edit/tournament-edit.component.ts
@@ -18,34 +18,33 @@ import {MatSnackBar} from "@angular/material/snack-bar";
 registerLocaleData(nl);

@Component({
-  selector: 'app-tournament-edit',
-  standalone: true,
-  imports: [
-    FormsModule,
-    RouterLink,
-    MatAnchor,
-    MatButton,
-    MatIcon,
-    MatCard,
-    MatCardHeader,
-    MatCardContent,
-    MatFormField,
-    MatInput,
-    MatLabel,
-    MatCardActions,
-    MatRadioButton,
-    MatRadioGroup,
-    NgForOf,
-    CurrencyPipe,
-    MatHint,
-    NgxMaskDirective,
-    NgxMaskPipe
-  ],
-  providers: [
-    CurrencyPipe
-  ],
-  templateUrl: './tournament-edit.component.html',
-  styleUrl: './tournament-edit.component.scss'
+    selector: 'app-tournament-edit',
+    imports: [
+        FormsModule,
+        RouterLink,
+        MatAnchor,
+        MatButton,
+        MatIcon,
+        MatCard,
+        MatCardHeader,
+        MatCardContent,
+        MatFormField,
+        MatInput,
+        MatLabel,
+        MatCardActions,
+        MatRadioButton,
+        MatRadioGroup,
+        NgForOf,
+        CurrencyPipe,
+        MatHint,
+        NgxMaskDirective,
+        NgxMaskPipe
+    ],
+    providers: [
+        CurrencyPipe
+    ],
+    templateUrl: './tournament-edit.component.html',
+    styleUrl: './tournament-edit.component.scss'
 })
 export class TournamentEditComponent implements OnInit {

--- a/src/app/components/tournament-list/tournament-list.component.ts
+++ b/src/app/components/tournament-list/tournament-list.component.ts
@@ -19,13 +19,12 @@ import {MatMenuTrigger} from "@angular/material/menu";
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-tournament-list',
-  standalone: true,
-  imports: [
-    NgFor, RouterLink, NgIf, MatAnchor, MatIcon, MatCard, MatCardHeader, MatCardContent, MatButton, MatTable, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatHeaderRow, MatRow, MatTableModule, MatIconButton, MatMenuTrigger
-  ],
-  templateUrl: './tournament-list.component.html',
-  styleUrl: './tournament-list.component.scss'
+    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
+    ],
+    templateUrl: './tournament-list.component.html',
+    styleUrl: './tournament-list.component.scss'
 })
 export class TournamentListComponent implements OnInit, AfterContentChecked {

--- a/src/app/components/tournament-manage/tournament-manage.component.ts
+++ b/src/app/components/tournament-manage/tournament-manage.component.ts
@@ -34,45 +34,44 @@ import {Title} from '@angular/platform-browser';
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-tournament-manage',
-  standalone: true,
-  imports: [
-    FullNamePipe,
-    MatAccordion,
-    MatCard,
-    MatCardContent,
-    MatCardHeader,
-    MatExpansionPanel,
-    MatExpansionPanelHeader,
-    MatExpansionPanelTitle,
-    NgForOf,
-    NgIf,
-    TeamPipe,
-    MatIcon,
-    NgClass,
-    MatMenu,
-    MatMenuItem,
-    MatMenuTrigger,
-    FormsModule,
-    DatePipe,
-    MatTabGroup,
-    MatTab,
-    MatTabLabel,
-    MatButton,
-    MatIconButton,
-    DecimalPipe,
-    TournamentValidateComponent,
-    MatSlideToggle,
-    CurrencyPipe,
-    MatMenuContent
-  ],
-  providers: [
-    FullNamePipe,
-    TeamPipe,
-    MatchResultPipe
-  ],
-  templateUrl: './tournament-manage.component.html',
-  styleUrl: './tournament-manage.component.scss'
+    selector: 'app-tournament-manage',
+    imports: [
+        FullNamePipe,
+        MatAccordion,
+        MatCard,
+        MatCardContent,
+        MatCardHeader,
+        MatExpansionPanel,
+        MatExpansionPanelHeader,
+        MatExpansionPanelTitle,
+        NgForOf,
+        NgIf,
+        TeamPipe,
+        MatIcon,
+        NgClass,
+        MatMenu,
+        MatMenuItem,
+        MatMenuTrigger,
+        FormsModule,
+        DatePipe,
+        MatTabGroup,
+        MatTab,
+        MatTabLabel,
+        MatButton,
+        MatIconButton,
+        DecimalPipe,
+        TournamentValidateComponent,
+        MatSlideToggle,
+        CurrencyPipe,
+        MatMenuContent
+    ],
+    providers: [
+        FullNamePipe,
+        TeamPipe,
+        MatchResultPipe
+    ],
+    templateUrl: './tournament-manage.component.html',
+    styleUrl: './tournament-manage.component.scss'
 })
 export class TournamentManageComponent implements OnInit {

--- a/src/app/components/tournament-registrations/tournament-registrations.component.ts
+++ b/src/app/components/tournament-registrations/tournament-registrations.component.ts
@@ -10,18 +10,17 @@ import {FullNamePipe} from "../../pipes/fullname-pipe";
 import {TitleService} from "../../service/title.service";

@Component({
-  selector: 'app-tournament-registrations',
-  standalone: true,
-  imports: [
-    MatCard,
-    MatCardHeader,
-    MatCardContent,
-    NgForOf,
-    NgIf,
-    FullNamePipe
-  ],
-  templateUrl: './tournament-registrations.component.html',
-  styleUrl: './tournament-registrations.component.scss'
+    selector: 'app-tournament-registrations',
+    imports: [
+        MatCard,
+        MatCardHeader,
+        MatCardContent,
+        NgForOf,
+        NgIf,
+        FullNamePipe
+    ],
+    templateUrl: './tournament-registrations.component.html',
+    styleUrl: './tournament-registrations.component.scss'
 })
 export class TournamentRegistrationsComponent implements OnInit {

--- a/src/app/components/tournament-validate/tournament-validate.component.ts
+++ b/src/app/components/tournament-validate/tournament-validate.component.ts
@@ -19,25 +19,24 @@ import {PlayerService} from "../../service/player.service";
 import {PlayerLinkComponent} from "../player-link/player-link.component";

@Component({
-  selector: 'app-tournament-validate',
-  standalone: true,
-  imports: [
-    MatCard,
-    MatCardHeader,
-    MatCardContent,
-    NgForOf,
-    MatExpansionPanel,
-    MatExpansionPanelTitle,
-    MatExpansionPanelHeader,
-    NgIf,
-    MatAccordion,
-    AsyncPipe,
-    MatIcon,
-    FullNamePipe,
-    PlayerLinkComponent
-  ],
-  templateUrl: './tournament-validate.component.html',
-  styleUrl: './tournament-validate.component.scss'
+    selector: 'app-tournament-validate',
+    imports: [
+        MatCard,
+        MatCardHeader,
+        MatCardContent,
+        NgForOf,
+        MatExpansionPanel,
+        MatExpansionPanelTitle,
+        MatExpansionPanelHeader,
+        NgIf,
+        MatAccordion,
+        AsyncPipe,
+        MatIcon,
+        FullNamePipe,
+        PlayerLinkComponent
+    ],
+    templateUrl: './tournament-validate.component.html',
+    styleUrl: './tournament-validate.component.scss'
 })
 export class TournamentValidateComponent implements OnInit {
  tournament: Tournament;