source: Farmatiko/ClientApp/src/app/counter/counter.component.html@ a55ef91

Last change on this file since a55ef91 was de18858, checked in by Mile Jankuloski <mile.jankuloski@…>, 4 years ago

Prepared and improved components for data flows

  • Property mode set to 100644
File size: 3.8 KB
Line 
1
2<app-nav-menu></app-nav-menu>
3
4<mat-tab-group mat-stretch-tabs>
5 <mat-tab class="tab" label="Здравствени установи">
6 <div class="wrapper">
7 <div class="header">
8 <h2>Здравствени установи</h2>
9 <mat-form-field>
10 <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Пронајди установа">
11 </mat-form-field>
12 </div>
13 <table [dataSource]="dataSource" mat-table matSort class="mat-elevation-z8">
14 <ng-container matColumnDef="Име">
15 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
16 <td mat-cell *matCellDef="let facilities"> {{facilities.name}} </td>
17 </ng-container>
18
19 <ng-container matColumnDef="Општина">
20 <th mat-header-cell *matHeaderCellDef mat-sort-header> Општина </th>
21 <td mat-cell *matCellDef="let facilities"> {{facilities.municipality}} </td>
22 </ng-container>
23
24 <ng-container matColumnDef="Адреса">
25 <th mat-header-cell *matHeaderCellDef mat-sort-header> Адреса </th>
26 <td mat-cell *matCellDef="let facilities"> {{facilities.address}} </td>
27 </ng-container>
28
29 <ng-container matColumnDef="Тип">
30 <th mat-header-cell *matHeaderCellDef mat-sort-header> Тип </th>
31 <td mat-cell *matCellDef="let facilities"> {{facilities.type}} </td>
32 </ng-container>
33
34 <ng-container matColumnDef="Е-пошта">
35 <th mat-header-cell *matHeaderCellDef mat-sort-header> Е-пошта </th>
36 <td mat-cell *matCellDef="let facilities"> {{facilities.email}} </td>
37 </ng-container>
38
39 <ng-container matColumnDef="Телефон">
40 <th mat-header-cell *matHeaderCellDef mat-sort-header> Телефон </th>
41 <td mat-cell *matCellDef="let facilities"> {{facilities.phone}} </td>
42 </ng-container>
43
44 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
45 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
46 </table>
47 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
48 </div>
49 </mat-tab>
50 <mat-tab class="tab" label="Здравствени работници">
51 <div class="wrapper">
52 <div class="header">
53 <h2>Здравствени работници</h2>
54 <mat-form-field>
55 <input matInput (keyup)="applyFilterWorkers($event.target.value)" placeholder="Пронајди работник">
56 </mat-form-field>
57 </div>
58 <table [dataSource]="dataSourceWorkers" mat-table matSort class="mat-elevation-z8">
59 <ng-container matColumnDef="Име">
60 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
61 <td mat-cell *matCellDef="let workers"> {{workers.name}} </td>
62 </ng-container>
63
64 <ng-container matColumnDef="Гранка">
65 <th mat-header-cell *matHeaderCellDef mat-sort-header> Гранка </th>
66 <td mat-cell *matCellDef="let workers"> {{workers.branch}} </td>
67 </ng-container>
68
69 <ng-container matColumnDef="Установа">
70 <th mat-header-cell *matHeaderCellDef mat-sort-header> Установа </th>
71 <td mat-cell *matCellDef="let workers"> {{workers.facility}} </td>
72 </ng-container>
73
74 <ng-container matColumnDef="Назив">
75 <th mat-header-cell *matHeaderCellDef mat-sort-header> Назив </th>
76 <td mat-cell *matCellDef="let workers"> {{workers.title}} </td>
77 </ng-container>
78
79 <tr mat-header-row *matHeaderRowDef="displayedColumnsWorkers"></tr>
80 <tr mat-row *matRowDef="let row; columns: displayedColumnsWorkers;"></tr>
81 </table>
82 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
83 </div>
84 </mat-tab>
85 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.