sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Affichage en tableau de la liste des DZs

Browse Source
This commit is contained in:
Sébastien André
2019-10-10 11:00:15 +02:00
parent e2baa1486a
commit 3fa3275092
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,6 @@
import { Component, OnInit, Injectable } from '@angular/core';
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatTableDataSource } from '@angular/material/table';
import { DropZoneResp } from '../../models/dropzone';
import { ServiceApi } from '../../services/serviceApi';
@@ -13,6 +15,9 @@ import { ServiceComm } from '../../services/serviceComm';
export class ListOfDzsComponent implements OnInit {
public listOfDropZones: Array<DropZoneResp> = new Array<DropZoneResp>();
public displayedColumns: Array<string> = ['id', 'name'];
public dataSourceTable = new MatTableDataSource<DropZoneResp>();
@ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
constructor(private serviceApi: ServiceApi,
private serviceComm: ServiceComm) {
@@ -25,6 +30,10 @@ export class ListOfDzsComponent implements OnInit {
getListOfDropZones() {
this.serviceApi.getListOfDropZones()
.subscribe(data => this.listOfDropZones = data);
.subscribe(data => {
this.listOfDropZones = data;
this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
this.dataSourceTable.paginator = this.paginator;
});
}
}