source: Farmatiko/ClientApp/src/app/home/home.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: 4.0 KB
RevLine 
[785b8bd]1<app-nav-menu></app-nav-menu>
2
[ef1219a]3<mat-tab-group mat-stretch-tabs>
4 <mat-tab class="tab" label="Лекови">
5 <div class="wrapper">
6 <div class="header">
[ec6ac45]7 <h2>Лекови</h2>
[ef1219a]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>
[de18858]15 <td mat-cell *matCellDef="let medicines"> {{medicines.name}} </td>
[ef1219a]16 </ng-container>
17
[de18858]18 <ng-container matColumnDef="Јачина">
19 <th mat-header-cell *matHeaderCellDef mat-sort-header> Јачина </th>
20 <td mat-cell *matCellDef="let medicines"> {{medicines.strength}} </td>
[ef1219a]21 </ng-container>
22
[de18858]23 <ng-container matColumnDef="Форма">
24 <th mat-header-cell *matHeaderCellDef mat-sort-header> Форма </th>
25 <td mat-cell *matCellDef="let medicines"> {{medicines.form}} </td>
[ef1219a]26 </ng-container>
27
[de18858]28 <ng-container matColumnDef="Начин на издавање">
29 <th mat-header-cell *matHeaderCellDef mat-sort-header> Начин на издавање </th>
30 <td mat-cell *matCellDef="let medicines"> {{medicines.wayOfIssuing}} </td>
[ef1219a]31 </ng-container>
32
[de18858]33 <ng-container matColumnDef="Производител">
34 <th mat-header-cell *matHeaderCellDef mat-sort-header> Производител </th>
35 <td mat-cell *matCellDef="let medicines"> {{medicines.manufacturer}} </td>
[ef1219a]36 </ng-container>
37
[de18858]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>
[ef1219a]46 </ng-container>
47
48 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
49 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
[ec6ac45]50 </table>
[ef1219a]51 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
[46c298d]52 </div>
[ef1219a]53 </mat-tab>
54 <mat-tab class="tab" label="Аптеки">
55 <div class="wrapper">
56 <div class="header">
[ec6ac45]57 <h2>Аптеки</h2>
[ef1219a]58 <mat-form-field>
[de18858]59 <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
[ef1219a]60 </mat-form-field>
61 </div>
62 <table [dataSource]="dataSource" mat-table matSort class="mat-elevation-z8">
[de18858]63 <ng-container matColumnDef="Име">a
[ef1219a]64 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
[de18858]65 <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.name}} </td>
[ef1219a]66 </ng-container>
67
[de18858]68 <ng-container matColumnDef="Локација">
69 <th mat-header-cell *matHeaderCellDef mat-sort-header> Локација </th>
70 <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.location}} </td>
[ef1219a]71 </ng-container>
72
73 <ng-container matColumnDef="Адреса">
74 <th mat-header-cell *matHeaderCellDef mat-sort-header> Адреса </th>
[de18858]75 <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.address}} </td>
[ef1219a]76 </ng-container>
77
[de18858]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>
[ef1219a]81 </ng-container>
82
[de18858]83 <tr mat-header-row *matHeaderRowDef="displayedColumnsPharmacies"></tr>
84 <tr mat-row *matRowDef="let row; columns: displayedColumnsPharmacies;"></tr>
[ef1219a]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.