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

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

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

  • Property mode set to 100644
File size: 4.3 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)="applyFilter($event.target.value)" placeholder="Пронајди работник">
56 </mat-form-field>
57 </div>
58 <table [dataSource]="dataSource" 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 facilities"> {{facilities.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 facilities"> {{facilities.municipality}} </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 facilities"> {{facilities.address}} </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 facilities"> {{facilities.type}} </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 facilities"> {{facilities.email}} </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 facilities"> {{facilities.phone}} </td>
87 </ng-container>
88
89 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
90 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
91 </table>
92 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
93 </div>
94 </mat-tab>
95 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.