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 | <li (click)="logout()" class="btn btn-link"><a>Logout</a></li>
|
---|
16 | </ul>
|
---|
17 | </div>
|
---|
18 |
|
---|
19 | <button mat-button [matMenuTriggerFor]="menu"><mat-icon>more_vert</mat-icon></button>
|
---|
20 | <mat-menu #menu="matMenu">
|
---|
21 | <button mat-menu-item [routerLink]="['/']"><mat-icon>directions</mat-icon>Почетна</button>
|
---|
22 | </mat-menu>
|
---|
23 | </div>
|
---|
24 | </nav>
|
---|
25 | </header>
|
---|
26 |
|
---|
27 | <mat-tab-group mat-stretch-tabs>
|
---|
28 | <mat-tab class="tab" label="Мои аптеки">
|
---|
29 | <div class="wrapper">
|
---|
30 | <div class="header">
|
---|
31 | <h2>Мои аптеки</h2>
|
---|
32 | <p *ngIf="!head"><em>Loading...</em></p>
|
---|
33 | </div>
|
---|
34 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="head">
|
---|
35 | <thead>
|
---|
36 | <tr>
|
---|
37 | <th>Име</th>
|
---|
38 | <th>Локација</th>
|
---|
39 | <th>Адреса</th>
|
---|
40 | <th>Работи 24/7</th>
|
---|
41 | <th>Actions</th>
|
---|
42 | </tr>
|
---|
43 | </thead>
|
---|
44 | <tbody>
|
---|
45 | <tr *ngFor="let pharmacies of head.Pharmacy">
|
---|
46 | <td>{{pharmacies.name}}</td>
|
---|
47 | <td>{{pharmacies.location}}</td>
|
---|
48 | <td>{{pharmacies.address}}</td>
|
---|
49 | <td>{{pharmacies.workAllTime}}</td>
|
---|
50 | <td><a (click)="openEditPharmacyDialog(pharmacies)">Edit</a></td>
|
---|
51 | </tr>
|
---|
52 | </tbody>
|
---|
53 | </table>
|
---|
54 | </div>
|
---|
55 | </mat-tab>
|
---|
56 | <mat-tab class="tab" label="Сите аптеки">
|
---|
57 | <div class="wrapper">
|
---|
58 | <div class="header">
|
---|
59 | <h2>Сите аптеки</h2>
|
---|
60 | <mat-form-field>
|
---|
61 | <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
|
---|
62 | </mat-form-field>
|
---|
63 | </div>
|
---|
64 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="pharmacies">
|
---|
65 | <thead>
|
---|
66 | <tr>
|
---|
67 | <th>Име</th>
|
---|
68 | <th>Локација</th>
|
---|
69 | <th>Адреса</th>
|
---|
70 | <th>Работи 27/7?</th>
|
---|
71 | </tr>
|
---|
72 | </thead>
|
---|
73 | <tbody>
|
---|
74 | <tr *ngFor="let pharmacy of pharmacies">
|
---|
75 | <td><a (click)="openPharmacyDialog(pharmacy)">{{ pharmacy.name }}</a></td>
|
---|
76 | <td>{{ pharmacy.location }}</td>
|
---|
77 | <td>{{ pharmacy.address }}</td>
|
---|
78 | <td>{{ pharmacy.workAllTime }}</td>
|
---|
79 | <td><a (click)="claimPharmacy(pharmacy)">Claim</a></td>
|
---|
80 | </tr>
|
---|
81 | </tbody>
|
---|
82 | </table>
|
---|
83 | </div>
|
---|
84 | </mat-tab>
|
---|
85 | </mat-tab-group>
|
---|
86 |
|
---|
87 | <div class="wrapper">
|
---|
88 | <div class="header">
|
---|
89 | <h2>Достапни лекови</h2>
|
---|
90 | <mat-form-field>
|
---|
91 | <input matInput (keyup)="applyFilterMedicines($event.target.value)" placeholder="Пронајди лек">
|
---|
92 | </mat-form-field>
|
---|
93 | </div>
|
---|
94 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="head">
|
---|
95 | <thead>
|
---|
96 | <tr>
|
---|
97 | <th>Име</th>
|
---|
98 | <th>Јачина</th>
|
---|
99 | <th>Форма</th>
|
---|
100 | <th>Начин на издавање</th>
|
---|
101 | <th>Производител</th>
|
---|
102 | <th>Цена</th>
|
---|
103 | <th>Пакување</th>
|
---|
104 | </tr>
|
---|
105 | </thead>
|
---|
106 | <tbody>
|
---|
107 | <tr *ngFor="let medicine of head.PharmacyMedicines">
|
---|
108 | <td><a (click)="openMedicineDialog(medicine)">{{ medicine.name }}</a></td>
|
---|
109 | <td>{{ medicine.strength }}</td>
|
---|
110 | <td>{{ medicine.form }}</td>
|
---|
111 | <td>{{ medicine.wayOfIssuing }}</td>
|
---|
112 | <td>{{ medicine.manufacturer }}</td>
|
---|
113 | <td>{{ medicine.price }}</td>
|
---|
114 | <td>{{ medicine.packaging }}</td>
|
---|
115 | <td><a (click)="deleteMedicine(medicine)">Delete</a></td>
|
---|
116 | </tr>
|
---|
117 | </tbody>
|
---|
118 | </table>
|
---|
119 | </div> |
---|