Internationnalisation de la page de

récap.

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

@@ -1,32 +1,32 @@
 <div class="content">
   <div class="paragraph">
-    <label class="left130">Total jumps</label>
+    <label class="left160">{{ 'Summary_TotalJumps' | translate }}</label>
     <span>: {{ totalJumps }}</span>
   </div>
 
   <div class="paragraph">
-    <label class="left130">Total cutaways</label>
+    <label class="left160">{{ 'Summary_TotalCutaways' | translate }}</label>
     <span>: {{ totalCutaways }}</span>
   </div>
 
   <div class="paragraph">
-    <label class="left130">Last jump</label>
+    <label class="left160">{{ 'Summary_LastJump' | translate }}</label>
     <span>: {{ lastJump }}</span>
   </div>
 
   <div class="paragraph" style="margin-top: 20px;">
-    <label class="left130">Refresh</label>
+    <label class="left160">{{ 'Summary_Refresh' | translate }}</label>
     <mat-icon aria-hidden="false" aria-label="Force the refresh of the stats" style="cursor: pointer;"
               (click)='refreshStats()'>cached</mat-icon>
   </div>
 
   <mat-tab-group mat-align-tabs="left" animationDuration="0ms" 
                  (selectedIndex)="0" (selectedTabChange)="onTabChanged($event);">
-    <mat-tab label="Jumps in the last month">
+    <mat-tab label="{{ 'Summary_LastMonth_Title' | translate }}">
       <ng-template matTabContent>
         <div class="containerFlex">
           <fieldset class="contentFlex">
-            <legend>By DZ</legend>
+            <legend>{{ 'Summary_LastMonth_ByDz' | translate }}</legend>
             <table mat-table [dataSource]="dsJumpForLastMonthByDz">
               <ng-container matColumnDef="label">
                 <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -38,7 +38,7 @@
             </table>
           </fieldset>
           <fieldset class="contentFlex">
-            <legend>By jump type</legend>
+            <legend>{{ 'Summary_LastMonth_ByJumpType' | translate }}</legend>
             <table mat-table [dataSource]="dsJumpForLastMonthByJumpType">
               <ng-container matColumnDef="label">
                 <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -53,11 +53,11 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="Jumps in the last year">
+    <mat-tab label="{{ 'Summary_LastYear_Title' | translate }}">
       <ng-template matTabContent>
         <div class="containerFlex">
           <fieldset class="contentFlex">
-            <legend>By DZ</legend>
+            <legend>{{ 'Summary_LastYear_ByDz' | translate }}</legend>
             <table mat-table [dataSource]="dsJumpForLastYearByDz">
               <ng-container matColumnDef="label">
                 <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -69,7 +69,7 @@
             </table>
           </fieldset>
           <fieldset class="contentFlex">
-            <legend>By jump type</legend>
+            <legend>{{ 'Summary_LastYear_ByJumpType' | translate }}</legend>
             <table mat-table [dataSource]="dsJumpForLastYearByJumpType">
               <ng-container matColumnDef="label">
                 <td mat-cell *matCellDef="let element">{{element.label}}</td>
@@ -84,7 +84,7 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="By DZ">
+    <mat-tab label="{{ 'Summary_ByDz_Title' | translate }}">
       <ng-template matTabContent>
         <table mat-table [dataSource]="dsNbJumpByDz">
           <ng-container matColumnDef="label">
@@ -98,7 +98,7 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="By aircraft">
+    <mat-tab label="{{ 'Summary_ByAircraft_Title' | translate }}">
       <ng-template matTabContent>
         <table mat-table [dataSource]="dsNbJumpByAircraft">
           <ng-container matColumnDef="label">
@@ -112,7 +112,7 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="By gear">
+    <mat-tab label="{{ 'Summary_ByGear_Title' | translate }}">
       <ng-template matTabContent>
         <table mat-table [dataSource]="dsNbJumpByGear">
           <ng-container matColumnDef="label">
@@ -126,7 +126,7 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="By jump type">
+    <mat-tab label="{{ 'Summary_ByJumpType_Title' | translate }}">
       <ng-template matTabContent>
         <table mat-table [dataSource]="dsNbJumpByType">
           <ng-container matColumnDef="label">
@@ -140,7 +140,7 @@
       </ng-template>
     </mat-tab>
 
-    <mat-tab label="By year">
+    <mat-tab label="{{ 'Summary_ByYear_Title' | translate }}">
       <ng-template matTabContent>
         <table mat-table [dataSource]="dsNbJumpByYear">
           <ng-container matColumnDef="label">