Changeset ef1219a for Farmatiko/ClientApp/src/app/home/home.component.ts

Timestamp:

07/27/20 23:36:14 (5 years ago)

Author:

Mile Jankuloski <mile.jankuloski@…>

Branches:

master

Children:

e42f61a

Parents:

d2e69be

Message:

Handled REST API calls, searchbars and paginators implemented, overall frontend improvment

File:

• Farmatiko/ClientApp/src/app/home/home.component.ts (modified) (2 diffs)

Farmatiko/ClientApp/src/app/home/home.component.ts

@@ -1 @@
-import { Component, OnInit, Input, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild, Inject } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { HealthFacilities } from '../models/HealthFacilities';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+
 
 @Component({
@@ -6 +12 @@
   styleUrls: ['./home.component.css']
 })
-export class HomeComponent {
+export class HomeComponent implements OnInit {
+  public facilities: HealthFacilities[];
+  displayedColumns = ['Име','Општина','Адреса', 'Тип', 'Е-пошта', 'Телефон'];
+  dataSource = new MatTableDataSource<HealthFacilities>();
+
+  @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
+    http.get<HealthFacilities[]>(baseUrl + 'HealthFacilities/Get?').subscribe(result => {
+      this.facilities = result;
+      console.log(this.facilities);
+      this.dataSource = new MatTableDataSource<HealthFacilities>(this.facilities);
+    }, error => console.error(error));
+  }
+  ngOnInit(): void {
+  }
+
+  ngAfterViewInit(): void {
+    this.dataSource.paginator = this.paginator;
+    this.dataSource.sort = this.sort;
+  }
+
+  applyFilter(filterValue: string) {
+    filterValue = filterValue.trim();
+    filterValue = filterValue.toLowerCase();
+    this.dataSource.filter = filterValue;
+  }
 }