Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

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

    ree137aa rde18858  
    1212        <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
    1313          <ul class="navbar-nav flex-grow">
    14             <li>Logged as ...<p *ngIf="head">{{head.Name}}</p> </li>
     14            <li>Logged as  <!--{{head.Name}}--> </li>
    1515          </ul>
    1616        </div>
    … …  
    1818        <button mat-button [matMenuTriggerFor]="menu"><mat-icon>more_vert</mat-icon></button>
    1919        <mat-menu #menu="matMenu">
    20           <button mat-menu-item [routerLink]="['/']"><mat-icon>directions</mat-icon>Почетна</button>
     20          <button mat-menu-item (click)="openDialog()"><mat-icon>person_add</mat-icon>View homepage</button>
     21          <button mat-menu-item (click)="test()"><mat-icon>directions</mat-icon>Go to homepage</button>
    2122        </mat-menu>
    2223      </div>
    … …  
    2930    <div class="header">
    3031    <h2>Мои аптеки</h2>
    31     <p *ngIf="!head"><em>Loading...</em></p>
     32    <p *ngIf="!mypharmacies"><em>Loading...</em></p>
    3233    </div>
    33     <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="head">
     34    <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
    3435      <thead>
    3536        <tr>
    … …  
    4243      </thead>
    4344      <tbody>
    44         <tr *ngFor="let pharmacies of head.Pharmacy">
     45        <tr *ngFor="let pharmacies of mypharmacies">
    4546          <td>{{pharmacies.name}}</td>
    4647          <td>{{pharmacies.location}}</td>
    4748          <td>{{pharmacies.address}}</td>
    4849          <td>{{pharmacies.workAllTime}}</td>
    49           <td><a (click)="openEditPharmacyDialog(pharmacies)">Edit</a></td>
     50          <td><a (click)="works24hrs(pharmacies)">Работи 24/7</a> | <a (click)="doesntWork24hrs(pharmacies)">Не работи 24/7</a></td>
    5051        </tr>
    5152      </tbody>
    … …  
    6061      <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
    6162    </mat-form-field>
    62   </div>
    63     <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="pharmacies">
    64       <thead>
    65         <tr>
    66           <th>Име</th>
    67           <th>Локација</th>
    68           <th>Адреса</th>
    69           <th>Работи 27/7?</th>
    70         </tr>
    71       </thead>
    72       <tbody>
    73         <tr *ngFor="let pharmacy of pharmacies">
    74           <td><a (click)="openPharmacyDialog(pharmacy)">{{ pharmacy.name }}</a></td>
    75           <td>{{ pharmacy.location }}</td>
    76           <td>{{ pharmacy.address }}</td>
    77           <td>{{ pharmacy.workAllTime }}</td>
    78           <td><a (click)="claimPharmacy(pharmacy)">Claim</a></td>
    79         </tr>
    80     </tbody>
    81   </table>
     63    </div>
     64      <table [dataSource]="dataSource" mat-table matSort class="mat-elevation-z8">
     65        <ng-container matColumnDef="Име">a
     66          <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
     67          <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.name}} </td>
     68        </ng-container>
     69   
     70        <ng-container matColumnDef="Локација">
     71          <th mat-header-cell *matHeaderCellDef mat-sort-header> Локација </th>
     72          <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.location}} </td>
     73        </ng-container>
     74     
     75        <ng-container matColumnDef="Адреса">
     76          <th mat-header-cell *matHeaderCellDef mat-sort-header> Адреса </th>
     77          <td mat-cell *matCellDef="let pharmacies"> {{pharmacies.address}} </td>
     78        </ng-container>
     79
     80        <ng-container matColumnDef="Actions">
     81          <th mat-header-cell *matHeaderCellDef mat-sort-header> Actions </th>
     82          <td mat-cell *matCellDef="let pharmacies"> <a (click)="claimPharmacy(pharmacies)">Claim Pharmacy</a> </td>
     83        </ng-container>
     84 
     85          <tr mat-header-row *matHeaderRowDef="displayedColumnsPharmacies"></tr>
     86          <tr mat-row *matRowDef="let row; columns: displayedColumnsPharmacies;"></tr>
     87      </table>
     88      <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
    8289    </div>
    8390    </mat-tab>
    8491  </mat-tab-group>
     92
     93  <div class="statusbar">{{status}}</div>
    8594
    8695<div class="wrapper">
    … …  
    8897    <h2>Достапни лекови</h2>
    8998    <mat-form-field>
    90       <input matInput (keyup)="applyFilterMedicines($event.target.value)" placeholder="Пронајди лек">
     99      <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Пронајди лек">
    91100    </mat-form-field>
    92101      </div>
    93       <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="head">
    94         <thead>
    95           <tr>
    96             <th>Име</th>
    97             <th>Јачина</th>
    98             <th>Форма</th>
    99             <th>Начин на издавање</th>
    100             <th>Производител</th>
    101             <th>Цена</th>
    102             <th>Пакување</th>
    103           </tr>
    104         </thead>
    105         <tbody>
    106           <tr *ngFor="let medicine of head.PharmacyMedicines">
    107             <td><a (click)="openMedicineDialog(medicine)">{{ medicine.name }}</a></td>
    108             <td>{{ medicine.strength }}</td>
    109             <td>{{ medicine.form }}</td>
    110             <td>{{ medicine.wayOfIssuing }}</td>
    111             <td>{{ medicine.manufacturer }}</td>
    112             <td>{{ medicine.price }}</td>
    113             <td>{{ medicine.packaging }}</td>
    114             <td><a (click)="deleteMedicine(medicine)">Delete</a></td>
    115           </tr>
    116       </tbody>
    117     </table>
     102      <table [dataSource]="dataSource" mat-table matSort class="mat-elevation-z8">
     103        <ng-container matColumnDef="Име">
     104          <th mat-header-cell *matHeaderCellDef mat-sort-header> Име </th>
     105          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.name}} </td>
     106        </ng-container>
     107   
     108        <ng-container matColumnDef="Јачина">
     109          <th mat-header-cell *matHeaderCellDef mat-sort-header> Јачина </th>
     110          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.strength}} </td>
     111        </ng-container>
     112     
     113        <ng-container matColumnDef="Форма">
     114          <th mat-header-cell *matHeaderCellDef mat-sort-header> Форма </th>
     115          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.form}} </td>
     116        </ng-container>
     117       
     118        <ng-container matColumnDef="Начин на издавање">
     119          <th mat-header-cell *matHeaderCellDef mat-sort-header> Начин на издавање </th>
     120          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.wayOfIssuing}} </td>
     121        </ng-container>
     122   
     123        <ng-container matColumnDef="Производител">
     124          <th mat-header-cell *matHeaderCellDef mat-sort-header> Производител </th>
     125          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.manufacturer}} </td>
     126        </ng-container>
     127     
     128        <ng-container matColumnDef="Цена">
     129          <th mat-header-cell *matHeaderCellDef mat-sort-header> Цена </th>
     130          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.price}} </td>
     131        </ng-container>
     132 
     133        <ng-container matColumnDef="Пакување">
     134          <th mat-header-cell *matHeaderCellDef mat-sort-header> Пакување </th>
     135          <td mat-cell *matCellDef="let mymedicines"> {{mymedicines.packaging}} </td>
     136        </ng-container>
     137 
     138        <ng-container matColumnDef="Actions">
     139          <th mat-header-cell *matHeaderCellDef mat-sort-header> Actions </th>
     140          <td mat-cell *matCellDef="let mymedicines"> <a (click)="medicineExists(mymedicines)">Exists</a> | <a (click)="medicineDoesntSell(mymedicines)">Doesnt sell</a> </td>
     141        </ng-container>
     142 
     143          <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
     144          <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
     145      </table>
     146      <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20, 100]"></mat-paginator>
    118147</div>
Note: See TracChangeset for help on using the changeset viewer.