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

Timestamp:

07/27/20 23:36:14 (4 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/counter/counter.component.ts (modified) (3 diffs)

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

@@ -1 @@
-import { Component, Inject } 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({
   selector: 'app-counter-component',
@@ -7 +11 @@
   styleUrls: ['./counter.component.css']
 })
-export class CounterComponent {
+export class CounterComponent 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) {
@@ -14 +23 @@
       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;
+  }
 }
-/*interface healthFacilities {
-  Name: string;
-  Municipality: string;
-  Address: string;
-  Type: string;
-  Email: string;
-  Phone: string;
-}*/
-