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