Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

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

    ree137aa rd8fafb8  
    77    <h2>Лекови</h2>
    88  <mat-form-field>
    9     <input matInput (keyup)="applyFilterMedicines($event.target.value)" placeholder="Пронајди лек">
     9    <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Пронајди лек">
    1010  </mat-form-field>
    1111    </div>
    12   <table class='table table-striped' aria-labelledby="tableLabel" *ngIf="true">
    13       <thead>
    14         <tr>
    15           <th>Име</th>
    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 medicine of filteredMedicines">
    26           <td><a (click)="openMedicineDialog(medicine)">{{ medicine.name }}</a></td>
    27           <td>{{ medicine.strength }}</td>
    28           <td>{{ medicine.form }}</td>
    29           <td>{{ medicine.wayOfIssuing }}</td>
    30           <td>{{ medicine.manufacturer }}</td>
    31           <td>{{ medicine.price }}</td>
    32           <td>{{ medicine.packaging }}</td>
    33         </tr>
    34     </tbody>
    35   </table>
     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>
    3652  </div>
    3753  </mat-tab>
    … …  
    4460    </mat-form-field>
    4561    </div>
    46     <table class='table table-striped' aria-labelledby="tableLabel" *ngIf="true">
    47       <thead>
    48         <tr>
    49           <th>Име</th>
    50           <th>Локација</th>
    51           <th>Адреса</th>
    52           <th>Работи 27/7?</th>
    53         </tr>
    54       </thead>
    55       <tbody>
    56         <tr *ngFor="let pharmacy of filteredPharmacies">
    57           <td><a (click)="openPharmacyDialog(pharmacy)">{{ pharmacy.name }}</a></td>
    58           <td>{{ pharmacy.location }}</td>
    59           <td>{{ pharmacy.address }}</td>
    60           <td>{{ pharmacy.workAllTime }}</td>
    61         </tr>
    62     </tbody>
    63   </table>
     62      <table [dataSource]="dataSourcePharmacies" mat-table matSort class="mat-elevation-z8">
     63        <ng-container matColumnDef="Име">
     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>
    6487    </div>
    6588    </mat-tab>
Note: See TracChangeset for help on using the changeset viewer.