sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Un peu de style sur le menu de navigation

Browse Source
This commit is contained in:
Sébastien André
2020-04-29 12:00:25 +02:00
parent f612f8c8b4
commit e60ad1d3fa
3 changed files with 43 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Front/skydivelogs-app/src/app/app.component.css
View File

@@ -43,3 +43,9 @@
cursor: pointer; cursor: pointer;
color: #424242; color: #424242;
} }
.navigation .splitter {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

45
Front/skydivelogs-app/src/app/app.component.html
View File

@@ -25,20 +25,41 @@
<nav class="navigation" [ngClass]="{'side-menu-active': showMenu}"> <nav class="navigation" [ngClass]="{'side-menu-active': showMenu}">
<ul> <ul>
<li><a routerLink="/summary" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>Summary</a> <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>
<li><a routerLink="/jumps" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of <li>
jumps</a></li> <mat-icon aria-hidden="false" aria-label="List of jumps">list_alt</mat-icon>
<li><a routerLink="/dzs" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of DZs</a> <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> </li>
<li><a routerLink="/aircrafts" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
aircrafts</a></li>
<li><a routerLink="/jumpTypes" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
jump types</a></li>
<li><a routerLink="/gears" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>List of
gears</a></li>
<li><a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>Add a new
jump</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>

8
Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
View File

@@ -5,10 +5,10 @@
<ng-container matColumnDef="isfavorite"> <ng-container matColumnDef="isfavorite">
<th mat-header-cell *matHeaderCellDef></th> <th mat-header-cell *matHeaderCellDef></th>
<td mat-cell *matCellDef="let element" style="text-align: center;"> <td mat-cell *matCellDef="let element" style="text-align: center;">
<img src="../../assets/img/favorite.png" alt="favorite DZ" *ngIf="element.isFavorite === true" <mat-icon aria-hidden="false" aria-label="Favorit" *ngIf="element.isFavorite === true"
(click)="removeToFavorite(element)"> (click)="removeToFavorite(element)">favorite</mat-icon>
<img src="../../assets/img/not-favorite.png" alt="favorite DZ" *ngIf="element.isFavorite === false" <mat-icon aria-hidden="false" aria-label="Not favorite" *ngIf="element.isFavorite === false"
(click)="setToFavorite(element)"> (click)="setToFavorite(element)">favorite_border</mat-icon>
</td> </td>
</ng-container> </ng-container>