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

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

JSON processing added

  • Property mode set to 100644
File size: 4.4 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="id">
15 <th mat-header-cell *matHeaderCellDef mat-sort-header> id </th>
16 <td mat-cell *matCellDef="let facilities"> {{facilities.id}} </td>
17 </ng-container>
18
19 <ng-container matColumnDef="createdOn">
20 <th mat-header-cell *matHeaderCellDef mat-sort-header> createdOn </th>
21 <td mat-cell *matCellDef="let facilities"> {{facilities.createdOn}} </td>
22 </ng-container>
23
24 <ng-container matColumnDef="deletedOn">
25 <th mat-header-cell *matHeaderCellDef mat-sort-header> deletedOn </th>
26 <td mat-cell *matCellDef="let facilities"> {{facilities.deletedOn}} </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.name}} </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.municipality}} </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.address}} </td>
42 </ng-container>
43
44 <ng-container matColumnDef="Тип">
45 <th mat-header-cell *matHeaderCellDef mat-sort-header> Тип </th>
46 <td mat-cell *matCellDef="let facilities"> {{facilities.type}} </td>
47 </ng-container>
48
49 <ng-container matColumnDef="Е-пошта">
50 <th mat-header-cell *matHeaderCellDef mat-sort-header> Е-пошта </th>
51 <td mat-cell *matCellDef="let facilities"> {{facilities.email}} </td>
52 </ng-container>
53
54 <ng-container matColumnDef="Телефон">
55 <th mat-header-cell *matHeaderCellDef mat-sort-header> Телефон </th>
56 <td mat-cell *matCellDef="let facilities"> {{facilities.phone}} </td>
57 </ng-container>
58
59 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
60 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
61 </table>
62 <mat-paginator #paginator [pageSize]="100" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
63 </div>
64 </mat-tab>
65 <mat-tab class="tab" label="Здравствени работници">
66 <div class="wrapper">
67 <div class="header">
68 <h2>Здравствени работници</h2>
69 <mat-form-field>
70 <input matInput (keyup)="applyFilterWorkers($event.target.value)" placeholder="Пронајди работник">
71 </mat-form-field>
72 </div>
73 <table [dataSource]="dataSourceWorkers" mat-table matSort class="mat-elevation-z8">
74 <ng-container matColumnDef="Име">
75 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
76 <td mat-cell *matCellDef="let workers"> {{workers.name}} </td>
77 </ng-container>
78
79 <ng-container matColumnDef="Гранка">
80 <th mat-header-cell *matHeaderCellDef mat-sort-header> Гранка </th>
81 <td mat-cell *matCellDef="let workers"> {{workers.branch}} </td>
82 </ng-container>
83
84 <ng-container matColumnDef="Установа">
85 <th mat-header-cell *matHeaderCellDef mat-sort-header> Установа </th>
86 <td mat-cell *matCellDef="let workers"> {{workers.facility}} </td>
87 </ng-container>
88
89 <ng-container matColumnDef="Назив">
90 <th mat-header-cell *matHeaderCellDef mat-sort-header> Назив </th>
91 <td mat-cell *matCellDef="let workers"> {{workers.title}} </td>
92 </ng-container>
93
94 <tr mat-header-row *matHeaderRowDef="displayedColumnsWorkers"></tr>
95 <tr mat-row *matRowDef="let row; columns: displayedColumnsWorkers;"></tr>
96 </table>
97 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
98 </div>
99 </mat-tab>
100 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.