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

Last change on this file since 4e72684 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: 3.8 KB
RevLine 
[ef1219a]1
[785b8bd]2<app-nav-menu></app-nav-menu>
[ec6ac45]3
[ef1219a]4<mat-tab-group mat-stretch-tabs>
[e42f61a]5 <mat-tab class="tab" label="Здравствени установи">
[ef1219a]6 <div class="wrapper">
7 <div class="header">
[ec6ac45]8 <h2>Здравствени установи</h2>
[ef1219a]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>
[e42f61a]18
[ef1219a]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>
[e42f61a]23
[ef1219a]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>
[e42f61a]28
[ef1219a]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>
[e42f61a]33
[ef1219a]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>
[e42f61a]38
[ef1219a]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>
[d2e69be]43
[ef1219a]44 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
45 <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
[ec6ac45]46 </table>
[ef1219a]47 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
48 </div>
49 </mat-tab>
[e42f61a]50 <mat-tab class="tab" label="Здравствени работници">
[ef1219a]51 <div class="wrapper">
52 <div class="header">
[ec6ac45]53 <h2>Здравствени работници</h2>
[ef1219a]54 <mat-form-field>
[de18858]55 <input matInput (keyup)="applyFilterWorkers($event.target.value)" placeholder="Пронајди работник">
[ef1219a]56 </mat-form-field>
57 </div>
[e42f61a]58 <table [dataSource]="dataSourceWorkers" mat-table matSort class="mat-elevation-z8">
[ef1219a]59 <ng-container matColumnDef="Име">
60 <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
[e42f61a]61 <td mat-cell *matCellDef="let workers"> {{workers.name}} </td>
[ef1219a]62 </ng-container>
[e42f61a]63
64 <ng-container matColumnDef="Гранка">
65 <th mat-header-cell *matHeaderCellDef mat-sort-header> Гранка </th>
66 <td mat-cell *matCellDef="let workers"> {{workers.branch}} </td>
[ef1219a]67 </ng-container>
[e42f61a]68
69 <ng-container matColumnDef="Установа">
70 <th mat-header-cell *matHeaderCellDef mat-sort-header> Установа </th>
71 <td mat-cell *matCellDef="let workers"> {{workers.facility}} </td>
[ef1219a]72 </ng-container>
[e42f61a]73
74 <ng-container matColumnDef="Назив">
75 <th mat-header-cell *matHeaderCellDef mat-sort-header> Назив </th>
76 <td mat-cell *matCellDef="let workers"> {{workers.title}} </td>
[ef1219a]77 </ng-container>
[e42f61a]78
79 <tr mat-header-row *matHeaderRowDef="displayedColumnsWorkers"></tr>
80 <tr mat-row *matRowDef="let row; columns: displayedColumnsWorkers;"></tr>
[ef1219a]81 </table>
82 <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
[ec6ac45]83 </div>
[ef1219a]84 </mat-tab>
[de18858]85 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.