70 lines
3.3 KiB
HTML
70 lines
3.3 KiB
HTML
<header *ngIf="this.show()">
|
|
<div style="display: flex; justify-content: space-between;">
|
|
<div>
|
|
<svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
|
|
<rect id="Rectangle_9" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
|
|
transform="translate(31.5 58)"></rect>
|
|
<rect id="Rectangle_10" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 10" rx="2"
|
|
transform="translate(31.5 44)"></rect>
|
|
<rect id="Rectangle_11" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
|
|
transform="translate(31.5 30)"></rect>
|
|
</svg>
|
|
<h2 style="display: inline;">{{ title }}</h2>
|
|
</div>
|
|
<div>
|
|
<a routerLink="/user" routerLinkActive="active" skipLocationChange>
|
|
<mat-icon aria-hidden="false" aria-label="User account">account_box</mat-icon>
|
|
<h2 style="display: inline;" *ngIf="currentUser">{{ this.currentUser.firstName }}
|
|
{{ this.currentUser.lastName }}</h2>
|
|
</a>
|
|
<a *ngIf="currentUser" (click)="logout()" style="cursor: pointer; margin-left:15px;">
|
|
<mat-icon aria-hidden="false" aria-label="To logout">logout</mat-icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="navigation" [ngClass]="{'side-menu-active': showMenu}">
|
|
<ul>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="Summary">timeline</mat-icon>
|
|
<a routerLink="/summary" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>Summary</a>
|
|
<hr class="splitter">
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="List of jumps">list_alt</mat-icon>
|
|
<a routerLink="/jumps" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
|
|
jumps</a>
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="Add jumps">add_circle</mat-icon>
|
|
<a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>Add a new
|
|
jump</a>
|
|
<hr class="splitter">
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="Dropzones">store</mat-icon>
|
|
<a routerLink="/dzs" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of DZs</a>
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="Aircrafts">airplanemode_active</mat-icon>
|
|
<a routerLink="/aircrafts" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
|
|
aircrafts</a>
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="List of jump types">flight_land</mat-icon>
|
|
<a routerLink="/jumpTypes" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
|
|
jump types</a>
|
|
</li>
|
|
<li>
|
|
<mat-icon aria-hidden="false" aria-label="List of gears">settings_input_antenna</mat-icon>
|
|
<a routerLink="/gears" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
|
|
gears</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<router-outlet></router-outlet>
|
|
|
|
<footer style="text-align: right;">Web software to log your skydive jumps - v{{ version }} - @Séb</footer>
|