source: Farmatiko/ClientApp/src/app/home/home.component.html@ 28d7d35

Last change on this file since 28d7d35 was 28d7d35, checked in by Mile Jankuloski <mile.jankuloski@…>, 22 months ago

Maps, geolocation api, dialogs & more

  • Property mode set to 100644
File size: 2.3 KB
Line 
1<app-nav-menu></app-nav-menu>
2
3<mat-tab-group dynamicHeight mat-stretch-tabs>
4 <mat-tab class="tab" label="Лекови">
5 <div class="wrapper">
6 <div class="header">
7 <h2>Лекови</h2>
8 <mat-form-field>
9 <input matInput (keyup)="applyFilterMedicines($event.target.value)" placeholder="Пронајди лек">
10 </mat-form-field>
11 </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 </tr>
19 </thead>
20 <tbody>
21 <tr *ngFor="let medicine of filteredMedicines" (click)="openMedicineDialog(medicine)" class="tableRow">
22 <td>{{ medicine.name }}</td>
23 <td>{{ medicine.form }}</td>
24 <td>{{ medicine.price }}</td>
25 </tr>
26 </tbody>
27 </table>
28 </div>
29 </mat-tab>
30 <mat-tab class="tab" label="Аптеки">
31 <div class="wrapper">
32 <div class="header">
33 <h2>Аптеки
34 <button mat-icon-button color="primary" (click)="refreshMap()" [disabled]="!showMap">
35 <mat-icon>refresh</mat-icon>Освежи
36 </button>
37 <button mat-icon-button color="accent" [disabled]="clicked" (click)="toggleMap(); clicked = true">
38 <mat-icon>map</mat-icon>Активирај
39 </button>
40 </h2>
41 <div class="map-wrapper" *ngIf="showMap">
42 <div class="map-frame">
43 <div id="map" style="height: 400px;" leaflet [leafletOptions]="options"></div>
44 </div>
45 </div>
46
47 <mat-form-field>
48 <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
49 </mat-form-field>
50 </div>
51 <table class='table table-striped' aria-labelledby="tableLabel" *ngIf="true">
52 <thead>
53 <tr>
54 <th>Име</th>
55 <th>Локација</th>
56 <th>Работи 27/7?</th>
57 </tr>
58 </thead>
59 <tbody>
60 <tr *ngFor="let pharmacy of filteredPharmacies" (click)="openPharmacyDialog(pharmacy)" class="tableRow">
61 <td>{{ pharmacy.name }}</td>
62 <td>{{ pharmacy.location }}</td>
63 <td *ngIf="pharmacy.workAllTime == true">Да</td>
64 <td *ngIf="pharmacy.workAllTime != true">Не</td>
65 </tr>
66 </tbody>
67 </table>
68
69 </div>
70 </mat-tab>
71 </mat-tab-group>
Note: See TracBrowser for help on using the repository browser.