Début de l'appli Front

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

@@ -1,15 +1,27 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Injectable } from '@angular/core';
+import { DropZoneResp } from '../../models/dropzone';
+import { ServiceApi } from '../../services/serviceApi';
 
 @Component({
   selector: 'app-list-of-dzs',
   templateUrl: './list-of-dzs.component.html',
   styleUrls: ['./list-of-dzs.component.css']
 })
-export class ListOfDzsComponent implements OnInit {
 
-  constructor() { }
+
+export class ListOfDzsComponent implements OnInit {
+  public listOfDropZones: Array<DropZoneResp>;
+
+  constructor(private serviceApi: ServiceApi) { }
 
   ngOnInit() {
   }
 
+  getListOfDropZones() {
+    this.serviceApi.getListOfDropZones()
+    .subscribe((data: DropZoneResp) => this.listOfDropZones = {
+        heroesUrl: data['heroesUrl'],
+        textfile:  data['textfile']
+    });
+  }
 }