source: Farmatiko/ClientApp/src/app/dashboard/dashboard.component.html@ ee137aa

Last change on this file since ee137aa was ee137aa, checked in by Mile Jankuloski <mile.jankuloski@…>, 4 years ago

Added DataService and dialogs, all bindings needed implemented

  • Property mode set to 100644
File size: 4.2 KB
Line 
1<header>
2 <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
3 <div class="container">
4 <a class="navbar-brand" [routerLink]="['/dashboard']"><img src="../../assets/logo.png"></a>
5 <button class="navbar-toggler"
6 type="button"
7 data-toggle="collapse"
8 data-target=".navbar-collapse"
9 aria-label="Toggle navigation">
10 <span class="navbar-toggler-icon"></span>
11 </button>
12 <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
13 <ul class="navbar-nav flex-grow">
14 <li>Logged as ...<p *ngIf="head">{{head.Name}}</p> </li>
15 </ul>
16 </div>
17
18 <button mat-button [matMenuTriggerFor]="menu"><mat-icon>more_vert</mat-icon></button>
19 <mat-menu #menu="matMenu">
20 <button mat-menu-item [routerLink]="['/']"><mat-icon>directions</mat-icon>Почетна</button>
21 </mat-menu>
22 </div>
23 </nav>
24</header>
25
26<mat-tab-group mat-stretch-tabs>
27 <mat-tab class="tab" label="Мои аптеки">
28 <div class="wrapper">
29 <div class="header">
30 <h2>Мои аптеки</h2>
31 <p *ngIf="!head"><em>Loading...</em></p>
32 </div>
33 <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="head">
34 <thead>
35 <tr>
36 <th>Име</th>
37 <th>Локација</th>
38 <th>Адреса</th>
39 <th>Работи 24/7</th>
40 <th>Actions</th>
41 </tr>
42 </thead>
43 <tbody>
44 <tr *ngFor="let pharmacies of head.Pharmacy">
45 <td>{{pharmacies.name}}</td>
46 <td>{{pharmacies.location}}</td>
47 <td>{{pharmacies.address}}</td>
48 <td>{{pharmacies.workAllTime}}</td>
49 <td><a (click)="openEditPharmacyDialog(pharmacies)">Edit</a></td>
50 </tr>
51 </tbody>
52 </table>
53 </div>
54 </mat-tab>
55 <mat-tab class="tab" label="Сите аптеки">
56 <div class="wrapper">
57 <div class="header">
58 <h2>Сите аптеки</h2>
59 <mat-form-field>
60 <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
61 </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>
82 </div>
83 </mat-tab>
84 </mat-tab-group>
85
86<div class="wrapper">
87 <div class="header">
88 <h2>Достапни лекови</h2>
89 <mat-form-field>
90 <input matInput (keyup)="applyFilterMedicines($event.target.value)" placeholder="Пронајди лек">
91 </mat-form-field>
92 </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>
118</div>
Note: See TracBrowser for help on using the repository browser.