Update to Angular v19 and fixing #3
@@ -1,76 +1,162 @@
|
|||||||
<mat-toolbar *ngIf="this.show()">
|
<mat-toolbar *ngIf="this.show()">
|
||||||
<button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button>
|
<button mat-icon-button (click)="snav.toggle()">
|
||||||
|
<mat-icon>menu</mat-icon>
|
||||||
|
</button>
|
||||||
<h2>{{ title }}</h2>
|
<h2>{{ title }}</h2>
|
||||||
<mat-select (selectionChange)="switchLang($event)" [(value)]="selectedLanguageFlag"
|
|
||||||
style="margin-left:50px; width: 60px;" >
|
<mat-select
|
||||||
|
[(value)]="selectedLanguageFlag"
|
||||||
|
(selectionChange)="switchLang($event)"
|
||||||
|
style="margin-left: 50px; width: 100px"
|
||||||
|
>
|
||||||
<mat-select-trigger>
|
<mat-select-trigger>
|
||||||
<img src="{{ 'assets/img/' + selectedLanguageFlag + '.svg' }}" style="width: 30px;">
|
<img
|
||||||
|
src="{{ 'assets/img/' + selectedLanguageFlag + '.svg' }}"
|
||||||
|
style="width: 30px"
|
||||||
|
/>
|
||||||
</mat-select-trigger>
|
</mat-select-trigger>
|
||||||
<mat-option value="fr">
|
<mat-option value="fr">
|
||||||
<img src="assets/img/fr.svg" style="width: 30px;">
|
<img src="assets/img/fr.svg" style="width: 30px" />
|
||||||
</mat-option>
|
</mat-option>
|
||||||
<mat-option value="en">
|
<mat-option value="en">
|
||||||
<img src="assets/img/en.svg" style="width: 30px;">
|
<img src="assets/img/en.svg" style="width: 30px" />
|
||||||
</mat-option>
|
</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-toolbar>
|
</mat-toolbar>
|
||||||
|
|
||||||
<mat-sidenav-container>
|
<mat-sidenav-container>
|
||||||
<mat-sidenav #snav mode="over" style="padding: 0 20px 0 10px;">
|
<mat-sidenav #snav mode="over" style="padding: 0 20px 0 10px">
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="Summary">timeline</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="Summary">timeline</mat-icon>
|
||||||
<a routerLink="/summary" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Summary' | translate }}</a>
|
<a
|
||||||
<hr class="splitter">
|
routerLink="/summary"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_Summary" | translate }}</a
|
||||||
|
>
|
||||||
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="List of jumps">list_alt</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="List of jumps"
|
||||||
<a routerLink="/jumps" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Jumps' | translate }}</a>
|
>list_alt</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/jumps"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_Jumps" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="Add jumps">add_circle</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="Add jumps">add_circle</mat-icon>
|
||||||
<a routerLink="/newjump" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_NewJump' | translate }}</a>
|
<a
|
||||||
<hr class="splitter">
|
routerLink="/newjump"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_NewJump" | translate }}</a
|
||||||
|
>
|
||||||
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="List of tunnel flights">list_alt</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="List of tunnel flights"
|
||||||
<a routerLink="/tunnelFlights" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_TunnelFlights' | translate }}</a>
|
>list_alt</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/tunnelFlights"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_TunnelFlights" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="Add flights in tunnel">add_circle</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="Add flights in tunnel"
|
||||||
<a routerLink="/newTunnelFlight" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_NewTunnelFlight' | translate }}</a>
|
>add_circle</mat-icon
|
||||||
<hr class="splitter">
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/newTunnelFlight"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_NewTunnelFlight" | translate }}</a
|
||||||
|
>
|
||||||
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="Dropzones">store</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="Dropzones">store</mat-icon>
|
||||||
<a routerLink="/dzs" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Dzs' | translate }}</a>
|
<a
|
||||||
|
routerLink="/dzs"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_Dzs" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="Aircrafts">airplanemode_active</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="Aircrafts"
|
||||||
<a routerLink="/aircrafts" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Aircrafts' | translate }}</a>
|
>airplanemode_active</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/aircrafts"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_Aircrafts" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="List of jump types">flight_land</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="List of jump types"
|
||||||
<a routerLink="/jumpTypes" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_JumpTypes' | translate }}</a>
|
>flight_land</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/jumpTypes"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_JumpTypes" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon aria-hidden="false" aria-label="List of gears">settings_input_antenna</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="List of gears"
|
||||||
<a routerLink="/gears" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Gears' | translate }}</a>
|
>settings_input_antenna</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/gears"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>{{ "App_Nav_Gears" | translate }}</a
|
||||||
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list *ngIf="currentUser">
|
<mat-nav-list *ngIf="currentUser">
|
||||||
<hr class="splitter">
|
<hr class="splitter" />
|
||||||
<mat-icon aria-hidden="false" aria-label="User account">account_box</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="User account"
|
||||||
<a routerLink="/user" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>
|
>account_box</mat-icon
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
routerLink="/user"
|
||||||
|
routerLinkActive="active"
|
||||||
|
(click)="snav.toggle()"
|
||||||
|
skipLocationChange
|
||||||
|
>
|
||||||
{{ this.currentUser.firstName }} {{ this.currentUser.lastName }}
|
{{ this.currentUser.firstName }} {{ this.currentUser.lastName }}
|
||||||
</a>
|
</a>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list *ngIf="currentUser">
|
<mat-nav-list *ngIf="currentUser">
|
||||||
<mat-icon aria-hidden="false" aria-label="To logout">logout</mat-icon>
|
<mat-icon aria-hidden="false" aria-label="To logout">logout</mat-icon>
|
||||||
<span (click)="snav.toggle(); logout()" style="cursor: pointer;">{{ 'App_Nav_Logout' | translate }}</span>
|
<span (click)="snav.toggle(); logout()" style="cursor: pointer">{{
|
||||||
|
"App_Nav_Logout" | translate
|
||||||
|
}}</span>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
</mat-sidenav>
|
</mat-sidenav>
|
||||||
|
|
||||||
<mat-sidenav-content>
|
<mat-sidenav-content>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
<footer style="text-align: right;">{{ 'App_Footer' | translate }}{{ version }} - @Séb</footer>
|
<footer style="text-align: right">
|
||||||
|
{{ "App_Footer" | translate }}{{ version }} - @Séb
|
||||||
|
</footer>
|
||||||
</mat-sidenav-content>
|
</mat-sidenav-content>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
|
|||||||
import { MatRadioModule } from "@angular/material/radio";
|
import { MatRadioModule } from "@angular/material/radio";
|
||||||
import { MatProgressBarModule } from "@angular/material/progress-bar";
|
import { MatProgressBarModule } from "@angular/material/progress-bar";
|
||||||
import { FormsModule } from "@angular/forms";
|
import { FormsModule } from "@angular/forms";
|
||||||
|
import { MatButtonModule } from "@angular/material/button";
|
||||||
|
|
||||||
import { ChartConfiguration, ChartData, ChartType } from "chart.js";
|
import { ChartConfiguration, ChartData, ChartType } from "chart.js";
|
||||||
import { from, groupBy, mergeMap, reduce, map } from "rxjs";
|
import { from, groupBy, mergeMap, reduce, map } from "rxjs";
|
||||||
@@ -37,6 +38,7 @@ import { TunnelFlight, TunnelFlightByMonth } from "../../models/tunnel-flight";
|
|||||||
FormsModule,
|
FormsModule,
|
||||||
RouterModule,
|
RouterModule,
|
||||||
MatTableModule,
|
MatTableModule,
|
||||||
|
MatButtonModule,
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
export class ListOfTunnelFlightsComponent implements OnInit {
|
export class ListOfTunnelFlightsComponent implements OnInit {
|
||||||
|
|||||||
Reference in New Issue
Block a user