source: Farmatiko/ClientApp/src/app/home/home.component.html@ de18858

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

Prepared and improved components for data flows

  • Property mode set to 100644
File size: 4.0 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 medicines"> {{medicines.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 medicines"> {{medicines.strength}} </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 medicines"> {{medicines.form}} </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 medicines"> {{medicines.wayOfIssuing}} </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 medicines"> {{medicines.manufacturer}} </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 medicines"> {{medicines.price}} </td>
41 </ng-container>
42
43 <ng-container matColumnDef="Пакување">
44 <th mat-header-cell *matHeaderCellDef mat-sort-header> Пакување </th>
45 <td mat-cell *matCellDef="let medicines"> {{medicines.packaging}} </td>
46 </ng-container>
47
48 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
49 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
50 </table>
51 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
52 </div>
53 </mat-tab>
54 <mat-tab class="tab" label="Аптеки">
55 <div class="wrapper">
56 <div class="header">
57 <h2>Аптеки</h2>
58 <mat-form-field>
59 <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
60 </mat-form-field>
61 </div>
62 <table [dataSource]="dataSource" mat-table matSort class="mat-elevation-z8">
63 <ng-container matColumnDef="Име">a
64 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
65 <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.name}} </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 pharmacies"> {{pharmacies.location}} </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 pharmacies"> {{pharmacies.address}} </td>
76 </ng-container>
77
78 <ng-container matColumnDef="Работи 27/7?">
79 <th mat-header-cell *matHeaderCellDef mat-sort-header> Работи 27/7? </th>
80 <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.workAllTime}} </td>
81 </ng-container>
82
83 <tr mat-header-row *matHeaderRowDef="displayedColumnsPharmacies"></tr>
84 <tr mat-row *matRowDef="let row; columns: displayedColumnsPharmacies;"></tr>
85 </table>
86 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
87 </div>
88 </mat-tab>
89 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.