[ef1219a] | 1 | import { Component, OnInit, ViewChild, Inject } from '@angular/core';
|
---|
[4b342bb] | 2 | import { HttpClient } from '@angular/common/http';
|
---|
| 3 | import { HealthFacilities } from '../models/HealthFacilities';
|
---|
[ef1219a] | 4 | import { MatTableDataSource } from '@angular/material/table';
|
---|
| 5 | import { MatPaginator } from '@angular/material/paginator';
|
---|
| 6 | import { MatSort } from '@angular/material/sort';
|
---|
| 7 |
|
---|
[30a465f] | 8 | @Component({
|
---|
| 9 | selector: 'app-counter-component',
|
---|
[ec6ac45] | 10 | templateUrl: './counter.component.html',
|
---|
| 11 | styleUrls: ['./counter.component.css']
|
---|
[30a465f] | 12 | })
|
---|
[ef1219a] | 13 | export class CounterComponent implements OnInit {
|
---|
[4b342bb] | 14 | public facilities: HealthFacilities[];
|
---|
[ef1219a] | 15 | displayedColumns = ['Име','Општина','Адреса', 'Тип', 'Е-пошта', 'Телефон'];
|
---|
| 16 | dataSource = new MatTableDataSource<HealthFacilities>();
|
---|
| 17 |
|
---|
| 18 | @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
|
---|
| 19 | @ViewChild(MatSort) sort: MatSort;
|
---|
[30a465f] | 20 |
|
---|
[4b342bb] | 21 | constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {
|
---|
[d2e69be] | 22 | http.get<HealthFacilities[]>(baseUrl + 'HealthFacilities/Get?').subscribe(result => {
|
---|
[4b342bb] | 23 | this.facilities = result;
|
---|
[d2e69be] | 24 | console.log(this.facilities);
|
---|
[ef1219a] | 25 | this.dataSource = new MatTableDataSource<HealthFacilities>(this.facilities);
|
---|
[4b342bb] | 26 | }, error => console.error(error));
|
---|
[d2e69be] | 27 | }
|
---|
[ef1219a] | 28 | ngOnInit(): void {
|
---|
| 29 | }
|
---|
[d2e69be] | 30 |
|
---|
[ef1219a] | 31 | ngAfterViewInit(): void {
|
---|
| 32 | this.dataSource.paginator = this.paginator;
|
---|
| 33 | this.dataSource.sort = this.sort;
|
---|
| 34 | }
|
---|
| 35 |
|
---|
| 36 | applyFilter(filterValue: string) {
|
---|
| 37 | filterValue = filterValue.trim();
|
---|
| 38 | filterValue = filterValue.toLowerCase();
|
---|
| 39 | this.dataSource.filter = filterValue;
|
---|
| 40 | }
|
---|
| 41 | } |
---|