Début du travail sur la page de résumé

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts

@@ -12,7 +12,6 @@ import { ServiceComm } from '../../services/serviceComm';
   styleUrls: ['./list-of-aircrafts.component.css']
 })
 export class ListOfAircraftsComponent implements OnInit {
-  public listOfAircrafts: Array<AircraftResp> = new Array<AircraftResp>();
   public displayedColumns: Array<string> = ['id', 'name'];
   public dataSourceTable;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -28,7 +27,6 @@ export class ListOfAircraftsComponent implements OnInit {
   getListOfAircrafts() {
     this.serviceApi.getListOfAircrafts()
       .subscribe(data => {
-        this.listOfAircrafts = data;
         this.dataSourceTable = new MatTableDataSource<AircraftResp>(data);
         this.dataSourceTable.paginator = this.paginator;
       });

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts

@@ -14,7 +14,6 @@ import { ServiceComm } from '../../services/serviceComm';
 
 
 export class ListOfDzsComponent implements OnInit {
-  public listOfDropZones: Array<DropZoneResp> = new Array<DropZoneResp>();
   public displayedColumns: Array<string> = ['id', 'name', 'latitude', 'longitude', 'address', 'email', 'type'];
   public dataSourceTable;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -31,7 +30,6 @@ export class ListOfDzsComponent implements OnInit {
   getListOfDropZones() {
     this.serviceApi.getListOfDropZones()
       .subscribe(data => {
-        this.listOfDropZones = data;
         this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
         this.dataSourceTable.paginator = this.paginator;
       });

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts

@@ -12,7 +12,6 @@ import { ServiceComm } from '../../services/serviceComm';
   styleUrls: ['./list-of-jump-types.component.css']
 })
 export class ListOfJumpTypesComponent implements OnInit {
-  public listOfJumpTypes: Array<JumpTypeResp> = new Array<JumpTypeResp>();
   public displayedColumns: Array<string> = ['id', 'name'];
   public dataSourceTable;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
@@ -28,7 +27,6 @@ export class ListOfJumpTypesComponent implements OnInit {
   getListOfJumpTypes() {
     this.serviceApi.getListOfJumpTypes()
       .subscribe(data => {
-        this.listOfJumpTypes = data;
         this.dataSourceTable = new MatTableDataSource<JumpTypeResp>(data);
         this.dataSourceTable.paginator = this.paginator;
       });

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

@@ -1,3 +1,89 @@
 <p>
-  summary works!
+  <label>Total jumps</label>
+  Total Total
+</p>
+<p>
+  <label>Per DZ</label>
+  <table mat-table [dataSource]="dsNbJumpByDz">
+    <ng-container matColumnDef="label">
+      <!-- <th mat-header-cell *matHeaderCellDef>DZ</th> -->
+      <td mat-cell *matCellDef="let element">{{element.label}}</td>
+    </ng-container>
+    <ng-container matColumnDef="nb">
+      <!-- <th mat-header-cell *matHeaderCellDef>Nb</th> -->
+      <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+    </ng-container>
+
+    <!-- <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> -->
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</p>
+<p>
+  <label>Per aircraft</label>
+  <table mat-table [dataSource]="dsNbJumpByAircraft">
+    <ng-container matColumnDef="label">
+      <td mat-cell *matCellDef="let element">{{element.label}}</td>
+    </ng-container>
+    <ng-container matColumnDef="nb">
+      <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+    </ng-container>
+
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</p>
+<p>
+  <label>Per RIG</label>
+  <table mat-table [dataSource]="dsNbJumpByRig">
+    <ng-container matColumnDef="label">
+      <td mat-cell *matCellDef="let element">{{element.label}}</td>
+    </ng-container>
+    <ng-container matColumnDef="nb">
+      <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+    </ng-container>
+
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</p>
+<p>
+  <label>Per jump type</label>
+  <table mat-table [dataSource]="dsNbJumpByType">
+    <ng-container matColumnDef="label">
+      <td mat-cell *matCellDef="let element">{{element.label}}</td>
+    </ng-container>
+    <ng-container matColumnDef="nb">
+      <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+    </ng-container>
+
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</p>
+<p>
+  Per year
+  <table mat-table [dataSource]="dsNbJumpByYear">
+    <ng-container matColumnDef="label">
+      <td mat-cell *matCellDef="let element">{{element.label}}</td>
+    </ng-container>
+    <ng-container matColumnDef="nb">
+      <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+    </ng-container>
+
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</p>
+
+<p>
+  <label>Total cutaways</label>
+</p>
+
+<p>
+  <label>Last jump</label>
+  Date and location
+</p>
+
+<p>
+  <label>Jumps in the last month</label>
+</p>
+
+<p>
+  <label>Jumps in the last year</label>
 </p>

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

@@ -7,6 +7,12 @@ import { ServiceComm } from '../../services/serviceComm';
   styleUrls: ['./summary.component.css']
 })
 export class SummaryComponent implements OnInit {
+  public displayedColumns: Array<string> = ['label', 'nb'];
+  public dsNbJumpByDz;
+  public dsNbJumpByAircraft;
+  public dsNbJumpByRig;
+  public dsNbJumpByType;
+  public dsNbJumpByYear;
 
   constructor(private serviceComm: ServiceComm) { }