From a29626cd51e5258dbe00b381bbebdd46e70126b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Andr=C3=A9?=
 <Sebastien.ANDRE@external.loccitane.com>
Date: Thu, 10 Oct 2019 11:19:57 +0200
Subject: [PATCH] Affichage correctement de la liste des DZs

---
 .../list-of-dzs/list-of-dzs.component.html    | 26 +++++++++++++++++--
 .../app/list-of-dzs/list-of-dzs.component.ts  |  2 +-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
index 03c4e52..5ec4837 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
@@ -2,7 +2,7 @@
   list-of-dzs works!
 </p>
 
-<table mat-table [dataSource]="dataSourceTable" class="mat-elevation-z8">
+<table mat-table [dataSource]="dataSourceTable">
   <ng-container matColumnDef="id">
     <th mat-header-cell *matHeaderCellDef>ID</th>
     <td mat-cell *matCellDef="let element">{{element.id}}</td>
@@ -10,7 +10,29 @@
 
   <ng-container matColumnDef="name">
     <th mat-header-cell *matHeaderCellDef>Name</th>
-    <td mat-cell *matCellDef="let element">{{element.name}}</td>
+    <td mat-cell *matCellDef="let element">{{element.name}} <a href='http://{{element.website}}'>ici</a></td>
+  </ng-container>
+
+  <ng-container matColumnDef="latitude">
+    <th mat-header-cell *matHeaderCellDef>Latitude</th>
+    <td mat-cell *matCellDef="let element">{{element.latitude}}</td>
+  </ng-container>
+  <ng-container matColumnDef="longitude">
+    <th mat-header-cell *matHeaderCellDef>Longitude</th>
+    <td mat-cell *matCellDef="let element">{{element.longitude}}</td>
+  </ng-container>
+
+  <ng-container matColumnDef="address">
+    <th mat-header-cell *matHeaderCellDef>Address</th>
+    <td mat-cell *matCellDef="let element"><span [innerHTML]="element.address"></span></td>
+  </ng-container>
+  <ng-container matColumnDef="email">
+    <th mat-header-cell *matHeaderCellDef>E-mail</th>
+    <td mat-cell *matCellDef="let element">{{element.email}}</td>
+  </ng-container>
+  <ng-container matColumnDef="type">
+    <th mat-header-cell *matHeaderCellDef>Type</th>
+    <td mat-cell *matCellDef="let element">{{element.type}}</td>
   </ng-container>
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index 0309e78..21b35a1 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -15,7 +15,7 @@ import { ServiceComm } from '../../services/serviceComm';
 
 export class ListOfDzsComponent implements OnInit {
   public listOfDropZones: Array<DropZoneResp> = new Array<DropZoneResp>();
-  public displayedColumns: Array<string> = ['id', 'name'];
+  public displayedColumns: Array<string> = ['id', 'name', 'latitude', 'longitude', 'address', 'email', 'type'];
   public dataSourceTable = new MatTableDataSource<DropZoneResp>();
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;