Ménage

Test avec le thème  pour récupérer les icones

Front/skydivelogs-app/src/app/app.component.html

@@ -27,7 +27,11 @@
 <mat-sidenav-container>
   <mat-sidenav #snav mode="over" style="padding: 0 20px 0 10px">
     <mat-nav-list>
-      <mat-icon aria-hidden="false" aria-label="Summary">timeline</mat-icon>
+      <mat-icon
+        aria-hidden="false"
+        aria-label="Summary"
+        fontIcon="timeline"
+      ></mat-icon>
       <a
         routerLink="/summary"
         routerLinkActive="active"
@@ -38,9 +42,11 @@
       <hr class="splitter" />
     </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"
+        fontIcon="list_alt"
+      ></mat-icon>
       <a
         routerLink="/jumps"
         routerLinkActive="active"
@@ -50,7 +56,11 @@
       >
     </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"
+        fontIcon="add_circle"
+      ></mat-icon>
       <a
         routerLink="/newjump"
         routerLinkActive="active"
@@ -61,9 +71,11 @@
       <hr class="splitter" />
     </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"
+        fontIcon="list_alt"
+      ></mat-icon>
       <a
         routerLink="/tunnelFlights"
         routerLinkActive="active"
@@ -73,9 +85,11 @@
       >
     </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"
+        fontIcon="add_circle"
+      ></mat-icon>
       <a
         routerLink="/newTunnelFlight"
         routerLinkActive="active"
@@ -86,7 +100,11 @@
       <hr class="splitter" />
     </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"
+        fontIcon="store"
+      ></mat-icon>
       <a
         routerLink="/dzs"
         routerLinkActive="active"
@@ -96,9 +114,11 @@
       >
     </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"
+        fontIcon="airplanemode_active"
+      ></mat-icon>
       <a
         routerLink="/aircrafts"
         routerLinkActive="active"
@@ -108,9 +128,11 @@
       >
     </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"
+        fontIcon="flight_land"
+      ></mat-icon>
       <a
         routerLink="/jumpTypes"
         routerLinkActive="active"
@@ -120,9 +142,11 @@
       >
     </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"
+        fontIcon="settings_input_antenna"
+      ></mat-icon>
       <a
         routerLink="/gears"
         routerLinkActive="active"
@@ -133,9 +157,11 @@
     </mat-nav-list>
     <mat-nav-list *ngIf="currentUser">
       <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"
+        fontIcon="account_box"
+      ></mat-icon>
       <a
         routerLink="/user"
         routerLinkActive="active"
@@ -146,7 +172,11 @@
       </a>
     </mat-nav-list>
     <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"
+        fontIcon="logout"
+      ></mat-icon>
       <span (click)="snav.toggle(); logout()" style="cursor: pointer">{{
         "App_Nav_Logout" | translate
       }}</span>