Le nom de la page clickable pour afficher le menu
This commit is contained in:
@@ -1,195 +1,200 @@
|
|||||||
@if (this.show()) {
|
@if (this.show()) {
|
||||||
<mat-toolbar>
|
<mat-toolbar>
|
||||||
<mat-icon svgIcon="menu" (click)="snav.toggle()"></mat-icon>
|
<h2 (click)="snav.toggle()">
|
||||||
<h2>{{ translatedTitle }}</h2>
|
<mat-icon svgIcon="menu"></mat-icon>
|
||||||
<mat-select
|
{{ translatedTitle }}
|
||||||
[(value)]="selectedLanguageFlag"
|
</h2>
|
||||||
(selectionChange)="switchLang($event)"
|
<mat-select
|
||||||
style="margin-left: 50px; width: 100px"
|
[(value)]="selectedLanguageFlag"
|
||||||
>
|
(selectionChange)="switchLang($event)"
|
||||||
<mat-select-trigger>
|
style="margin-left: 50px; width: 100px"
|
||||||
<img
|
>
|
||||||
src="{{ 'assets/img/' + selectedLanguageFlag + '.svg' }}"
|
<mat-select-trigger>
|
||||||
style="width: 30px"
|
<img
|
||||||
/>
|
src="{{ 'assets/img/' + selectedLanguageFlag + '.svg' }}"
|
||||||
</mat-select-trigger>
|
style="width: 30px"
|
||||||
<mat-option value="fr">
|
/>
|
||||||
<img src="assets/img/fr.svg" style="width: 30px" />
|
</mat-select-trigger>
|
||||||
</mat-option>
|
<mat-option value="fr">
|
||||||
<mat-option value="en">
|
<img src="assets/img/fr.svg" style="width: 30px" />
|
||||||
<img src="assets/img/en.svg" style="width: 30px" />
|
</mat-option>
|
||||||
</mat-option>
|
<mat-option value="en">
|
||||||
</mat-select>
|
<img src="assets/img/en.svg" style="width: 30px" />
|
||||||
</mat-toolbar>
|
</mat-option>
|
||||||
|
</mat-select>
|
||||||
|
</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
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="Summary"
|
aria-label="Summary"
|
||||||
svgIcon="summary"
|
svgIcon="summary"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/summary"
|
routerLink="/summary"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_Summary" | translate }}</a
|
>{{ "App_Nav_Summary" | translate }}</a
|
||||||
>
|
>
|
||||||
<hr class="splitter" />
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="List of jumps"
|
aria-label="List of jumps"
|
||||||
svgIcon="list"
|
svgIcon="list"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/jumps"
|
routerLink="/jumps"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_Jumps" | translate }}</a
|
>{{ "App_Nav_Jumps" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="Add jumps"
|
aria-label="Add jumps"
|
||||||
svgIcon="add"
|
svgIcon="add"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/newjump"
|
routerLink="/newjump"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_NewJump" | translate }}</a
|
>{{ "App_Nav_NewJump" | translate }}</a
|
||||||
>
|
>
|
||||||
<hr class="splitter" />
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="List of tunnel flights"
|
aria-label="List of tunnel flights"
|
||||||
svgIcon="list"
|
svgIcon="list"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/tunnelFlights"
|
routerLink="/tunnelFlights"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_TunnelFlights" | translate }}</a
|
>{{ "App_Nav_TunnelFlights" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="Add flights in tunnel"
|
aria-label="Add flights in tunnel"
|
||||||
svgIcon="add"
|
svgIcon="add"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/newTunnelFlight"
|
routerLink="/newTunnelFlight"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_NewTunnelFlight" | translate }}</a
|
>{{ "App_Nav_NewTunnelFlight" | translate }}</a
|
||||||
>
|
>
|
||||||
<hr class="splitter" />
|
<hr class="splitter" />
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="Dropzones"
|
aria-label="Dropzones"
|
||||||
svgIcon="dz"
|
svgIcon="dz"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/dzs"
|
routerLink="/dzs"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_Dzs" | translate }}</a
|
>{{ "App_Nav_Dzs" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="Aircrafts"
|
aria-label="Aircrafts"
|
||||||
svgIcon="aircraft"
|
svgIcon="aircraft"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/aircrafts"
|
routerLink="/aircrafts"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_Aircrafts" | translate }}</a
|
>{{ "App_Nav_Aircrafts" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="List of jump types"
|
aria-label="List of jump types"
|
||||||
svgIcon="flight_land"
|
svgIcon="flight_land"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/jumpTypes"
|
routerLink="/jumpTypes"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_JumpTypes" | translate }}</a
|
>{{ "App_Nav_JumpTypes" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="List of gears"
|
aria-label="List of gears"
|
||||||
svgIcon="gear"
|
svgIcon="gear"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/gears"
|
routerLink="/gears"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>{{ "App_Nav_Gears" | translate }}</a
|
>{{ "App_Nav_Gears" | translate }}</a
|
||||||
>
|
>
|
||||||
</mat-nav-list>
|
</mat-nav-list>
|
||||||
@if (currentUser) {
|
@if (currentUser) {
|
||||||
<mat-nav-list>
|
<mat-nav-list>
|
||||||
<hr class="splitter" />
|
<hr class="splitter" />
|
||||||
<mat-icon
|
<mat-icon
|
||||||
aria-hidden="false"
|
aria-hidden="false"
|
||||||
aria-label="User account"
|
aria-label="User account"
|
||||||
svgIcon="account"
|
svgIcon="account"
|
||||||
></mat-icon>
|
></mat-icon>
|
||||||
<a
|
<a
|
||||||
routerLink="/user"
|
routerLink="/user"
|
||||||
routerLinkActive="active"
|
routerLinkActive="active"
|
||||||
(click)="snav.toggle()"
|
(click)="snav.toggle()"
|
||||||
skipLocationChange
|
skipLocationChange
|
||||||
>
|
>
|
||||||
{{ this.currentUser.firstName }} {{ this.currentUser.lastName }}
|
{{ this.currentUser.firstName }}
|
||||||
</a>
|
{{ this.currentUser.lastName }}
|
||||||
</mat-nav-list>
|
</a>
|
||||||
}
|
</mat-nav-list>
|
||||||
@if (currentUser) {
|
}
|
||||||
<mat-nav-list>
|
@if (currentUser) {
|
||||||
<mat-icon
|
<mat-nav-list>
|
||||||
aria-hidden="false"
|
<mat-icon
|
||||||
aria-label="To logout"
|
aria-hidden="false"
|
||||||
svgIcon="logout"
|
aria-label="To logout"
|
||||||
></mat-icon>
|
svgIcon="logout"
|
||||||
<span (click)="snav.toggle(); logout()" style="cursor: pointer">{{
|
></mat-icon>
|
||||||
"App_Nav_Logout" | translate
|
<span
|
||||||
}}</span>
|
(click)="snav.toggle(); logout()"
|
||||||
</mat-nav-list>
|
style="cursor: pointer"
|
||||||
}
|
>{{ "App_Nav_Logout" | translate }}</span
|
||||||
</mat-sidenav>
|
>
|
||||||
|
</mat-nav-list>
|
||||||
|
}
|
||||||
|
</mat-sidenav>
|
||||||
|
|
||||||
<mat-sidenav-content>
|
<mat-sidenav-content>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
<footer style="text-align: right">
|
<footer style="text-align: right">
|
||||||
{{ "App_Footer" | translate }}{{ version }} - @Séb
|
{{ "App_Footer" | translate }}{{ version }} - @Séb
|
||||||
</footer>
|
</footer>
|
||||||
</mat-sidenav-content>
|
</mat-sidenav-content>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
|
|||||||
Reference in New Issue
Block a user