Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

  • Farmatiko/ClientApp/src/app/counter/counter.component.html

    r58fa654 ree137aa  
    88    <h2>Здравствени установи</h2>
    99  <mat-form-field>
    10     <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Пронајди установа">
     10    <input matInput (keyup)="applyFilterFacilities($event.target.value)" placeholder="Пронајди установа">
    1111  </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>
     12    </div>   
     13    <table class='table table-striped' aria-labelledby="tableLabel" *ngIf="true">
     14      <thead>
     15        <tr>
     16          <th>Име</th>
     17          <th>Општина</th>
     18          <th>Адреса</th>
     19          <th>Тип</th>
     20          <th>Е-пошта</th>
     21          <th>Телефон</th>
     22        </tr>
     23      </thead>
     24      <tbody>
     25        <tr *ngFor="let facility of filteredFacilities">
     26          <td><a (click)="openFacilityDialog(facility)">{{ facility.name }}</a></td>
     27          <td>{{ facility.municipality }}</td>
     28          <td>{{ facility.address }}</td>
     29          <td>{{ facility.type }}</td>
     30          <td>{{ facility.email }}</td>
     31          <td>{{ facility.phone }}</td>
     32        </tr>
     33    </tbody>
     34  </table>
    4835  </div>
    4936  </mat-tab>
    … …  
    5643    </mat-form-field>
    5744    </div>
    58       <table [dataSource]="dataSourceWorkers" 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 workers"> {{workers.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 workers"> {{workers.branch}} </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 workers"> {{workers.facility}} </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 workers"> {{workers.title}} </td>
    77         </ng-container>
    78 
    79           <tr mat-header-row *matHeaderRowDef="displayedColumnsWorkers"></tr>
    80           <tr mat-row *matRowDef="let row; columns: displayedColumnsWorkers;"></tr>
    81       </table>
    82       <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
     45    <table class='table table-striped' aria-labelledby="tableLabel" *ngIf="true">
     46      <thead>
     47        <tr>
     48          <th>Име</th>
     49          <th>Гранка</th>
     50          <th>Установа</th>
     51          <th>Назив</th>
     52        </tr>
     53      </thead>
     54      <tbody>
     55        <tr *ngFor="let worker of filteredWorkers">
     56          <td><a (click)="openWorkerDialog(worker)">{{ worker.name }}</a></td>
     57          <td>{{ worker.branch }}</td>
     58          <td>{{ worker.facility }}</td>
     59          <td>{{ worker.title }}</td>
     60        </tr>
     61    </tbody>
     62  </table>
    8363    </div>
    8464    </mat-tab>
Note: See TracChangeset for help on using the changeset viewer.